Hi 👋, I'm Bryan

WEBSITE

Search Website: search

Vercel Backup

Backup Repo Deploy

Github pages

Technologies used:

Global Site Tag

Global Site Tag Usage Statistics - Download List of All Websites using Global Site Tag

Google's primary tag for Google Measurement/Conversion Tracking, Adwords and DoubleClick.

Google Analytics

Google Analytics Usage Statistics - Download List of All Websites using Google Analytics

Google Analytics offers a host of compelling features and benefits for everyone from senior executives and advertising and marketing professionals to site owners and content developers.

Application Performance - Audience Measurement - Visitor Count Tracking

Google Analytics 4

Google Analytics 4 Usage Statistics - Download List of All Websites using Google Analytics 4

Google Analytics 4 formerly known as App + Web is a new version of Google Analytics that was released in October 2020.

Widgets

View Global Trends

Imgur

Imgur Usage Statistics - Download List of All Websites using Imgur

The page contains content from image sharing website imgur.

Google Font API

Google Font API Usage Statistics - Download List of All Websites using Google Font API

The Google Font API helps you add web fonts to any web page.

Fonts

Google Tag Manager

Google Tag Manager Usage Statistics - Download List of All Websites using Google Tag Manager

Tag management that lets you add and update website tags without changes to underlying website code.

Tag Management

Icons8

Icons8 Usage Statistics - Download List of All Websites using Icons8

Icons, photos and illustrations.

Image Provider

Lorem Ipsum

Lorem Ipsum Usage Statistics - Download List of All Websites using Lorem Ipsum

This website contains the phrase 'lorem ipsum' which means it may have placeholder text.

AddThis

AddThis Usage Statistics - Download List of All Websites using AddThis

Widgets that allow visitors to save and promote the site.

Social Sharing - Bookmarking

tawk.to

tawk.to Usage Statistics - Download List of All Websites using tawk.to

tawk.to is a free live chat app that lets you monitor and chat with visitors.

Live Chat

Frameworks

View Global Trends

Gatsby JS

Gatsby JS Usage Statistics - Download List of All Websites using Gatsby JS

Modern website and web apps generator for React.

Mobile

View Global Trends

Viewport Meta

Viewport Meta Usage Statistics - Download List of All Websites using Viewport Meta

This page uses the viewport meta tag which means the content may be optimized for mobile content.

IPhone / Mobile Compatible

IPhone / Mobile Compatible Usage Statistics - Download List of All Websites using IPhone / Mobile Compatible

The website contains code that allows the page to support IPhone / Mobile Content.

Apple Mobile Web Clips Icon

Apple Mobile Web Clips Icon Usage Statistics - Download List of All Websites using Apple Mobile Web Clips Icon

This page contains an icon for iPhone, iPad and iTouch devices.

Content Delivery Network

View Global Trends

AJAX Libraries API

AJAX Libraries API Usage Statistics - Download List of All Websites using AJAX Libraries API

The AJAX Libraries API is a content distribution network and loading architecture for the most popular, open source JavaScript libraries.

jsDelivr

jsDelivr Usage Statistics - Download List of All Websites using jsDelivr

A free CDN where Javascript developers can host their files. Encompasses MaxCDN, and BootstrapCDN.

CloudFront

CloudFront Usage Statistics - Download List of All Websites using CloudFront

Amazon CloudFront is a web service for content delivery. It integrates with other Amazon Web Services to give developers and businesses an easy way to distribute content to end users with low latency, high data transfer speeds, and no commitments.

Content Management System

View Global Trends

Netlify

Netlify Usage Statistics - Download List of All Websites using Netlify

Netlify is a platform that automates your code to create web sites.

JavaScript Libraries and Functions

View Global Trends

Google Hosted Libraries

Google Hosted Libraries Usage Statistics - Download List of All Websites using Google Hosted Libraries

Google Hosted Libraries is a globally available content distribution network for the most popular, open-source JavaScript libraries.

Google Hosted jQuery

Google Hosted jQuery Usage Statistics - Download List of All Websites using Google Hosted jQuery

jQuery hoted at Google.

Advertising

View Global Trends

Google Adsense

Google Adsense Usage Statistics - Download List of All Websites using Google Adsense

A contextual advertising solution for delivering Google AdWords ads that are relevant to site content pages.

Contextual Advertising

Google Adsense Asynchronous

Google Adsense Asynchronous Usage Statistics - Download List of All Websites using Google Adsense Asynchronous

Fully asynchronous version of the AdSense ad code.

Document Encoding

View Global Trends

UTF-8

UTF-8 Usage Statistics - Download List of All Websites using UTF-8

UTF-8 (8-bit UCS/Unicode Transformation Format) is a variable-length character encoding for Unicode. It is the preferred encoding for web pages.

Document Standards

View Global Trends

HTML5 DocType

HTML5 DocType Usage Statistics - Download List of All Websites using HTML5 DocType

The DOCTYPE is a required preamble for HTML5 websites.

Cascading Style Sheets

Cascading Style Sheets Usage Statistics - Download List of All Websites using Cascading Style Sheets

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML

Open Graph Protocol

Open Graph Protocol Usage Statistics - Download List of All Websites using Open Graph Protocol

The Open Graph protocol enables any web page to become a rich object in a social graph, a open protocol supported by Facebook

Twitter Cards

Twitter Cards Usage Statistics - Download List of All Websites using Twitter Cards

Twitter cards make it possible for you to attach media experiences to Tweets that link to your content.

Javascript

Javascript Usage Statistics - Download List of All Websites using Javascript

JavaScript is a scripting language most often used for client-side web development.

IFrame

IFrame Usage Statistics - Download List of All Websites using IFrame

The page shows content with an iframe; an embedded frame that loads another webpage.

Font Face Rule

Font Face Rule Usage Statistics - Download List of All Websites using Font Face Rule

The @font-face rule allows for linking to fonts that are automatically activated when needed.

X-UA-Compatible

X-UA-Compatible Usage Statistics - Download List of All Websites using X-UA-Compatible

Allows a website to define how a page is rendered in Internet Explorer 8, allowing a website to decide to use IE7 style rendering over IE8 rendering.

Meta Keywords

Meta Keywords Usage Statistics - Download List of All Websites using Meta Keywords

Meta tag containing keywords related to the page.

Meta Description

Meta Description Usage Statistics - Download List of All Websites using Meta Description

The description attribute provides a concise explanation of the page content.

HTML 5 Specific Tags

HTML 5 Specific Tags Usage Statistics - Download List of All Websites using HTML 5 Specific Tags

This page contains tags that are specific to an HTML 5 implementation.

WAI-ARIA

WAI-ARIA Usage Statistics - Download List of All Websites using WAI-ARIA

A way to make Web content and Web applications more accessible to people with disabilities. It especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies.

Strict Transport Security

Strict Transport Security Usage Statistics - Download List of All Websites using Strict Transport Security

The HTTP Strict-Transport-Security (HSTS) header instructs the browser to only use https.

HSTS

HSTS Usage Statistics - Download List of All Websites using HSTS

Forces browsers to only communicate with the site using HTTPS.

HSTS IncludeSubdomains PreLoad

HSTS IncludeSubdomains PreLoad Usage Statistics - Download List of All Websites using HSTS IncludeSubdomains PreLoad

This website includes instructions for HSTS loading that would allow it to be submitted to the HSTS preload list.

Web Master Registration

View Global Trends

Google Webmaster

Google Webmaster Usage Statistics - Download List of All Websites using Google Webmaster

Webmaster tools provide you with a free and easy way to make your site more Google-friendly.

Content Delivery Network

View Global Trends

Content Delivery Network

Content Delivery Network Usage Statistics - Download List of All Websites using Content Delivery Network

This page contains links that give the impression that some of the site contents are stored on a content delivery network.

Docs Structure:

.
├── ./About
│   ├── ./About/index.md
│   ├── ./About/introduction2bg.md
│   ├── ./About/me.md
│   └── ./About/resume.md
├── ./articles
│   ├── ./articles/algo.md
│   └── ./articles/basic-web-dev.md
├── ./faq
│   ├── ./faq/Contact.md
│   ├── ./faq/index.md
│   └── ./faq/other-sites.md
├── ./index.md
├── ./jupyter-notebooks.md
├── ./links
│   ├── ./links/Social.md
│   ├── ./links/index.md
│   └── ./links/my-websites.md
├── ./portfolio-web.md
├── ./python.md
├── ./quick-reference
│   ├── ./quick-reference/Emmet.md
│   ├── ./quick-reference/index.md
│   ├── ./quick-reference/installation.md
│   └── ./quick-reference/new-repo-instructions.md
├── ./react
│   ├── ./react/createReactApp.md
│   ├── ./react/index.md
│   └── ./react/react2.md
├── ./resources.md
└── ./tools
    ├── ./tools/Git-Html-Preview.md
    ├── ./tools/default-readme.md
    ├── ./tools/index.md
    ├── ./tools/notes-template.md
    └── ./tools/plug-ins.md

7 directories, 29 files

Sitemap:

Links:

Try it out without cloning the entire repo:

stackblitz demo hosted on firebase

Blog

🚀 Quick start

Create a Gatsby site.

Use the Gatsby CLI to create a new site, specifying the default starter.

# create a new Gatsby site using the default starter
gatsby new my-default-starter https://github.com/gatsbyjs/gatsby-starter-default

Start developing.

Navigate into your new site’s directory and start it up.
```
cd my-default-starter/
gatsby develop
```
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.

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

/node_modules: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.
/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”.
.gitignore: This file tells git which files it should not track / not maintain a version history for.
.prettierrc: This is a configuration file for Prettier. Prettier is a tool to help keep the formatting of your code consistent.
gatsby-browser.js: This file is where Gatsby expects to find any usage of the Gatsby browser APIs (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 for more detail).
gatsby-node.js: This file is where Gatsby expects to find any usage of the Gatsby Node APIs (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 (if any). These allow customization of default Gatsby settings affecting server-side rendering.
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.
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).
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.
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. Here are some places to start:

For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. 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. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.

💫 Deploy

Codebase:


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/gallery.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/gallery.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$

#Components

Click to see React Components (src folder)!

ActionLink!

##ActionLink

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>
);
}
}

CtaButtons!

CtaButtons

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>
        ));
    }
}

Click to expand!

DocsMenu

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>
        );
    }
}

Click to expand!

DocsSubmenu

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>
        );
    }
}

Click to expand!

Footer

import React from 'react';
import _ from 'lodash';

import { htmlToReact } from '../utils';
import ActionLink from './ActionLink';

export default class Footer extends React.Component {
    render() {
        return (
            <footer id="colophon" className="site-footer outer">
                <div className="inner">
                    <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>
        );
    }
}

Header

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">
                <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 id="search" className="inner"></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={80}
                            height={80}
                            viewBox="0 0 250 250"
                            style={{
                                zIndex: 100000,
                                fill: '#194ccdaf',
                                color: '#fff',
                                position: 'fixed',
                                top: '20px',
                                border: 0,
                                left: '20px',
                                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>
        );
    }
}

Click to expand!

Icon

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>
        );
    }
}

Click to expand!

Body

import React from 'react';

import { Helmet } from 'react-helmet';
import _ from 'lodash';

import { withPrefix, attribute } from '../utils';
import '../sass/main.scss';
import Header from './Header';
import Footer from './Footer';

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="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)} />
                </Helmet>
                <div id="page" className="site">
                    <Header {...this.props} />
                    <main id="content" className="site-content">
                        {this.props.children}
                    </main>
                    <Footer {...this.props} />
                </div>
            </React.Fragment>
        );
    }
}

Click to expand!

SectionContent

import React from 'react';
import _ from 'lodash';

import { classNames, withPrefix, markdownify } from '../utils';
import CtaButtons from './CtaButtons';

export default class SectionContent extends React.Component {
    render() {
        let section = _.get(this.props, 'section', null);
        return (
            <section id={_.get(section, 'section_id', null)} className="block block-text outer">
                <div className="outter">
                    <div
                        className={classNames('inner', {
                            'grid-swap': _.get(section, 'image', null) && _.get(section, 'image_position', null) === 'right'
                        })}
                    >
                        {_.get(section, 'image', null) && (
                            <div className="grid-item block-image">
                                <img src={withPrefix(_.get(section, 'image', null))} alt={_.get(section, 'image_alt', null)} />
                            </div>
                        )}
                        <div>
                            {_.get(section, 'title', null) && (
                                <div className="block-header">
                                    <h2 className="block-title">{_.get(section, 'title', null)}</h2>
                                </div>
                            )}
                            {_.get(section, 'content', null) && <div className="outer">{markdownify(_.get(section, 'content', null))}</div>}
                            {_.get(section, 'actions', null) && (
                                <div className="block-buttons">
                                    <CtaButtons {...this.props} actions={_.get(section, 'actions', null)} />
                                </div>
                            )}
                        </div>
                    </div>
                </div>
            </section>
        );
    }
}

Click to expand!

SectionCta

import React from 'react';
import _ from 'lodash';

import { htmlToReact } from '../utils';
import CtaButtons from './CtaButtons';

export default class SectionCta extends React.Component {
    render() {
        let section = _.get(this.props, 'section', null);
        return (
            <section id={_.get(section, 'section_id', null)} className="block block-cta outer">
                <div className="inner">
                    <div className="has-gradient">
                        <div className="grid grid-middle grid-center">
                            {(_.get(section, 'title', null) || _.get(section, 'subtitle', null)) && (
                                <div className="grid-item block-header">
                                    {_.get(section, 'title', null) && <h2 className="block-title">{_.get(section, 'title', null)}</h2>}
                                    {_.get(section, 'subtitle', null) && <p className="block-subtitle">{htmlToReact(_.get(section, 'subtitle', null))}</p>}
                                </div>
                            )}
                            {_.get(section, 'actions', null) && (
                                <div className="grid-item block-buttons">
                                    <CtaButtons {...this.props} actions={_.get(section, 'actions', null)} />
                                </div>
                            )}
                        </div>
                    </div>
                </div>
            </section>
        );
    }
}

Click to expand!

SectionDocs

import React from 'react';
import _ from 'lodash';

import { classNames, htmlToReact, pathJoin, getPage, Link, withPrefix } from '../utils';

export default class SectionDocs extends React.Component {
    render() {
        let section = _.get(this.props, 'section', null);
        return (
            <section
                id={_.get(section, 'section_id', null)}
                className={classNames('block', 'block-grid', 'outer', {
                    'has-header': _.get(section, 'title', null) || _.get(section, 'subtitle', null)
                })}
            >
                <div className="inner">
                    {(_.get(section, 'title', null) || _.get(section, 'subtitle', null)) && (
                        <div className="block-header inner-sm">
                            {_.get(section, 'title', null) && <h2 className="block-title">{_.get(section, 'title', null)}</h2>}
                            {_.get(section, 'subtitle', null) && <p className="block-subtitle">{htmlToReact(_.get(section, 'subtitle', null))}</p>}
                        </div>
                    )}
                    <div className="block-content">
                        <div
                            className={classNames('grid', {
                                'grid-col-2': _.get(section, 'col_number', null) === 'two',
                                'grid-col-3': _.get(section, 'col_number', null) === 'three'
                            })}
                        >
                            {_.map(_.get(this.props, 'pageContext.site.data.doc_sections.sections', null), (doc_section, doc_section_idx) => {
                                let doc_section_path = pathJoin(_.get(this.props, 'pageContext.site.data.doc_sections.root_docs_path', null), doc_section);
                                let doc_section_page = getPage(this.props.pageContext.pages, doc_section_path);
                                return (
                                    <div key={doc_section_idx} className="grid-item">
                                        <div className="grid-item-inside">
                                            <h3 className="grid-item-title line-left">
                                                <Link to={withPrefix(_.get(doc_section_page, 'url', null))}>
                                                    {_.get(doc_section_page, 'frontmatter.title', null)}
                                                </Link>
                                            </h3>
                                            {_.get(doc_section_page, 'frontmatter.excerpt', null) && (
                                                <div className="grid-item-content">
                                                    <p>{htmlToReact(_.get(doc_section_page, 'frontmatter.excerpt', null))}</p>
                                                </div>
                                            )}
                                            <div className="grid-item-buttons">
                                                <Link to={withPrefix(_.get(doc_section_page, 'url', null))}>Learn More</Link>
                                            </div>
                                        </div>
                                    </div>
                                );
                            })}
                        </div>
                    </div>
                </div>
            </section>
        );
    }
}

Click to expand!

SectionGrid

import React from 'react';
import _ from 'lodash';

import { classNames, htmlToReact, withPrefix, Link, markdownify } from '../utils';
import CtaButtons from './CtaButtons';

export default class SectionGrid extends React.Component {
    render() {
        let section = _.get(this.props, 'section', null);
        return (
            <section
                id={_.get(section, 'section_id', null)}
                className={classNames('block', 'block-grid', 'outer', {
                    'has-header': _.get(section, 'title', null) || _.get(section, 'subtitle', null)
                })}
            >
                <div className="inner">
                    {(_.get(section, 'title', null) || _.get(section, 'subtitle', null)) && (
                        <div className="block-header inner-sm">
                            {_.get(section, 'title', null) && <h2 className="block-title">{_.get(section, 'title', null)}</h2>}
                            {_.get(section, 'subtitle', null) && <p className="block-subtitle">{htmlToReact(_.get(section, 'subtitle', null))}</p>}
                        </div>
                    )}
                    {_.get(section, 'grid_items', null) && (
                        <div className="block-content">
                            <div
                                className={classNames('grid', {
                                    'grid-col-2': _.get(section, 'col_number', null) === 'two',
                                    'grid-col-3': _.get(section, 'col_number', null) === 'three'
                                })}
                            >
                                {_.map(_.get(section, 'grid_items', null), (item, item_idx) => (
                                    <div key={item_idx} className="grid-item">
                                        <div className="grid-item-inside">
                                            {_.get(item, 'image', null) && (
                                                <div className="grid-item-image">
                                                    <img src={withPrefix(_.get(item, 'image', null))} alt={_.get(item, 'image_alt', null)} />
                                                </div>
                                            )}
                                            {_.get(item, 'title', null) && (
                                                <h3 className="grid-item-title line-left">
                                                    {_.get(item, 'title_url', null) ? (
                                                        <Link to={withPrefix(_.get(item, 'title_url', null))}>{_.get(item, 'title', null)}</Link>
                                                    ) : (
                                                        _.get(item, 'title', null)
                                                    )}
                                                </h3>
                                            )}
                                            {_.get(item, 'content', null) && (
                                                <div className="grid-item-content">{markdownify(_.get(item, 'content', null))}</div>
                                            )}
                                            {_.get(item, 'actions', null) && (
                                                <div className="grid-item-buttons">
                                                    <CtaButtons {...this.props} actions={_.get(item, 'actions', null)} />
                                                </div>
                                            )}
                                        </div>
                                    </div>
                                ))}
                            </div>
                        </div>
                    )}
                </div>
            </section>
        );
    }
}

Click to expand!

SectionHero

import React from 'react';
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);
        return (
            <section id={_.get(section, 'section_id', null)} className="block block-hero has-gradient outer">
                {_.get(section, 'image', null) && (
                    <div className="bg-img" style={toStyleObj("background-image: url('" + withPrefix(_.get(section, 'image', null)) + "')")} />
                )}
                <div className="inner-sm">
                    {_.get(section, 'title', null) && (
                        <div className="block-header">
                            <h1 className="block-title">{_.get(section, 'title', null)}</h1>
                        </div>
                    )}
                    {_.get(section, 'content', null) && <div className="block-content">{markdownify(_.get(section, 'content', null))}</div>}
                    {_.get(section, 'actions', null) && (
                        <div className="block-buttons">
                            <CtaButtons {...this.props} actions={_.get(section, 'actions', null)} />
                        </div>
                    )}
                </div>
            </section>
        );
    }
}

Click to expand!

Submenu

import React from 'react';
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>
                    );
                })}
            </ul>
        );
    }
}

Click to expand!

Index.js

import ActionLink from './ActionLink';
import CtaButtons from './CtaButtons';
import DocsMenu from './DocsMenu';
import DocsSubmenu from './DocsSubmenu';
import Footer from './Footer';
import Header from './Header';
import Icon from './Icon';
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,
    DocsMenu,
    DocsSubmenu,
    Footer,
    Header,
    Icon,
    SectionContent,
    SectionCta,
    SectionDocs,
    SectionGrid,
    SectionHero,
    Submenu,
    Layout
};

export default {
    ActionLink,
    CtaButtons,
    DocsMenu,
    DocsSubmenu,
    Footer,
    Header,
    Icon,
    SectionContent,
    SectionCta,
    SectionDocs,
    SectionGrid,
    SectionHero,
    Submenu,
    Layout
};

Static Javascript:

Static Javascript:!

main.js

window.onGatsbyInitialClientRender = function () {
    /**
     * Main JS file for theme behaviours
     */
    // Responsive video embeds
    let videoEmbeds = ['iframe[src*="youtube.com"]', 'iframe[src*="vimeo.com"]'];
    reframe(videoEmbeds.join(','));

    // Handle main navigation menu toggling on small screens
    function menuToggleHandler(e) {
        e.preventDefault();
        document.body.classList.toggle('menu--opened');
    }

    // Handle docs navigation menu toggling on small screens
    function docsNavToggleHandler(e) {
        e.preventDefault();
        document.body.classList.toggle('docs-menu--opened');
    }

    // Handle submenu toggling
    function submenuToggleHandler(e) {
        e.preventDefault();
        this.parentNode.classList.toggle('active');
    }

    window.addMainNavigationHandlers = function () {
        const menuToggle = document.querySelectorAll('.menu-toggle');
        if (menuToggle) {
            for (let i = 0; i < menuToggle.length; i++) {
                menuToggle[i].addEventListener('click', menuToggleHandler, false);
            }
        }

        const submenuToggle = document.querySelectorAll('.submenu-toggle');
        if (submenuToggle) {
            for (let i = 0; i < submenuToggle.length; i++) {
                submenuToggle[i].addEventListener('click', submenuToggleHandler, false);
            }
        }
    };

    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();
};

//-----------------------------------------------------------------------
//-----------------------------------------------------------------------
//--------------------------------New----------------------------------
//-----------------------------------------------------------------------
//-----------------------------------------------------------------------

Page Load JS

window.onGatsbyRouteUpdate = function () {
    window.addMainNavigationHandlers();
    window.addDocsNavigationHandlers();
    window.addPageNavLinks();
};

PageUnload.js

window.onGatsbyPreRouteUpdate = function () {
    window.removeMainNavigationHandlers();
    window.removeDocsNavigationHandlers();
    window.removePageNavLinks();
};

Plugins.js

!(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));
            })
        );
    };
});

/*! 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 < 0.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 < 0.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 < 0.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 < 0.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
            );
        };
    });

/*!
 * clipboard.js v2.0.4
 * https://zenorocha.github.io/clipboard.js
 *
 * Licensed MIT © Zeno Rocha
 */
!(function (t, e) {
    'object' == typeof exports && 'object' == typeof module
        ? (module.exports = e())
        : 'function' == typeof define && define.amd
        ? define([], e)
        : 'object' == typeof exports
        ? (exports.ClipboardJS = e())
        : (t.ClipboardJS = e());
})(this, function () {
    return (function (n) {
        var o = {};
        function r(t) {
            if (o[t]) return o[t].exports;
            var e = (o[t] = { i: t, l: !1, exports: {} });
            return n[t].call(e.exports, e, e.exports, r), (e.l = !0), e.exports;
        }
        return (
            (r.m = n),
            (r.c = o),
            (r.d = function (t, e, n) {
                r.o(t, e) || Object.defineProperty(t, e, { enumerable: !0, get: n });
            }),
            (r.r = function (t) {
                'undefined' != typeof Symbol &&
                    Symbol.toStringTag &&
                    Object.defineProperty(t, Symbol.toStringTag, {
                        value: 'Module'
                    }),
                    Object.defineProperty(t, '__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 (t) {
                var e =
                    t && t.__esModule
                        ? function () {
                              return t.default;
                          }
                        : function () {
                              return t;
                          };
                return r.d(e, 'a', e), e;
            }),
            (r.o = function (t, e) {
                return Object.prototype.hasOwnProperty.call(t, e);
            }),
            (r.p = ''),
            r((r.s = 0))
        );
    })([
        function (t, e, n) {
            'use strict';
            var r =
                    'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator
                        ? function (t) {
                              return typeof t;
                          }
                        : function (t) {
                              return t && 'function' == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? 'symbol' : typeof t;
                          },
                i = (function () {
                    function o(t, e) {
                        for (var n = 0; n < e.length; n++) {
                            var o = e[n];
                            (o.enumerable = o.enumerable || !1), (o.configurable = !0), 'value' in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
                        }
                    }
                    return function (t, e, n) {
                        return e && o(t.prototype, e), n && o(t, n), t;
                    };
                })(),
                a = o(n(1)),
                c = o(n(3)),
                u = o(n(4));
            function o(t) {
                return t && t.__esModule ? t : { default: t };
            }
            var l = (function (t) {
                function o(t, e) {
                    !(function (t, e) {
                        if (!(t instanceof e)) throw new TypeError('Cannot call a class as a function');
                    })(this, o);
                    var n = (function (t, e) {
                        if (!t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
                        return !e || ('object' != typeof e && 'function' != typeof e) ? t : e;
                    })(this, (o.__proto__ || Object.getPrototypeOf(o)).call(this));
                    return n.resolveOptions(e), n.listenClick(t), n;
                }
                return (
                    (function (t, e) {
                        if ('function' != typeof e && null !== e) throw new TypeError('Super expression must either be null or a function, not ' + typeof e);
                        (t.prototype = Object.create(e && e.prototype, {
                            constructor: {
                                value: t,
                                enumerable: !1,
                                writable: !0,
                                configurable: !0
                            }
                        })),
                            e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : (t.__proto__ = e));
                    })(o, c.default),
                    i(
                        o,
                        [
                            {
                                key: 'resolveOptions',
                                value: function () {
                                    var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {};
                                    (this.action = 'function' == typeof t.action ? t.action : this.defaultAction),
                                        (this.target = 'function' == typeof t.target ? t.target : this.defaultTarget),
                                        (this.text = 'function' == typeof t.text ? t.text : this.defaultText),
                                        (this.container = 'object' === r(t.container) ? t.container : document.body);
                                }
                            },
                            {
                                key: 'listenClick',
                                value: function (t) {
                                    var e = this;
                                    this.listener = (0, u.default)(t, 'click', function (t) {
                                        return e.onClick(t);
                                    });
                                }
                            },
                            {
                                key: 'onClick',
                                value: function (t) {
                                    var e = t.delegateTarget || t.currentTarget;
                                    this.clipboardAction && (this.clipboardAction = null),
                                        (this.clipboardAction = new a.default({
                                            action: this.action(e),
                                            target: this.target(e),
                                            text: this.text(e),
                                            container: this.container,
                                            trigger: e,
                                            emitter: this
                                        }));
                                }
                            },
                            {
                                key: 'defaultAction',
                                value: function (t) {
                                    return s('action', t);
                                }
                            },
                            {
                                key: 'defaultTarget',
                                value: function (t) {
                                    var e = s('target', t);
                                    if (e) return document.querySelector(e);
                                }
                            },
                            {
                                key: 'defaultText',
                                value: function (t) {
                                    return s('text', t);
                                }
                            },
                            {
                                key: 'destroy',
                                value: function () {
                                    this.listener.destroy(), this.clipboardAction && (this.clipboardAction.destroy(), (this.clipboardAction = null));
                                }
                            }
                        ],
                        [
                            {
                                key: 'isSupported',
                                value: function () {
                                    var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : ['copy', 'cut'],
                                        e = 'string' == typeof t ? [t] : t,
                                        n = !!document.queryCommandSupported;
                                    return (
                                        e.forEach(function (t) {
                                            n = n && !!document.queryCommandSupported(t);
                                        }),
                                        n
                                    );
                                }
                            }
                        ]
                    ),
                    o
                );
            })();
            function s(t, e) {
                var n = 'data-clipboard-' + t;
                if (e.hasAttribute(n)) return e.getAttribute(n);
            }
            t.exports = l;
        },
        function (t, e, n) {
            'use strict';
            var o,
                r =
                    'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator
                        ? function (t) {
                              return typeof t;
                          }
                        : function (t) {
                              return t && 'function' == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? 'symbol' : typeof t;
                          },
                i = (function () {
                    function o(t, e) {
                        for (var n = 0; n < e.length; n++) {
                            var o = e[n];
                            (o.enumerable = o.enumerable || !1), (o.configurable = !0), 'value' in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
                        }
                    }
                    return function (t, e, n) {
                        return e && o(t.prototype, e), n && o(t, n), t;
                    };
                })(),
                a = n(2),
                c = (o = a) && o.__esModule ? o : { default: o };
            var u = (function () {
                function e(t) {
                    !(function (t, e) {
                        if (!(t instanceof e)) throw new TypeError('Cannot call a class as a function');
                    })(this, e),
                        this.resolveOptions(t),
                        this.initSelection();
                }
                return (
                    i(e, [
                        {
                            key: 'resolveOptions',
                            value: function () {
                                var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {};
                                (this.action = t.action),
                                    (this.container = t.container),
                                    (this.emitter = t.emitter),
                                    (this.target = t.target),
                                    (this.text = t.text),
                                    (this.trigger = t.trigger),
                                    (this.selectedText = '');
                            }
                        },
                        {
                            key: 'initSelection',
                            value: function () {
                                this.text ? this.selectFake() : this.target && this.selectTarget();
                            }
                        },
                        {
                            key: 'selectFake',
                            value: function () {
                                var t = this,
                                    e = 'rtl' == document.documentElement.getAttribute('dir');
                                this.removeFake(),
                                    (this.fakeHandlerCallback = function () {
                                        return t.removeFake();
                                    }),
                                    (this.fakeHandler = this.container.addEventListener('click', this.fakeHandlerCallback) || !0),
                                    (this.fakeElem = document.createElement('textarea')),
                                    (this.fakeElem.style.fontSize = '12pt'),
                                    (this.fakeElem.style.border = '0'),
                                    (this.fakeElem.style.padding = '0'),
                                    (this.fakeElem.style.margin = '0'),
                                    (this.fakeElem.style.position = 'absolute'),
                                    (this.fakeElem.style[e ? 'right' : 'left'] = '-9999px');
                                var n = window.pageYOffset || document.documentElement.scrollTop;
                                (this.fakeElem.style.top = n + 'px'),
                                    this.fakeElem.setAttribute('readonly', ''),
                                    (this.fakeElem.value = this.text),
                                    this.container.appendChild(this.fakeElem),
                                    (this.selectedText = (0, c.default)(this.fakeElem)),
                                    this.copyText();
                            }
                        },
                        {
                            key: 'removeFake',
                            value: function () {
                                this.fakeHandler &&
                                    (this.container.removeEventListener('click', this.fakeHandlerCallback),
                                    (this.fakeHandler = null),
                                    (this.fakeHandlerCallback = null)),
                                    this.fakeElem && (this.container.removeChild(this.fakeElem), (this.fakeElem = null));
                            }
                        },
                        {
                            key: 'selectTarget',
                            value: function () {
                                (this.selectedText = (0, c.default)(this.target)), this.copyText();
                            }
                        },
                        {
                            key: 'copyText',
                            value: function () {
                                var e = void 0;
                                try {
                                    e = document.execCommand(this.action);
                                } catch (t) {
                                    e = !1;
                                }
                                this.handleResult(e);
                            }
                        },
                        {
                            key: 'handleResult',
                            value: function (t) {
                                this.emitter.emit(t ? 'success' : 'error', {
                                    action: this.action,
                                    text: this.selectedText,
                                    trigger: this.trigger,
                                    clearSelection: this.clearSelection.bind(this)
                                });
                            }
                        },
                        {
                            key: 'clearSelection',
                            value: function () {
                                this.trigger && this.trigger.focus(), window.getSelection().removeAllRanges();
                            }
                        },
                        {
                            key: 'destroy',
                            value: function () {
                                this.removeFake();
                            }
                        },
                        {
                            key: 'action',
                            set: function () {
                                var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : 'copy';
                                if (((this._action = t), 'copy' !== this._action && 'cut' !== this._action))
                                    throw new Error('Invalid "action" value, use either "copy" or "cut"');
                            },
                            get: function () {
                                return this._action;
                            }
                        },
                        {
                            key: 'target',
                            set: function (t) {
                                if (void 0 !== t) {
                                    if (!t || 'object' !== (void 0 === t ? 'undefined' : r(t)) || 1 !== t.nodeType)
                                        throw new Error('Invalid "target" value, use a valid Element');
                                    if ('copy' === this.action && t.hasAttribute('disabled'))
                                        throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
                                    if ('cut' === this.action && (t.hasAttribute('readonly') || t.hasAttribute('disabled')))
                                        throw new Error(
                                            'Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes'
                                        );
                                    this._target = t;
                                }
                            },
                            get: function () {
                                return this._target;
                            }
                        }
                    ]),
                    e
                );
            })();
            t.exports = u;
        },
        function (t, e) {
            t.exports = function (t) {
                var e;
                if ('SELECT' === t.nodeName) t.focus(), (e = t.value);
                else if ('INPUT' === t.nodeName || 'TEXTAREA' === t.nodeName) {
                    var n = t.hasAttribute('readonly');
                    n || t.setAttribute('readonly', ''), t.select(), t.setSelectionRange(0, t.value.length), n || t.removeAttribute('readonly'), (e = t.value);
                } else {
                    t.hasAttribute('contenteditable') && t.focus();
                    var o = window.getSelection(),
                        r = document.createRange();
                    r.selectNodeContents(t), o.removeAllRanges(), o.addRange(r), (e = o.toString());
                }
                return e;
            };
        },
        function (t, e) {
            function n() {}
            (n.prototype = {
                on: function (t, e, n) {
                    var o = this.e || (this.e = {});
                    return (o[t] || (o[t] = [])).push({ fn: e, ctx: n }), this;
                },
                once: function (t, e, n) {
                    var o = this;
                    function r() {
                        o.off(t, r), e.apply(n, arguments);
                    }
                    return (r._ = e), this.on(t, r, n);
                },
                emit: function (t) {
                    for (var e = [].slice.call(arguments, 1), n = ((this.e || (this.e = {}))[t] || []).slice(), o = 0, r = n.length; o < r; o++)
                        n[o].fn.apply(n[o].ctx, e);
                    return this;
                },
                off: function (t, e) {
                    var n = this.e || (this.e = {}),
                        o = n[t],
                        r = [];
                    if (o && e) for (var i = 0, a = o.length; i < a; i++) o[i].fn !== e && o[i].fn._ !== e && r.push(o[i]);
                    return r.length ? (n[t] = r) : delete n[t], this;
                }
            }),
                (t.exports = n);
        },
        function (t, e, n) {
            var d = n(5),
                h = n(6);
            t.exports = function (t, e, n) {
                if (!t && !e && !n) throw new Error('Missing required arguments');
                if (!d.string(e)) throw new TypeError('Second argument must be a String');
                if (!d.fn(n)) throw new TypeError('Third argument must be a Function');
                if (d.node(t))
                    return (
                        (s = e),
                        (f = n),
                        (l = t).addEventListener(s, f),
                        {
                            destroy: function () {
                                l.removeEventListener(s, f);
                            }
                        }
                    );
                if (d.nodeList(t))
                    return (
                        (a = t),
                        (c = e),
                        (u = n),
                        Array.prototype.forEach.call(a, function (t) {
                            t.addEventListener(c, u);
                        }),
                        {
                            destroy: function () {
                                Array.prototype.forEach.call(a, function (t) {
                                    t.removeEventListener(c, u);
                                });
                            }
                        }
                    );
                if (d.string(t)) return (o = t), (r = e), (i = n), h(document.body, o, r, i);
                throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');
                var o, r, i, a, c, u, l, s, f;
            };
        },
        function (t, n) {
            (n.node = function (t) {
                return void 0 !== t && t instanceof HTMLElement && 1 === t.nodeType;
            }),
                (n.nodeList = function (t) {
                    var e = Object.prototype.toString.call(t);
                    return void 0 !== t && ('[object NodeList]' === e || '[object HTMLCollection]' === e) && 'length' in t && (0 === t.length || n.node(t[0]));
                }),
                (n.string = function (t) {
                    return 'string' == typeof t || t instanceof String;
                }),
                (n.fn = function (t) {
                    return '[object Function]' === Object.prototype.toString.call(t);
                });
        },
        function (t, e, n) {
            var a = n(7);
            function i(t, e, n, o, r) {
                var i = function (e, n, t, o) {
                    return function (t) {
                        (t.delegateTarget = a(t.target, n)), t.delegateTarget && o.call(e, t);
                    };
                }.apply(this, arguments);
                return (
                    t.addEventListener(n, i, r),
                    {
                        destroy: function () {
                            t.removeEventListener(n, i, r);
                        }
                    }
                );
            }
            t.exports = function (t, e, n, o, r) {
                return 'function' == typeof t.addEventListener
                    ? i.apply(null, arguments)
                    : 'function' == typeof n
                    ? i.bind(null, document).apply(null, arguments)
                    : ('string' == typeof t && (t = document.querySelectorAll(t)),
                      Array.prototype.map.call(t, function (t) {
                          return i(t, e, n, o, r);
                      }));
            };
        },
        function (t, e) {
            if ('undefined' != typeof Element && !Element.prototype.matches) {
                var n = Element.prototype;
                n.matches = n.matchesSelector || n.mozMatchesSelector || n.msMatchesSelector || n.oMatchesSelector || n.webkitMatchesSelector;
            }
            t.exports = function (t, e) {
                for (; t && 9 !== t.nodeType; ) {
                    if ('function' == typeof t.matches && t.matches(e)) return t;
                    t = t.parentNode;
                }
            };
        }
    ]);
});

Prism.js

  ```js
  /* PrismJS 1.16.0

https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript&plugins=toolbar+copy-to-clipboard / var _self = 'undefined' != typeof window ? window : 'undefined' != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ? self : {}, Prism = (function (g) { var c = /\blang(?:uage)?-([\w-]+)\b/i, a = 0, C = { manual: g.Prism && g.Prism.manual, disableWorkerMessageHandler: g.Prism && g.Prism.disableWorkerMessageHandler, util: { encode: function (e) { return e instanceof M ? new M(e.type, C.util.encode(e.content), e.alias) : Array.isArray(e) ? e.map(C.util.encode) : e .replace(/&/g, '&') .replace(/</g, '<') .replace(/\u00a0/g, ' '); }, type: function (e) { return Object.prototype.toString.call(e).slice(8, -1); }, objId: function (e) { return e.**id || Object.defineProperty(e, '**id', { value: ++a }), e.__id; }, clone: function n(e, t) { var r, a, i = C.util.type(e); switch (((t = t || {}), i)) { case 'Object': if (((a = C.util.objId(e)), t[a])) return t[a]; for (var l in ((r = {}), (t[a] = r), e)) e.hasOwnProperty(l) && (r[l] = n(e[l], t)); return r; case 'Array': return ( (a = C.util.objId(e)), t[a] ? t[a] : ((r = []), (t[a] = r), e.forEach(function (e, a) { r[a] = n(e, t); }), r) ); default: return e; } } }, languages: { extend: function (e, a) { var n = C.util.clone(C.languages[e]); for (var t in a) n[t] = a[t]; return n; }, insertBefore: function (n, e, a, t) { var r = (t = t || C.languages)[n], i = {}; for (var l in r) if (r.hasOwnProperty(l)) { if (l == e) for (var o in a) a.hasOwnProperty(o) && (i[o] = a[o]); a.hasOwnProperty(l) || (i[l] = r[l]); } var s = t[n]; return ( (t[n] = i), C.languages.DFS(C.languages, function (e, a) { a === s && e != n && (this[e] = i); }), i ); }, DFS: function e(a, n, t, r) { r = r || {}; var i = C.util.objId; for (var l in a) if (a.hasOwnProperty(l)) { n.call(a, l, a[l], t || l); var o = a[l], s = C.util.type(o); 'Object' !== s || r[i(o)] ? 'Array' !== s || r[i(o)] || ((r[i(o)] = !0), e(o, n, l, r)) : ((r[i(o)] = !0), e(o, n, null, r)); } } }, plugins: {}, highlightAll: function (e, a) { C.highlightAllUnder(document, e, a); }, highlightAllUnder: function (e, a, n) { var t = { callback: n, selector: 'code[class="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code' }; C.hooks.run('before-highlightall', t); for (var r, i = t.elements || e.querySelectorAll(t.selector), l = 0; (r = i[l++]); ) C.highlightElement(r, !0 === a, t.callback); }, highlightElement: function (e, a, n) { for (var t, r = 'none', i = e; i && !c.test(i.className); ) i = i.parentNode; i && ((r = (i.className.match(c) || [, 'none'])[1].toLowerCase()), (t = C.languages[r])), (e.className = e.className.replace(c, '').replace(/\s+/g, ' ') + ' language-' + r), e.parentNode && ((i = e.parentNode), /pre/i.test(i.nodeName) && (i.className = i.className.replace(c, '').replace(/\s+/g, ' ') + ' language-' + r)); var l = { element: e, language: r, grammar: t, code: e.textContent }, o = function (e) { (l.highlightedCode = e), C.hooks.run('before-insert', l), (l.element.innerHTML = l.highlightedCode), C.hooks.run('after-highlight', l), C.hooks.run('complete', l), n && n.call(l.element); }; if ((C.hooks.run('before-sanity-check', l), l.code)) if ((C.hooks.run('before-highlight', l), l.grammar)) if (a && g.Worker) { var s = new Worker(C.filename); (s.onmessage = function (e) { o(e.data); }), s.postMessage( JSON.stringify({ language: l.language, code: l.code, immediateClose: !0 }) ); } else o(C.highlight(l.code, l.grammar, l.language)); else o(C.util.encode(l.code)); else C.hooks.run('complete', l); }, highlight: function (e, a, n) { var t = { code: e, grammar: a, language: n }; return ( C.hooks.run('before-tokenize', t), (t.tokens = C.tokenize(t.code, t.grammar)), C.hooks.run('after-tokenize', t), M.stringify(C.util.encode(t.tokens), t.language) ); }, matchGrammar: function (e, a, n, t, r, i, l) { for (var o in n) if (n.hasOwnProperty(o) && n[o]) { if (o == l) return; var s = n[o]; s = 'Array' === C.util.type(s) ? s : [s]; for (var g = 0; g < s.length; ++g) { var c = s[g], u = c.inside, h = !!c.lookbehind, f = !!c.greedy, d = 0, m = c.alias; if (f && !c.pattern.global) { var p = c.pattern.toString().match(/[imuy]$/)[0]; c.pattern = RegExp(c.pattern.source, p + 'g'); } c = c.pattern || c; for (var y = t, v = r; y < a.length; v += a[y].length, ++y) { var k = a[y]; if (a.length > e.length) return; if (!(k instanceof M)) { if (f && y != a.length - 1) { if (((c.lastIndex = v), !(x = c.exec(e)))) break; for ( var b = x.index + (h ? x[1].length : 0), w = x.index + x[0].length, A = y, P = v, O = a.length; A < O && (P < w || (!a[A].type && !a[A - 1].greedy)); ++A ) (P += a[A].length) <= b && (++y, (v = P)); if (a[y] instanceof M) continue; (N = A - y), (k = e.slice(v, P)), (x.index -= v); } else { c.lastIndex = 0; var x = c.exec(k), N = 1; } if (x) { h && (d = x[1] ? x[1].length : 0); w = (b = x.index + d) + (x = x[0].slice(d)).length; var j = k.slice(0, b), S = k.slice(w), E = [y, N]; j && (++y, (v += j.length), E.push(j)); var * = new M(o, u ? C.tokenize(x, u) : x, m, x, f); if ( (E.push(*), S && E.push(S), Array.prototype.splice.apply(a, E), 1 != N && C.matchGrammar(e, a, n, y, v, !0, o), i) ) break; } else if (i) break; } } } } }, tokenize: function (e, a) { var n = [e], t = a.rest; if (t) { for (var r in t) a[r] = t[r]; delete a.rest; } return C.matchGrammar(e, n, a, 0, 0, !1), n; }, hooks: { all: {}, add: function (e, a) { var n = C.hooks.all; (n[e] = n[e] || []), n[e].push(a); }, run: function (e, a) { var n = C.hooks.all[e]; if (n && n.length) for (var t, r = 0; (t = n[r++]); ) t(a); } }, Token: M }; function M(e, a, n, t, r) { (this.type = e), (this.content = a), (this.alias = n), (this.length = 0 | (t || '').length), (this.greedy = !!r); } if ( ((g.Prism = C), (M.stringify = function (e, a) { if ('string' == typeof e) return e; if (Array.isArray(e)) return e .map(function (e) { return M.stringify(e, a); }) .join(''); var n = { type: e.type, content: M.stringify(e.content, a), tag: 'span', classes: ['token', e.type], attributes: {}, language: a }; if (e.alias) { var t = Array.isArray(e.alias) ? e.alias : [e.alias]; Array.prototype.push.apply(n.classes, t); } C.hooks.run('wrap', n); var r = Object.keys(n.attributes) .map(function (e) { return e + '="' + (n.attributes[e] || '').replace(/"/g, '"') + '"'; }) .join(' '); return '<' + n.tag + ' class="' + n.classes.join(' ') + '"' + (r ? ' ' + r : '') + '>' + n.content + '</' + n.tag + '>'; }), !g.document) ) return ( g.addEventListener && (C.disableWorkerMessageHandler || g.addEventListener( 'message', function (e) { var a = JSON.parse(e.data), n = a.language, t = a.code, r = a.immediateClose; g.postMessage(C.highlight(t, C.languages[n], n)), r && g.close(); }, !1 )), C ); var e = document.currentScript || [].slice.call(document.getElementsByTagName('script')).pop(); return ( e && ((C.filename = e.src), C.manual || e.hasAttribute('data-manual') || ('loading' !== document.readyState ? window.requestAnimationFrame ? window.requestAnimationFrame(C.highlightAll) : window.setTimeout(C.highlightAll, 16) : document.addEventListener('DOMContentLoaded', C.highlightAll))), C ); })(_self); 'undefined' != typeof module && module.exports && (module.exports = Prism), 'undefined' != typeof global && (global.Prism = Prism); (Prism.languages.markup = { comment: //, prolog: /<?[\s\S]+??>/, doctype: /<!DOCTYPE[\s\S]+?>/i, cdata: /<![CDATA[[\s\S]?]]>/i, tag: { pattern: /</?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s_[^\s>\/=]+(?:\s*=\s*(?:"[^"]"|'[^']'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*/?>/i, greedy: !0, inside: { tag: { pattern: /^</?[^\s>\/]+/i, inside: { punctuation: /^</?/, namespace: /^[^\s>\/:]+:/ } }, 'attr-value': { pattern: /=\s*(?:"[^"]"|'[^']'|[^\s'">=]+)/i, inside: { punctuation: [/^=/, { pattern: /^(\s*)["']|["']$/, lookbehind: !0 }] } }, punctuation: //?>/, 'attr-name': { pattern: /[^\s>\/]+/, inside: { namespace: /^[^\s>\/:]+:/ } } } }, entity: /&#?[\da-z]{1,8};/i }), (Prism.languages.markup.tag.inside['attr-value'].inside.entity = Prism.languages.markup.entity), Prism.hooks.add('wrap', function (a) { 'entity' === a.type && (a.attributes.title = a.content.replace(/&/, '&')); }), Object.defineProperty(Prism.languages.markup.tag, 'addInlined', { value: function (a, e) { var s = {}; (s['language-' + e] = { pattern: /(^<![CDATA[)[\s\S]+?(?=]]>$)/i, lookbehind: !0, inside: Prism.languages[e] }), (s.cdata = /^<![CDATA[|]]>$/i); var n = { 'included-cdata': { pattern: /<![CDATA[[\s\S]?]]>/i, inside: s } }; n['language-' + e] = { pattern: /[\s\S]+/, inside: Prism.languages[e] }; var i = {}; (i[a] = { pattern: RegExp('(<**[\s\S]?>)(?:<!\[CDATA\[[\s\S]?\]\]>\s|[\s\S])?(?=<\/>)'.replace(//g, a), 'i'), lookbehind: !0, greedy: !0, inside: n }), Prism.languages.insertBefore('markup', 'cdata', i); } }), (Prism.languages.xml = Prism.languages.extend('markup', {})), (Prism.languages.html = Prism.languages.markup), (Prism.languages.mathml = Prism.languages.markup), (Prism.languages.svg = Prism.languages.markup); !(function (s) { var t = /("|')(?:\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])\1/; (s.languages.css = { comment: //*[\s\S]?*//, atrule: { pattern: /@[\w-]+[\s\S]?(?:;|(?=\s{))/, inside: { rule: /@[\w-]+/ } }, url: { pattern: RegExp('url\((?:' + t.source + '|[^\n\r()])\)', 'i'), inside: { function: /^url/i, punctuation: /^(|)$/ } }, selector: RegExp('[^{}\\s](?:[^{};"\']|' + t.source + ')?(?=\s\{)'), string: { pattern: t, greedy: !0 }, property: /[-_a-z\xA0-\uFFFF][-\w\xa0-\uffff](?=\s:)/i, important: /!important\b/i, function: /[-a-z0-9]+(?=()/i, punctuation: /[(){};:,]/ }), (s.languages.css.atrule.inside.rest = s.languages.css); var e = s.languages.markup; e && (e.tag.addInlined('style', 'css'), s.languages.insertBefore( 'inside', 'attr-value', { 'style-attr': { pattern: /\sstyle=("|')(?:\[\s\S]|(?!\1)[^\\])\1/i, inside: { 'attr-name': { pattern: /^\sstyle/i, inside: e.tag.inside }, punctuation: /^\s=\s*['"]|['"]\s*$/, 'attr-value': { pattern: /.+/i, inside: s.languages.css } }, alias: 'language-css' } }, e.tag )); })(Prism); Prism.languages.clike = { comment: [ { pattern: /(^|[^\\])/*[\s\S]?(?:*/|$)/, lookbehind: !0 }, { pattern: /(^|[^\\:])//./, lookbehind: !0, greedy: !0 } ], string: { pattern: /(["'])(?:\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])\1/, greedy: !0 }, 'class-name': { pattern: /((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+())[\w.\]+/i, lookbehind: !0, inside: { punctuation: /[.\]/ } }, keyword: /\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/, boolean: /\b(?:true|false)\b/, function: /\w+(?=()/, number: /\b0x[\da-f]+\b|(?:\b\d+.?\d|\B.\d+)(?:e[+-]?\d+)?/i, operator: /--?|++?|!=?=?|<=?|>=?|==?=?|&&?|||?|?|*|/||^|%/, punctuation: /[{}[];(),.:]/ }; (Prism.languages.javascript = Prism.languages.extend('clike', { 'class-name': [ Prism.languages.clike['class-name'], { pattern: /(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xa0-\uffff](?=.(?:prototype|constructor))/, lookbehind: !0 } ], keyword: [ { pattern: /((?:^|})\s)(?:catch|finally)\b/, lookbehind: !0 }, { pattern: /(^|[^.])\b(?:as|async(?=\s*(?:function\b|(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/, lookbehind: !0 } ], number: /\b(?:(?:0xX+|0bB+|0oO+)n?|(?:\d(?:\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:\d)?)+.?(?:\d(?:_\d)?)|\B.(?:\d(?:\d)?)+)(?:[Ee][+-]?(?:\d(?:\d)?)+)?/, function: /[_$a-zA-Z\xA0-\uFFFF][$\w\xa0-\uffff](?=\s(?:.\s(?:apply|bind|call)\s*)?()/, operator: /-[-=]?|+[+=]?|!=?=?|<>?>?=?|=(?:==?|>)?|&[&=]?||[|=]?|**?=?|/=?||^=?|%=?|?|.{3}/ })), (Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\]+/), Prism.languages.insertBefore('javascript', 'keyword', { regex: { pattern: /((?:^|[^$\w\xa0-\uffff."'\])\s])\s*)/([(?:[^\]\\\r\n]|\.)]|\.|[^/\\\[\r\n])+/[gimyus]{0,6}(?=\s($|[\r\n,.;})]]))/, lookbehind: !0, greedy: !0 }, 'function-variable': { pattern: /[$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF](?=\s[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:((?:[^()]|([^()]*)))|[_$a-zA-Z\xA0-\uFFFF][$\w\xa0-\uffff])\s*=>))/, alias: 'function' }, parameter: [ { pattern: /(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xa0-\uffff])?\s(\s*)(?!\s)(?:[^()]|([^()]))+?(?=\s_))/, lookbehind: !0, inside: Prism.languages.javascript }, { pattern: /[_$a-z\xA0-\uFFFF][$\w\xa0-\uffff](?=\s=>)/i, inside: Prism.languages.javascript }, { pattern: /((\s*)(?!\s)(?:[^()]|([^()]))+?(?=\s)\s*=>)/, lookbehind: !0, inside: Prism.languages.javascript }, { pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xa0-\uffff]\s)(\s*)(?!\s)(?:[^()]|([^()]))+?(?=\s)\s*{)/, lookbehind: !0, inside: Prism.languages.javascript } ], constant: /\bA-Z\b/ }), Prism.languages.insertBefore('javascript', 'string', { 'template-string': { pattern: /(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]_})_})+}|[^\\])/, greedy: !0, inside: { interpolation: { pattern: /\${(?:[^{}]|{(?:[^{}]|{[^}]_})_})+}/, inside: { 'interpolation-punctuation': { pattern: /^\${|}$/, alias: 'punctuation' }, rest: Prism.languages.javascript } }, string: /[\s\S]+/ } } }), Prism.languages.markup && Prism.languages.markup.tag.addInlined('script', 'javascript'), (Prism.languages.js = Prism.languages.javascript); !(function () { if ('undefined' != typeof self && self.Prism && self.document) { var r = [], i = {}, n = function () {}; Prism.plugins.toolbar = {}; var t = (Prism.plugins.toolbar.registerButton = function (t, n) { var e; (e = 'function' == typeof n ? n : function (t) { var e; return ( 'function' == typeof n.onClick ? (((e = document.createElement('button')).type = 'button'), e.addEventListener('click', function () { n.onClick.call(this, t); })) : 'string' == typeof n.url ? ((e = document.createElement('a')).href = n.url) : (e = document.createElement('span')), (e.textContent = n.text), e ); }), t in i ? console.warn('There is a button with the key "' + t + '" registered already.') : r.push((i[t] = e)); }), e = (Prism.plugins.toolbar.hook = function (a) { var t = a.element.parentNode; if (t && /pre/i.test(t.nodeName) && !t.parentNode.classList.contains('code-toolbar')) { var e = document.createElement('div'); e.classList.add('code-toolbar'), t.parentNode.insertBefore(e, t), e.appendChild(t); var o = document.createElement('div'); o.classList.add('toolbar'), document.body.hasAttribute('data-toolbar-order') && (r = document.body .getAttribute('data-toolbar-order') .split(',') .map(function (t) { return i[t] || n; })), r.forEach(function (t) { var e = t(a); if (e) { var n = document.createElement('div'); n.classList.add('toolbar-item'), n.appendChild(e), o.appendChild(n); } }), e.appendChild(o); } }); t('label', function (t) { var e = t.element.parentNode; if (e && /pre/i.test(e.nodeName) && e.hasAttribute('data-label')) { var n, a, o = e.getAttribute('data-label'); try { a = document.querySelector('template#' + o); } catch (t) {} return ( a ? (n = a.content) : (e.hasAttribute('data-url') ? ((n = document.createElement('a')).href = e.getAttribute('data-url')) : (n = document.createElement('span')), (n.textContent = o)), n ); } }), Prism.hooks.add('complete', e); } })(); !(function () { if ('undefined' != typeof self && self.Prism && self.document) if (Prism.plugins.toolbar) { var r = window.ClipboardJS || void 0; r || 'function' != typeof require || (r = require('clipboard')); var i = []; if (!r) { var o = document.createElement('script'), e = document.querySelector('head'); (o.onload = function () { if ((r = window.ClipboardJS)) for (; i.length; ) i.pop()(); }), (o.src = 'https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js'), e.appendChild(o); } Prism.plugins.toolbar.registerButton('copy-to-clipboard', function (e) { var t = document.createElement('a'); return (t.textContent = 'Copy'), r ? o() : i.push(o), t; function o() { var o = new r(t, { text: function () { return e.code; } }); o.on('success', function () { (t.textContent = 'Copied'), n(); }), o.on('error', function () { (t.textContent = 'Press Ctrl+C to copy'), n(); }); } function n() { setTimeout(function () { t.textContent = 'Copy'; }, 5e3); } }); } else console.warn('Copy to Clipboard plugin loaded before Toolbar plugin.'); })(); /_ PrismJS 1.24.1 https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript _/ var \_self = 'undefined' != typeof window ? window : 'undefined' != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ? self : {}, Prism = (function (u) { var c = /\blang(?:uage)?-([\w-]+)\b/i, n = 0, e = {}, M = { manual: u.Prism && u.Prism.manual, disableWorkerMessageHandler: u.Prism && u.Prism.disableWorkerMessageHandler, util: { encode: function e(n) { return n instanceof W ? new W(n.type, e(n.content), n.alias) : Array.isArray(n) ? n.map(e) : n .replace(/&/g, '&') .replace(/</g, '<') .replace(/\u00a0/g, ' '); }, type: function (e) { return Object.prototype.toString.call(e).slice(8, -1); }, objId: function (e) { return e.**id || Object.defineProperty(e, '**id', { value: ++n }), e.**id; }, clone: function t(e, r) { var a, n; switch (((r = r || {}), M.util.type(e))) { case 'Object': if (((n = M.util.objId(e)), r[n])) return r[n]; for (var i in ((a = {}), (r[n] = a), e)) e.hasOwnProperty(i) && (a[i] = t(e[i], r)); return a; case 'Array': return ( (n = M.util.objId(e)), r[n] ? r[n] : ((a = []), (r[n] = a), e.forEach(function (e, n) { a[n] = t(e, r); }), a) ); default: return e; } }, getLanguage: function (e) { for (; e && !c.test(e.className); ) e = e.parentElement; return e ? (e.className.match(c) || [, 'none'])[1].toLowerCase() : 'none'; }, currentScript: function () { if ('undefined' == typeof document) return null; if ('currentScript' in document) return document.currentScript; try { throw new Error(); } catch (e) { var n = (/at [^(\r\n]_\((._):.+:.+\)$/i.exec(e.stack) || [])[1]; if (n) { var t = document.getElementsByTagName('script'); for (var r in t) if (t[r].src == n) return t[r]; } return null; } }, isActive: function (e, n, t) { for (var r = 'no-' + n; e; ) { var a = e.classList; if (a.contains(n)) return !0; if (a.contains(r)) return !1; e = e.parentElement; } return !!t; } }, languages: { plain: e, plaintext: e, text: e, txt: e, extend: function (e, n) { var t = M.util.clone(M.languages[e]); for (var r in n) t[r] = n[r]; return t; }, insertBefore: function (t, e, n, r) { var a = (r = r || M.languages)[t], i = {}; for (var l in a) if (a.hasOwnProperty(l)) { if (l == e) for (var o in n) n.hasOwnProperty(o) && (i[o] = n[o]); n.hasOwnProperty(l) || (i[l] = a[l]); } var s = r[t]; return ( (r[t] = i), M.languages.DFS(M.languages, function (e, n) { n === s && e != t && (this[e] = i); }), i ); }, DFS: function e(n, t, r, a) { a = a || {}; var i = M.util.objId; for (var l in n) if (n.hasOwnProperty(l)) { t.call(n, l, n[l], r || l); var o = n[l], s = M.util.type(o); 'Object' !== s || a[i(o)] ? 'Array' !== s || a[i(o)] || ((a[i(o)] = !0), e(o, t, l, a)) : ((a[i(o)] = !0), e(o, t, null, a)); } } }, plugins: {}, highlightAll: function (e, n) { M.highlightAllUnder(document, e, n); }, highlightAllUnder: function (e, n, t) { var r = { callback: t, container: e, selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code' }; M.hooks.run('before-highlightall', r), (r.elements = Array.prototype.slice.apply(r.container.querySelectorAll(r.selector))), M.hooks.run('before-all-elements-highlight', r); for (var a, i = 0; (a = r.elements[i++]); ) M.highlightElement(a, !0 === n, r.callback); }, highlightElement: function (e, n, t) { var r = M.util.getLanguage(e), a = M.languages[r]; e.className = e.className.replace(c, '').replace(/\s+/g, ' ') + ' language-' + r; var i = e.parentElement; i && 'pre' === i.nodeName.toLowerCase() && (i.className = i.className.replace(c, '').replace(/\s+/g, ' ') + ' language-' + r); var l = { element: e, language: r, grammar: a, code: e.textContent }; function o(e) { (l.highlightedCode = e), M.hooks.run('before-insert', l), (l.element.innerHTML = l.highlightedCode), M.hooks.run('after-highlight', l), M.hooks.run('complete', l), t && t.call(l.element); } if ( (M.hooks.run('before-sanity-check', l), (i = l.element.parentElement) && 'pre' === i.nodeName.toLowerCase() && !i.hasAttribute('tabindex') && i.setAttribute('tabindex', '0'), !l.code) ) return M.hooks.run('complete', l), void (t && t.call(l.element)); if ((M.hooks.run('before-highlight', l), l.grammar)) if (n && u.Worker) { var s = new Worker(M.filename); (s.onmessage = function (e) { o(e.data); }), s.postMessage(JSON.stringify({ language: l.language, code: l.code, immediateClose: !0 })); } else o(M.highlight(l.code, l.grammar, l.language)); else o(M.util.encode(l.code)); }, highlight: function (e, n, t) { var r = { code: e, grammar: n, language: t }; return ( M.hooks.run('before-tokenize', r), (r.tokens = M.tokenize(r.code, r.grammar)), M.hooks.run('after-tokenize', r), W.stringify(M.util.encode(r.tokens), r.language) ); }, tokenize: function (e, n) { var t = n.rest; if (t) { for (var r in t) n[r] = t[r]; delete n.rest; } var a = new i(); return ( I(a, a.head, e), (function e(n, t, r, a, i, l) { for (var o in r) if (r.hasOwnProperty(o) && r[o]) { var s = r[o]; s = Array.isArray(s) ? s : [s]; for (var u = 0; u < s.length; ++u) { if (l && l.cause == o + ',' + u) return; var c = s[u], g = c.inside, f = !!c.lookbehind, h = !!c.greedy, d = c.alias; if (h && !c.pattern.global) { var p = c.pattern.toString().match(/[imsuy]*$/)[0]; c.pattern = RegExp(c.pattern.source, p + 'g'); } for (var v = c.pattern || c, m = a.next, y = i; m !== t.tail && !(l && y >= l.reach); y += m.value.length, m = m.next) { var b = m.value; if (t.length > n.length) return; if (!(b instanceof W)) { var k, x = 1; if (h) { if (!(k = z(v, y, n, f))) break; var w = k.index, A = k.index + k[0].length, P = y; for (P += m.value.length; P <= w; ) (m = m.next), (P += m.value.length); if (((P -= m.value.length), (y = P), m.value instanceof W)) continue; for (var E = m; E !== t.tail && (P < A || 'string' == typeof E.value); E = E.next) x++, (P += E.value.length); x--, (b = n.slice(y, P)), (k.index -= y); } else if (!(k = z(v, 0, b, f))) continue; var w = k.index, S = k[0], O = b.slice(0, w), L = b.slice(w + S.length), N = y + b.length; l && N > l.reach && (l.reach = N); var j = m.prev; O && ((j = I(t, j, O)), (y += O.length)), q(t, j, x); var C = new W(o, g ? M.tokenize(S, g) : S, d, S); if (((m = I(t, j, C)), L && I(t, m, L), 1 < x)) { var _ = { cause: o + ',' + u, reach: N }; e(n, t, r, m.prev, y, _), l && _.reach > l.reach && (l.reach = _.reach); } } } } } })(e, a, n, a.head, 0), (function (e) { var n = [], t = e.head.next; for (; t !== e.tail; ) n.push(t.value), (t = t.next); return n; })(a) ); }, hooks: { all: {}, add: function (e, n) { var t = M.hooks.all; (t[e] = t[e] || []), t[e].push(n); }, run: function (e, n) { var t = M.hooks.all[e]; if (t && t.length) for (var r, a = 0; (r = t[a++]); ) r(n); } }, Token: W }; function W(e, n, t, r) { (this.type = e), (this.content = n), (this.alias = t), (this.length = 0 | (r || '').length); } function z(e, n, t, r) { e.lastIndex = n; var a = e.exec(t); if (a && r && a[1]) { var i = a[1].length; (a.index += i), (a[0] = a[0].slice(i)); } return a; } function i() { var e = { value: null, prev: null, next: null }, n = { value: null, prev: e, next: null }; (e.next = n), (this.head = e), (this.tail = n), (this.length = 0); } function I(e, n, t) { var r = n.next, a = { value: t, prev: n, next: r }; return (n.next = a), (r.prev = a), e.length++, a; } function q(e, n, t) { for (var r = n.next, a = 0; a < t && r !== e.tail; a++) r = r.next; ((n.next = r).prev = n), (e.length -= a); } if ( ((u.Prism = M), (W.stringify = function n(e, t) { if ('string' == typeof e) return e; if (Array.isArray(e)) { var r = ''; return ( e.forEach(function (e) { r += n(e, t); }), r ); } var a = { type: e.type, content: n(e.content, t), tag: 'span', classes: ['token', e.type], attributes: {}, language: t }, i = e.alias; i && (Array.isArray(i) ? Array.prototype.push.apply(a.classes, i) : a.classes.push(i)), M.hooks.run('wrap', a); var l = ''; for (var o in a.attributes) l += ' ' + o + '="' + (a.attributes[o] || '').replace(/"/g, '"') + '"'; return '<' + a.tag + ' class="' + a.classes.join(' ') + '"' + l + '>' + a.content + '</' + a.tag + '>'; }), !u.document) ) return ( u.addEventListener && (M.disableWorkerMessageHandler || u.addEventListener( 'message', function (e) { var n = JSON.parse(e.data), t = n.language, r = n.code, a = n.immediateClose; u.postMessage(M.highlight(r, M.languages[t], t)), a && u.close(); }, !1 )), M ); var t = M.util.currentScript(); function r() { M.manual || M.highlightAll(); } if ((t && ((M.filename = t.src), t.hasAttribute('data-manual') && (M.manual = !0)), !M.manual)) { var a = document.readyState; 'loading' === a || ('interactive' === a && t && t.defer) ? document.addEventListener('DOMContentLoaded', r) : window.requestAnimationFrame ? window.requestAnimationFrame(r) : window.setTimeout(r, 16); } return M; })(_self); 'undefined' != typeof module && module.exports && (module.exports = Prism), 'undefined' != typeof global && (global.Prism = Prism); (Prism.languages.markup = { comment: //, prolog: /<\?[\s\S]+?\?>/, doctype: { pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i, greedy: !0, inside: { 'internal-subset': { pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/, lookbehind: !0, greedy: !0, inside: null }, string: { pattern: /"[^"]*"|'[^']*'/, greedy: !0 }, punctuation: /^<!|>$|[[\]]/, 'doctype-tag': /^DOCTYPE/, name: /[^\s<>'"]+/ } }, cdata: /<!\[CDATA\[[\s\S]*?\]\]>/i, tag: { pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/, greedy: !0, inside: { tag: { pattern: /^<\/?[^\s>\/]+/, inside: { punctuation: /^<\/?/, namespace: /^[^\s>\/:]+:/ } }, 'special-attr': [], 'attr-value': { pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/, inside: { punctuation: [{ pattern: /^=/, alias: 'attr-equals' }, /"|'/] } }, punctuation: /\/?>/, 'attr-name': { pattern: /[^\s>\/]+/, inside: { namespace: /^[^\s>\/:]+:/ } } } }, entity: [{ pattern: /&[\da-z]{1,8};/i, alias: 'named-entity' }, /&#x?[\da-f]{1,8};/i] }), (Prism.languages.markup.tag.inside['attr-value'].inside.entity = Prism.languages.markup.entity), (Prism.languages.markup.doctype.inside['internal-subset'].inside = Prism.languages.markup), Prism.hooks.add('wrap', function (a) { 'entity' === a.type && (a.attributes.title = a.content.replace(/&/, '&')); }), Object.defineProperty(Prism.languages.markup.tag, 'addInlined', { value: function (a, e) { var s = {}; (s['language-' + e] = { pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i, lookbehind: !0, inside: Prism.languages[e] }), (s.cdata = /^<!\[CDATA\[|\]\]>$/i); var t = { 'included-cdata': { pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i, inside: s } }; t['language-' + e] = { pattern: /[\s\S]+/, inside: Prism.languages[e] }; var n = {}; (n[a] = { pattern: RegExp( '(<**[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])\*?(?=</**>)'.replace(/\_\_/g, function () { return a; }), 'i' ), lookbehind: !0, greedy: !0, inside: t }), Prism.languages.insertBefore('markup', 'cdata', n); } }), Object.defineProperty(Prism.languages.markup.tag, 'addAttribute', { value: function (a, e) { Prism.languages.markup.tag.inside['special-attr'].push({ pattern: RegExp('(^|["\'\\s])(?:' + a + ')\\s*=\\s*(?:"[^"]*"|\'[^\']*\'|[^\\s\'">=]+(?=[\\s>]))', 'i'), lookbehind: !0, inside: { 'attr-name': /^[^\s=]+/, 'attr-value': { pattern: /=[\s\S]+/, inside: { value: { pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/, lookbehind: !0, alias: [e, 'language-' + e], inside: Prism.languages[e] }, punctuation: [{ pattern: /^=/, alias: 'attr-equals' }, /"|'/] } } } }); } }), (Prism.languages.html = Prism.languages.markup), (Prism.languages.mathml = Prism.languages.markup), (Prism.languages.svg = Prism.languages.markup), (Prism.languages.xml = Prism.languages.extend('markup', {})), (Prism.languages.ssml = Prism.languages.xml), (Prism.languages.atom = Prism.languages.xml), (Prism.languages.rss = Prism.languages.xml); !(function (s) { var e = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/; (s.languages.css = { comment: /\/\*[\s\S]*?\*\//, atrule: { pattern: /@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/, inside: { rule: /^@[\w-]+/, 'selector-function-argument': { pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/, lookbehind: !0, alias: 'selector' }, keyword: { pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/, lookbehind: !0 } } }, url: { pattern: RegExp('\\burl\\((?:' + e.source + '|(?:[^\\\\\r\n()"\']|\\\\[^])*)\\)', 'i'), greedy: !0, inside: { function: /^url/i, punctuation: /^\(|\)$/, string: { pattern: RegExp('^' + e.source + '$'), alias: 'url' } } }, selector: { pattern: RegExp('(^|[{}\\s])[^{}\\s](?:[^{};"\'\\s]|\\s+(?![\\s{])|' + e.source + ')*(?=\\s*\\{)'), lookbehind: !0 }, string: { pattern: e, greedy: !0 }, property: { pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i, lookbehind: !0 }, important: /!important\b/i, function: { pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i, lookbehind: !0 }, punctuation: /[(){};:,]/ }), (s.languages.css.atrule.inside.rest = s.languages.css); var t = s.languages.markup; t && (t.tag.addInlined('style', 'css'), t.tag.addAttribute('style', 'css')); })(Prism); Prism.languages.clike = { comment: [ { pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/, lookbehind: !0, greedy: !0 }, { pattern: /(^|[^\\:])\/\/.*/, lookbehind: !0, greedy: !0 } ], string: { pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/, greedy: !0 }, 'class-name': { pattern: /(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i, lookbehind: !0, inside: { punctuation: /[.\\]/ } }, keyword: /\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/, boolean: /\b(?:true|false)\b/, function: /\b\w+(?=\()/, number: /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i, operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/, punctuation: /[{}[\];(),.:]/ }; (Prism.languages.javascript = Prism.languages.extend('clike', { 'class-name': [ Prism.languages.clike['class-name'], { pattern: /(^|[^$\w\xa0-\uffff])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])_(?=\.(?:prototype|constructor))/, lookbehind: !0 } ], keyword: [ { pattern: /((?:^|\})\s_)catch\b/, lookbehind: !0 }, { pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/, lookbehind: !0 } ], function: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/, number: /\b(?:(?:0[xX](<?:[\dA-Fa-f](?:_[\dA-Fa-f])?>)+|0[bB](<?:[01](?:_[01])?>)+|0[oO](<?:[0-7](?:_[0-7])?>)+)n?|(?:\d(?:*\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:\_\d)?)_|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/, operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/ })), (Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/), Prism.languages.insertBefore('javascript', 'keyword', { regex: { pattern: /((?:^|[^$\w\xa0-\uffff."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))_\*\/)_(?:$|[\r\n,.;:})\]]|\/\/))/, lookbehind: !0, greedy: !0, inside: { 'regex-source': { pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/, lookbehind: !0, alias: 'language-regex', inside: Prism.languages.regex }, 'regex-delimiter': /^\/|\/$/, 'regex-flags': /^[a-z]+$/ } }, 'function-variable': { pattern: /#?(?!\s)[\_$a-zA-Z\xA0-\uFFFF](<?:(?!\s)[$\w\xA0-\uFFFF]>)_(?=\s_[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]_\))_\)|(?!\s)[\_$a-zA-Z\xA0-\uFFFF](<?:(?!\s)[$\w\xA0-\uFFFF]>)_)\s_=>))/, alias: 'function' }, parameter: [ { pattern: /(function(?:\s+(?!\s)[\_$a-zA-Z\xA0-\uFFFF](<?:(?!\s)[$\w\xA0-\uFFFF]>)_)?\s_\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/, lookbehind: !0, inside: Prism.languages.javascript }, { pattern: /(^|[^$\w\xa0-\uffff])(?!\s)[\_$a-z\xA0-\uFFFF](<?:(?!\s)[$\w\xA0-\uFFFF]>)*(?=\s*=>)/i, lookbehind: !0, inside: Prism.languages.javascript }, { pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]_\))+(?=\s_\)\s*=>)/, lookbehind: !0, inside: Prism.languages.javascript }, { pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[\_$a-zA-Z\xA0-\uFFFF](<?:(?!\s)[$\w\xA0-\uFFFF]>)*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]_\))+(?=\s_\)\s*\{)/, lookbehind: !0, inside: Prism.languages.javascript } ], constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/ }), Prism.languages.insertBefore('javascript', 'string', { hashbang: { pattern: /^#!._/, greedy: !0, alias: 'comment' }, 'template-string': { pattern: /(?:\[\s\S]|${(?:[^{}]|{(?:[^{}]|{[^}]})})+}|(?!${)[^\])_/, greedy: !0, inside: { 'template-punctuation': { pattern: /^|$/, alias: 'string' }, interpolation: { pattern: /((?:^|[^\\])(?:\{2}))${(?:[^{}]|{(?:[^{}]|{[^}]})*})+}/, lookbehind: !0, inside: { 'interpolation-punctuation': { pattern: /^${|}$/, alias: 'punctuation' }, rest: Prism.languages.javascript } }, string: /[\s\S]+/ } } }), Prism.languages.markup && (Prism.languages.markup.tag.addInlined('script', 'javascript'), Prism.languages.markup.tag.addAttribute( 'on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)', 'javascript' )), (Prism.languages.js = Prism.languages.javascript);


# main.js

```js
window.onGatsbyInitialClientRender = function () {
    /**
     * Main JS file for theme behaviours
     */
    // Responsive video embeds
    let videoEmbeds = ['iframe[src*="youtube.com"]', 'iframe[src*="vimeo.com"]'];
    reframe(videoEmbeds.join(','));

    // Handle main navigation menu toggling on small screens
    function menuToggleHandler(e) {
        e.preventDefault();
        document.body.classList.toggle('menu--opened');
    }

    // Handle docs navigation menu toggling on small screens
    function docsNavToggleHandler(e) {
        e.preventDefault();
        document.body.classList.toggle('docs-menu--opened');
    }

    // Handle submenu toggling
    function submenuToggleHandler(e) {
        e.preventDefault();
        this.parentNode.classList.toggle('active');
    }

    window.addMainNavigationHandlers = function () {
        const menuToggle = document.querySelectorAll('.menu-toggle');
        if (menuToggle) {
            for (let i = 0; i < menuToggle.length; i++) {
                menuToggle[i].addEventListener('click', menuToggleHandler, false);
            }
        }

        const submenuToggle = document.querySelectorAll('.submenu-toggle');
        if (submenuToggle) {
            for (let i = 0; i < submenuToggle.length; i++) {
                submenuToggle[i].addEventListener('click', submenuToggleHandler, false);
            }
        }
    };

    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();
};

//-----------------------------------------------------------------------
//-----------------------------------------------------------------------
//--------------------------------New----------------------------------
//-----------------------------------------------------------------------
//-----------------------------------------------------------------------

Page Load JS

window.onGatsbyRouteUpdate = function () {
    window.addMainNavigationHandlers();
    window.addDocsNavigationHandlers();
    window.addPageNavLinks();
};

PageUnload.js

window.onGatsbyPreRouteUpdate = function () {
    window.removeMainNavigationHandlers();
    window.removeDocsNavigationHandlers();
    window.removePageNavLinks();
};

Plugins.js

!(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));
            })
        );
    };
});

/*! 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 < 0.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 < 0.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 < 0.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 < 0.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
            );
        };
    });

/*!
 * clipboard.js v2.0.4
 * https://zenorocha.github.io/clipboard.js
 *
 * Licensed MIT © Zeno Rocha
 */
!(function (t, e) {
    'object' == typeof exports && 'object' == typeof module
        ? (module.exports = e())
        : 'function' == typeof define && define.amd
        ? define([], e)
        : 'object' == typeof exports
        ? (exports.ClipboardJS = e())
        : (t.ClipboardJS = e());
})(this, function () {
    return (function (n) {
        var o = {};
        function r(t) {
            if (o[t]) return o[t].exports;
            var e = (o[t] = { i: t, l: !1, exports: {} });
            return n[t].call(e.exports, e, e.exports, r), (e.l = !0), e.exports;
        }
        return (
            (r.m = n),
            (r.c = o),
            (r.d = function (t, e, n) {
                r.o(t, e) || Object.defineProperty(t, e, { enumerable: !0, get: n });
            }),
            (r.r = function (t) {
                'undefined' != typeof Symbol &&
                    Symbol.toStringTag &&
                    Object.defineProperty(t, Symbol.toStringTag, {
                        value: 'Module'
                    }),
                    Object.defineProperty(t, '__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 (t) {
                var e =
                    t && t.__esModule
                        ? function () {
                              return t.default;
                          }
                        : function () {
                              return t;
                          };
                return r.d(e, 'a', e), e;
            }),
            (r.o = function (t, e) {
                return Object.prototype.hasOwnProperty.call(t, e);
            }),
            (r.p = ''),
            r((r.s = 0))
        );
    })([
        function (t, e, n) {
            'use strict';
            var r =
                    'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator
                        ? function (t) {
                              return typeof t;
                          }
                        : function (t) {
                              return t && 'function' == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? 'symbol' : typeof t;
                          },
                i = (function () {
                    function o(t, e) {
                        for (var n = 0; n < e.length; n++) {
                            var o = e[n];
                            (o.enumerable = o.enumerable || !1), (o.configurable = !0), 'value' in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
                        }
                    }
                    return function (t, e, n) {
                        return e && o(t.prototype, e), n && o(t, n), t;
                    };
                })(),
                a = o(n(1)),
                c = o(n(3)),
                u = o(n(4));
            function o(t) {
                return t && t.__esModule ? t : { default: t };
            }
            var l = (function (t) {
                function o(t, e) {
                    !(function (t, e) {
                        if (!(t instanceof e)) throw new TypeError('Cannot call a class as a function');
                    })(this, o);
                    var n = (function (t, e) {
                        if (!t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
                        return !e || ('object' != typeof e && 'function' != typeof e) ? t : e;
                    })(this, (o.__proto__ || Object.getPrototypeOf(o)).call(this));
                    return n.resolveOptions(e), n.listenClick(t), n;
                }
                return (
                    (function (t, e) {
                        if ('function' != typeof e && null !== e) throw new TypeError('Super expression must either be null or a function, not ' + typeof e);
                        (t.prototype = Object.create(e && e.prototype, {
                            constructor: {
                                value: t,
                                enumerable: !1,
                                writable: !0,
                                configurable: !0
                            }
                        })),
                            e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : (t.__proto__ = e));
                    })(o, c.default),
                    i(
                        o,
                        [
                            {
                                key: 'resolveOptions',
                                value: function () {
                                    var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {};
                                    (this.action = 'function' == typeof t.action ? t.action : this.defaultAction),
                                        (this.target = 'function' == typeof t.target ? t.target : this.defaultTarget),
                                        (this.text = 'function' == typeof t.text ? t.text : this.defaultText),
                                        (this.container = 'object' === r(t.container) ? t.container : document.body);
                                }
                            },
                            {
                                key: 'listenClick',
                                value: function (t) {
                                    var e = this;
                                    this.listener = (0, u.default)(t, 'click', function (t) {
                                        return e.onClick(t);
                                    });
                                }
                            },
                            {
                                key: 'onClick',
                                value: function (t) {
                                    var e = t.delegateTarget || t.currentTarget;
                                    this.clipboardAction && (this.clipboardAction = null),
                                        (this.clipboardAction = new a.default({
                                            action: this.action(e),
                                            target: this.target(e),
                                            text: this.text(e),
                                            container: this.container,
                                            trigger: e,
                                            emitter: this
                                        }));
                                }
                            },
                            {
                                key: 'defaultAction',
                                value: function (t) {
                                    return s('action', t);
                                }
                            },
                            {
                                key: 'defaultTarget',
                                value: function (t) {
                                    var e = s('target', t);
                                    if (e) return document.querySelector(e);
                                }
                            },
                            {
                                key: 'defaultText',
                                value: function (t) {
                                    return s('text', t);
                                }
                            },
                            {
                                key: 'destroy',
                                value: function () {
                                    this.listener.destroy(), this.clipboardAction && (this.clipboardAction.destroy(), (this.clipboardAction = null));
                                }
                            }
                        ],
                        [
                            {
                                key: 'isSupported',
                                value: function () {
                                    var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : ['copy', 'cut'],
                                        e = 'string' == typeof t ? [t] : t,
                                        n = !!document.queryCommandSupported;
                                    return (
                                        e.forEach(function (t) {
                                            n = n && !!document.queryCommandSupported(t);
                                        }),
                                        n
                                    );
                                }
                            }
                        ]
                    ),
                    o
                );
            })();
            function s(t, e) {
                var n = 'data-clipboard-' + t;
                if (e.hasAttribute(n)) return e.getAttribute(n);
            }
            t.exports = l;
        },
        function (t, e, n) {
            'use strict';
            var o,
                r =
                    'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator
                        ? function (t) {
                              return typeof t;
                          }
                        : function (t) {
                              return t && 'function' == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? 'symbol' : typeof t;
                          },
                i = (function () {
                    function o(t, e) {
                        for (var n = 0; n < e.length; n++) {
                            var o = e[n];
                            (o.enumerable = o.enumerable || !1), (o.configurable = !0), 'value' in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
                        }
                    }
                    return function (t, e, n) {
                        return e && o(t.prototype, e), n && o(t, n), t;
                    };
                })(),
                a = n(2),
                c = (o = a) && o.__esModule ? o : { default: o };
            var u = (function () {
                function e(t) {
                    !(function (t, e) {
                        if (!(t instanceof e)) throw new TypeError('Cannot call a class as a function');
                    })(this, e),
                        this.resolveOptions(t),
                        this.initSelection();
                }
                return (
                    i(e, [
                        {
                            key: 'resolveOptions',
                            value: function () {
                                var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {};
                                (this.action = t.action),
                                    (this.container = t.container),
                                    (this.emitter = t.emitter),
                                    (this.target = t.target),
                                    (this.text = t.text),
                                    (this.trigger = t.trigger),
                                    (this.selectedText = '');
                            }
                        },
                        {
                            key: 'initSelection',
                            value: function () {
                                this.text ? this.selectFake() : this.target && this.selectTarget();
                            }
                        },
                        {
                            key: 'selectFake',
                            value: function () {
                                var t = this,
                                    e = 'rtl' == document.documentElement.getAttribute('dir');
                                this.removeFake(),
                                    (this.fakeHandlerCallback = function () {
                                        return t.removeFake();
                                    }),
                                    (this.fakeHandler = this.container.addEventListener('click', this.fakeHandlerCallback) || !0),
                                    (this.fakeElem = document.createElement('textarea')),
                                    (this.fakeElem.style.fontSize = '12pt'),
                                    (this.fakeElem.style.border = '0'),
                                    (this.fakeElem.style.padding = '0'),
                                    (this.fakeElem.style.margin = '0'),
                                    (this.fakeElem.style.position = 'absolute'),
                                    (this.fakeElem.style[e ? 'right' : 'left'] = '-9999px');
                                var n = window.pageYOffset || document.documentElement.scrollTop;
                                (this.fakeElem.style.top = n + 'px'),
                                    this.fakeElem.setAttribute('readonly', ''),
                                    (this.fakeElem.value = this.text),
                                    this.container.appendChild(this.fakeElem),
                                    (this.selectedText = (0, c.default)(this.fakeElem)),
                                    this.copyText();
                            }
                        },
                        {
                            key: 'removeFake',
                            value: function () {
                                this.fakeHandler &&
                                    (this.container.removeEventListener('click', this.fakeHandlerCallback),
                                    (this.fakeHandler = null),
                                    (this.fakeHandlerCallback = null)),
                                    this.fakeElem && (this.container.removeChild(this.fakeElem), (this.fakeElem = null));
                            }
                        },
                        {
                            key: 'selectTarget',
                            value: function () {
                                (this.selectedText = (0, c.default)(this.target)), this.copyText();
                            }
                        },
                        {
                            key: 'copyText',
                            value: function () {
                                var e = void 0;
                                try {
                                    e = document.execCommand(this.action);
                                } catch (t) {
                                    e = !1;
                                }
                                this.handleResult(e);
                            }
                        },
                        {
                            key: 'handleResult',
                            value: function (t) {
                                this.emitter.emit(t ? 'success' : 'error', {
                                    action: this.action,
                                    text: this.selectedText,
                                    trigger: this.trigger,
                                    clearSelection: this.clearSelection.bind(this)
                                });
                            }
                        },
                        {
                            key: 'clearSelection',
                            value: function () {
                                this.trigger && this.trigger.focus(), window.getSelection().removeAllRanges();
                            }
                        },
                        {
                            key: 'destroy',
                            value: function () {
                                this.removeFake();
                            }
                        },
                        {
                            key: 'action',
                            set: function () {
                                var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : 'copy';
                                if (((this._action = t), 'copy' !== this._action && 'cut' !== this._action))
                                    throw new Error('Invalid "action" value, use either "copy" or "cut"');
                            },
                            get: function () {
                                return this._action;
                            }
                        },
                        {
                            key: 'target',
                            set: function (t) {
                                if (void 0 !== t) {
                                    if (!t || 'object' !== (void 0 === t ? 'undefined' : r(t)) || 1 !== t.nodeType)
                                        throw new Error('Invalid "target" value, use a valid Element');
                                    if ('copy' === this.action && t.hasAttribute('disabled'))
                                        throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
                                    if ('cut' === this.action && (t.hasAttribute('readonly') || t.hasAttribute('disabled')))
                                        throw new Error(
                                            'Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes'
                                        );
                                    this._target = t;
                                }
                            },
                            get: function () {
                                return this._target;
                            }
                        }
                    ]),
                    e
                );
            })();
            t.exports = u;
        },
        function (t, e) {
            t.exports = function (t) {
                var e;
                if ('SELECT' === t.nodeName) t.focus(), (e = t.value);
                else if ('INPUT' === t.nodeName || 'TEXTAREA' === t.nodeName) {
                    var n = t.hasAttribute('readonly');
                    n || t.setAttribute('readonly', ''), t.select(), t.setSelectionRange(0, t.value.length), n || t.removeAttribute('readonly'), (e = t.value);
                } else {
                    t.hasAttribute('contenteditable') && t.focus();
                    var o = window.getSelection(),
                        r = document.createRange();
                    r.selectNodeContents(t), o.removeAllRanges(), o.addRange(r), (e = o.toString());
                }
                return e;
            };
        },
        function (t, e) {
            function n() {}
            (n.prototype = {
                on: function (t, e, n) {
                    var o = this.e || (this.e = {});
                    return (o[t] || (o[t] = [])).push({ fn: e, ctx: n }), this;
                },
                once: function (t, e, n) {
                    var o = this;
                    function r() {
                        o.off(t, r), e.apply(n, arguments);
                    }
                    return (r._ = e), this.on(t, r, n);
                },
                emit: function (t) {
                    for (var e = [].slice.call(arguments, 1), n = ((this.e || (this.e = {}))[t] || []).slice(), o = 0, r = n.length; o < r; o++)
                        n[o].fn.apply(n[o].ctx, e);
                    return this;
                },
                off: function (t, e) {
                    var n = this.e || (this.e = {}),
                        o = n[t],
                        r = [];
                    if (o && e) for (var i = 0, a = o.length; i < a; i++) o[i].fn !== e && o[i].fn._ !== e && r.push(o[i]);
                    return r.length ? (n[t] = r) : delete n[t], this;
                }
            }),
                (t.exports = n);
        },
        function (t, e, n) {
            var d = n(5),
                h = n(6);
            t.exports = function (t, e, n) {
                if (!t && !e && !n) throw new Error('Missing required arguments');
                if (!d.string(e)) throw new TypeError('Second argument must be a String');
                if (!d.fn(n)) throw new TypeError('Third argument must be a Function');
                if (d.node(t))
                    return (
                        (s = e),
                        (f = n),
                        (l = t).addEventListener(s, f),
                        {
                            destroy: function () {
                                l.removeEventListener(s, f);
                            }
                        }
                    );
                if (d.nodeList(t))
                    return (
                        (a = t),
                        (c = e),
                        (u = n),
                        Array.prototype.forEach.call(a, function (t) {
                            t.addEventListener(c, u);
                        }),
                        {
                            destroy: function () {
                                Array.prototype.forEach.call(a, function (t) {
                                    t.removeEventListener(c, u);
                                });
                            }
                        }
                    );
                if (d.string(t)) return (o = t), (r = e), (i = n), h(document.body, o, r, i);
                throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');
                var o, r, i, a, c, u, l, s, f;
            };
        },
        function (t, n) {
            (n.node = function (t) {
                return void 0 !== t && t instanceof HTMLElement && 1 === t.nodeType;
            }),
                (n.nodeList = function (t) {
                    var e = Object.prototype.toString.call(t);
                    return void 0 !== t && ('[object NodeList]' === e || '[object HTMLCollection]' === e) && 'length' in t && (0 === t.length || n.node(t[0]));
                }),
                (n.string = function (t) {
                    return 'string' == typeof t || t instanceof String;
                }),
                (n.fn = function (t) {
                    return '[object Function]' === Object.prototype.toString.call(t);
                });
        },
        function (t, e, n) {
            var a = n(7);
            function i(t, e, n, o, r) {
                var i = function (e, n, t, o) {
                    return function (t) {
                        (t.delegateTarget = a(t.target, n)), t.delegateTarget && o.call(e, t);
                    };
                }.apply(this, arguments);
                return (
                    t.addEventListener(n, i, r),
                    {
                        destroy: function () {
                            t.removeEventListener(n, i, r);
                        }
                    }
                );
            }
            t.exports = function (t, e, n, o, r) {
                return 'function' == typeof t.addEventListener
                    ? i.apply(null, arguments)
                    : 'function' == typeof n
                    ? i.bind(null, document).apply(null, arguments)
                    : ('string' == typeof t && (t = document.querySelectorAll(t)),
                      Array.prototype.map.call(t, function (t) {
                          return i(t, e, n, o, r);
                      }));
            };
        },
        function (t, e) {
            if ('undefined' != typeof Element && !Element.prototype.matches) {
                var n = Element.prototype;
                n.matches = n.matchesSelector || n.mozMatchesSelector || n.msMatchesSelector || n.oMatchesSelector || n.webkitMatchesSelector;
            }
            t.exports = function (t, e) {
                for (; t && 9 !== t.nodeType; ) {
                    if ('function' == typeof t.matches && t.matches(e)) return t;
                    t = t.parentNode;
                }
            };
        }
    ]);
});

Prism.js

var \_self = 'undefined' != typeof window ? window : 'undefined' != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ? self : {},
Prism = (function (g) {
var c = /\blang(?:uage)?-([\w-]+)\b/i,
a = 0,
C = {
manual: g.Prism && g.Prism.manual,
disableWorkerMessageHandler: g.Prism && g.Prism.disableWorkerMessageHandler,
util: {
encode: function (e) {
return e instanceof M
? new M(e.type, C.util.encode(e.content), e.alias)
: Array.isArray(e)
? e.map(C.util.encode)
: e
.replace(/&/g, '&amp;')
.replace(/</g, '&lt;')
.replace(/\u00a0/g, ' ');
},
type: function (e) {
return Object.prototype.toString.call(e).slice(8, -1);
},
objId: function (e) {
return e.**id || Object.defineProperty(e, '**id', { value: ++a }), e.\_\_id;
},
clone: function n(e, t) {
var r,
a,
i = C.util.type(e);
switch (((t = t || {}), i)) {
case 'Object':
if (((a = C.util.objId(e)), t[a])) return t[a];
for (var l in ((r = {}), (t[a] = r), e)) e.hasOwnProperty(l) && (r[l] = n(e[l], t));
return r;
case 'Array':
return (
(a = C.util.objId(e)),
t[a]
? t[a]
: ((r = []),
(t[a] = r),
e.forEach(function (e, a) {
r[a] = n(e, t);
}),
r)
);
default:
return e;
}
}
},
languages: {
extend: function (e, a) {
var n = C.util.clone(C.languages[e]);
for (var t in a) n[t] = a[t];
return n;
},
insertBefore: function (n, e, a, t) {
var r = (t = t || C.languages)[n],
i = {};
for (var l in r)
if (r.hasOwnProperty(l)) {
if (l == e) for (var o in a) a.hasOwnProperty(o) && (i[o] = a[o]);
a.hasOwnProperty(l) || (i[l] = r[l]);
}
var s = t[n];
return (
(t[n] = i),
C.languages.DFS(C.languages, function (e, a) {
a === s && e != n && (this[e] = i);
}),
i
);
},
DFS: function e(a, n, t, r) {
r = r || {};
var i = C.util.objId;
for (var l in a)
if (a.hasOwnProperty(l)) {
n.call(a, l, a[l], t || l);
var o = a[l],
s = C.util.type(o);
'Object' !== s || r[i(o)] ? 'Array' !== s || r[i(o)] || ((r[i(o)] = !0), e(o, n, l, r)) : ((r[i(o)] = !0), e(o, n, null, r));
}
}
},
plugins: {},
highlightAll: function (e, a) {
C.highlightAllUnder(document, e, a);
},
highlightAllUnder: function (e, a, n) {
var t = {
callback: n,
selector: 'code[class_="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
};
C.hooks.run('before-highlightall', t);
for (var r, i = t.elements || e.querySelectorAll(t.selector), l = 0; (r = i[l++]); ) C.highlightElement(r, !0 === a, t.callback);
},
highlightElement: function (e, a, n) {
for (var t, r = 'none', i = e; i && !c.test(i.className); ) i = i.parentNode;
i && ((r = (i.className.match(c) || [, 'none'])[1].toLowerCase()), (t = C.languages[r])),
(e.className = e.className.replace(c, '').replace(/\s+/g, ' ') + ' language-' + r),
e.parentNode &&
((i = e.parentNode), /pre/i.test(i.nodeName) && (i.className = i.className.replace(c, '').replace(/\s+/g, ' ') + ' language-' + r));
var l = { element: e, language: r, grammar: t, code: e.textContent },
o = function (e) {
(l.highlightedCode = e),
C.hooks.run('before-insert', l),
(l.element.innerHTML = l.highlightedCode),
C.hooks.run('after-highlight', l),
C.hooks.run('complete', l),
n && n.call(l.element);
};
if ((C.hooks.run('before-sanity-check', l), l.code))
if ((C.hooks.run('before-highlight', l), l.grammar))
if (a && g.Worker) {
var s = new Worker(C.filename);
(s.onmessage = function (e) {
o(e.data);
}),
s.postMessage(
JSON.stringify({
language: l.language,
code: l.code,
immediateClose: !0
})
);
} else o(C.highlight(l.code, l.grammar, l.language));
else o(C.util.encode(l.code));
else C.hooks.run('complete', l);
},
highlight: function (e, a, n) {
var t = { code: e, grammar: a, language: n };
return (
C.hooks.run('before-tokenize', t),
(t.tokens = C.tokenize(t.code, t.grammar)),
C.hooks.run('after-tokenize', t),
M.stringify(C.util.encode(t.tokens), t.language)
);
},
matchGrammar: function (e, a, n, t, r, i, l) {
for (var o in n)
if (n.hasOwnProperty(o) && n[o]) {
if (o == l) return;
var s = n[o];
s = 'Array' === C.util.type(s) ? s : [s];
for (var g = 0; g < s.length; ++g) {
var c = s[g],
u = c.inside,
h = !!c.lookbehind,
f = !!c.greedy,
d = 0,
m = c.alias;
if (f && !c.pattern.global) {
var p = c.pattern.toString().match(/[imuy]_$/)[0];
c.pattern = RegExp(c.pattern.source, p + 'g');
}
c = c.pattern || c;
for (var y = t, v = r; y < a.length; v += a[y].length, ++y) {
var k = a[y];
if (a.length > e.length) return;
if (!(k instanceof M)) {
if (f && y != a.length - 1) {
if (((c.lastIndex = v), !(x = c.exec(e)))) break;
for (
var b = x.index + (h ? x[1].length : 0), w = x.index + x[0].length, A = y, P = v, O = a.length;
A < O && (P < w || (!a[A].type && !a[A - 1].greedy));
++A
)
(P += a[A].length) <= b && (++y, (v = P));
if (a[y] instanceof M) continue;
(N = A - y), (k = e.slice(v, P)), (x.index -= v);
} else {
c.lastIndex = 0;
var x = c.exec(k),
N = 1;
}
if (x) {
h && (d = x[1] ? x[1].length : 0);
w = (b = x.index + d) + (x = x[0].slice(d)).length;
var j = k.slice(0, b),
S = k.slice(w),
E = [y, N];
j && (++y, (v += j.length), E.push(j));
var * = new M(o, u ? C.tokenize(x, u) : x, m, x, f);
if (
(E.push(*),
S && E.push(S),
Array.prototype.splice.apply(a, E),
1 != N && C.matchGrammar(e, a, n, y, v, !0, o),
i)
)
break;
} else if (i) break;
}
}
}
}
},
tokenize: function (e, a) {
var n = [e],
t = a.rest;
if (t) {
for (var r in t) a[r] = t[r];
delete a.rest;
}
return C.matchGrammar(e, n, a, 0, 0, !1), n;
},
hooks: {
all: {},
add: function (e, a) {
var n = C.hooks.all;
(n[e] = n[e] || []), n[e].push(a);
},
run: function (e, a) {
var n = C.hooks.all[e];
if (n && n.length) for (var t, r = 0; (t = n[r++]); ) t(a);
}
},
Token: M
};
function M(e, a, n, t, r) {
(this.type = e), (this.content = a), (this.alias = n), (this.length = 0 | (t || '').length), (this.greedy = !!r);
}
if (
((g.Prism = C),
(M.stringify = function (e, a) {
if ('string' == typeof e) return e;
if (Array.isArray(e))
return e
.map(function (e) {
return M.stringify(e, a);
})
.join('');
var n = {
type: e.type,
content: M.stringify(e.content, a),
tag: 'span',
classes: ['token', e.type],
attributes: {},
language: a
};
if (e.alias) {
var t = Array.isArray(e.alias) ? e.alias : [e.alias];
Array.prototype.push.apply(n.classes, t);
}
C.hooks.run('wrap', n);
var r = Object.keys(n.attributes)
.map(function (e) {
return e + '="' + (n.attributes[e] || '').replace(/"/g, '&quot;') + '"';
})
.join(' ');
return '<' + n.tag + ' class="' + n.classes.join(' ') + '"' + (r ? ' ' + r : '') + '>' + n.content + '</' + n.tag + '>';
}),
!g.document)
)
return (
g.addEventListener &&
(C.disableWorkerMessageHandler ||
g.addEventListener(
'message',
function (e) {
var a = JSON.parse(e.data),
n = a.language,
t = a.code,
r = a.immediateClose;
g.postMessage(C.highlight(t, C.languages[n], n)), r && g.close();
},
!1
)),
C
);
var e = document.currentScript || [].slice.call(document.getElementsByTagName('script')).pop();
return (
e &&
((C.filename = e.src),
C.manual ||
e.hasAttribute('data-manual') ||
('loading' !== document.readyState
? window.requestAnimationFrame
? window.requestAnimationFrame(C.highlightAll)
: window.setTimeout(C.highlightAll, 16)
: document.addEventListener('DOMContentLoaded', C.highlightAll))),
C
);
})(\_self);
'undefined' != typeof module && module.exports && (module.exports = Prism), 'undefined' != typeof global && (global.Prism = Prism);
(Prism.languages.markup = {
comment: /<!--[\s\S]_?-->/,
prolog: /<\?[\s\S]+?\?>/,
doctype: /<!DOCTYPE[\s\S]+?>/i,
cdata: /<!\[CDATA\[[\s\S]_?]]>/i,
tag: {
pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s_[^\s>\/=]+(?:\s*=\s*(?:"[^"]_"|'[^']_'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/i,
greedy: !0,
inside: {
tag: {
pattern: /^<\/?[^\s>\/]+/i,
inside: { punctuation: /^<\/?/, namespace: /^[^\s>\/:]+:/ }
},
'attr-value': {
pattern: /=\s*(?:"[^"]_"|'[^']_'|[^\s'">=]+)/i,
inside: {
punctuation: [/^=/, { pattern: /^(\s*)["']|["']$/, lookbehind: !0 }]
                }
            },
            punctuation: /\/?>/,
            'attr-name': {
                pattern: /[^\s>\/]+/,
                inside: { namespace: /^[^\s>\/:]+:/ }
            }
        }
    },
    entity: /&#?[\da-z]{1,8};/i
}),
    (Prism.languages.markup.tag.inside['attr-value'].inside.entity = Prism.languages.markup.entity),
    Prism.hooks.add('wrap', function (a) {
        'entity' === a.type && (a.attributes.title = a.content.replace(/&amp;/, '&'));
    }),
    Object.defineProperty(Prism.languages.markup.tag, 'addInlined', {
        value: function (a, e) {
            var s = {};
            (s['language-' + e] = {
                pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
lookbehind: !0,
inside: Prism.languages[e]
}),
(s.cdata = /^<!\[CDATA\[|\]\]>$/i);
var n = {
'included-cdata': { pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i, inside: s }
};
n['language-' + e] = { pattern: /[\s\S]+/, inside: Prism.languages[e] };
var i = {};
(i[a] = {
pattern: RegExp('(<**[\\s\\S]_?>)(?:<!\\[CDATA\\[[\\s\\S]_?\\]\\]>\\s*|[\\s\\S])*?(?=<\\/**>)'.replace(/**/g, a), 'i'),
lookbehind: !0,
greedy: !0,
inside: n
}),
Prism.languages.insertBefore('markup', 'cdata', i);
}
}),
(Prism.languages.xml = Prism.languages.extend('markup', {})),
(Prism.languages.html = Prism.languages.markup),
(Prism.languages.mathml = Prism.languages.markup),
(Prism.languages.svg = Prism.languages.markup);
!(function (s) {
var t = /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])_\1/;
(s.languages.css = {
comment: /\/\*[\s\S]_?\*\//,
atrule: {
pattern: /@[\w-]+[\s\S]_?(?:;|(?=\s_\{))/,
inside: { rule: /@[\w-]+/ }
},
url: {
pattern: RegExp('url\\((?:' + t.source + '|[^\n\r()]_)\\)', 'i'),
inside: { function: /^url/i, punctuation: /^\(|\)$/ }
},
selector: RegExp('[^{}\\s](?:[^{};"\']|' + t.source + ')_?(?=\\s*\\{)'),
string: { pattern: t, greedy: !0 },
property: /[-\_a-z\xA0-\uFFFF][-\w\xa0-\uffff]*(?=\s*:)/i,
important: /!important\b/i,
function: /[-a-z0-9]+(?=\()/i,
punctuation: /[(){};:,]/
}),
(s.languages.css.atrule.inside.rest = s.languages.css);
var e = s.languages.markup;
e &&
(e.tag.addInlined('style', 'css'),
s.languages.insertBefore(
'inside',
'attr-value',
{
'style-attr': {
pattern: /\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,
inside: {
'attr-name': { pattern: /^\s*style/i, inside: e.tag.inside },
punctuation: /^\s*=\s*['"]|['"]\s*$/,
'attr-value': { pattern: /.+/i, inside: s.languages.css }
},
alias: 'language-css'
}
},
e.tag
));
})(Prism);
Prism.languages.clike = {
comment: [
{ pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/, lookbehind: !0 },
        { pattern: /(^|[^\\:])\/\/.*/, lookbehind: !0, greedy: !0 }
    ],
    string: {
        pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
        greedy: !0
    },
    'class-name': {
        pattern: /((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[\w.\\]+/i,
        lookbehind: !0,
        inside: { punctuation: /[.\\]/ }
    },
    keyword: /\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
    boolean: /\b(?:true|false)\b/,
    function: /\w+(?=\()/,
    number: /\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,
    operator: /--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,
    punctuation: /[{}[\];(),.:]/
};
(Prism.languages.javascript = Prism.languages.extend('clike', {
    'class-name': [
        Prism.languages.clike['class-name'],
        {
            pattern: /(^|[^$\w\xA0-\uFFFF])[\_$A-Z\xA0-\uFFFF][$\w\xa0-\uffff]_(?=\.(?:prototype|constructor))/,
lookbehind: !0
}
],
keyword: [
{ pattern: /((?:^|})\s_)(?:catch|finally)\b/, lookbehind: !0 },
{
pattern:
/(^|[^.])\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
lookbehind: !0
}
],
number: /\b(?:(?:0[xX](<?:[\dA-Fa-f](?:_[\dA-Fa-f])?>)+|0[bB](<?:[01](?:_[01])?>)+|0[oO](<?:[0-7](?:_[0-7])?>)+)n?|(?:\d(?:*\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:*\d)?)+\.?(?:\d(?:\_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,
function: /[\_$a-zA-Z\xA0-\uFFFF][$\w\xa0-\uffff]_(?=\s_(?:\.\s*(?:apply|bind|call)\s*)?\()/,
operator: /-[-=]?|\+[+=]?|!=?=?|<<?=?|>>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/
})),
(Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/),
Prism.languages.insertBefore('javascript', 'keyword', {
regex: {
pattern: /((?:^|[^$\w\xa0-\uffff."'\])\s])\s*)\/(\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=\s*($|[\r\n,.;})\]]))/,
            lookbehind: !0,
            greedy: !0
        },
        'function-variable': {
            pattern:
                /[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))_\)|[\_$a-zA-Z\xA0-\uFFFF][$\w\xa0-\uffff]_)\s*=>))/,
alias: 'function'
},
parameter: [
{
pattern: /(function(?:\s+[\_$A-Za-z\xA0-\uFFFF][$\w\xa0-\uffff]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]_\))+?(?=\s_\))/,
lookbehind: !0,
inside: Prism.languages.javascript
},
{
pattern: /[\_$a-z\xA0-\uFFFF][$\w\xa0-\uffff]_(?=\s_=>)/i,
inside: Prism.languages.javascript
},
{
pattern: /(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,
lookbehind: !0,
inside: Prism.languages.javascript
},
{
pattern:
/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[\_$A-Za-z\xA0-\uFFFF][$\w\xa0-\uffff]_\s_)\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,
lookbehind: !0,
inside: Prism.languages.javascript
}
],
constant: /\b[A-Z](?:[A-Z_]|\dx?)_\b/
}),
Prism.languages.insertBefore('javascript', 'string', {
'template-string': {
pattern: /`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]_})_})+}|[^\\`])_`/,
greedy: !0,
inside: {
interpolation: {
pattern: /\${(?:[^{}]|{(?:[^{}]|{[^}]_})_})+}/,
inside: {
'interpolation-punctuation': {
pattern: /^\${|}$/,
alias: 'punctuation'
},
rest: Prism.languages.javascript
}
},
string: /[\s\S]+/
}
}
}),
Prism.languages.markup && Prism.languages.markup.tag.addInlined('script', 'javascript'),
(Prism.languages.js = Prism.languages.javascript);
!(function () {
if ('undefined' != typeof self && self.Prism && self.document) {
var r = [],
i = {},
n = function () {};
Prism.plugins.toolbar = {};
var t = (Prism.plugins.toolbar.registerButton = function (t, n) {
var e;
(e =
'function' == typeof n
? n
: function (t) {
var e;
return (
'function' == typeof n.onClick
? (((e = document.createElement('button')).type = 'button'),
e.addEventListener('click', function () {
n.onClick.call(this, t);
}))
: 'string' == typeof n.url
? ((e = document.createElement('a')).href = n.url)
: (e = document.createElement('span')),
(e.textContent = n.text),
e
);
}),
t in i ? console.warn('There is a button with the key "' + t + '" registered already.') : r.push((i[t] = e));
}),
e = (Prism.plugins.toolbar.hook = function (a) {
var t = a.element.parentNode;
if (t && /pre/i.test(t.nodeName) && !t.parentNode.classList.contains('code-toolbar')) {
var e = document.createElement('div');
e.classList.add('code-toolbar'), t.parentNode.insertBefore(e, t), e.appendChild(t);
var o = document.createElement('div');
o.classList.add('toolbar'),
document.body.hasAttribute('data-toolbar-order') &&
(r = document.body
.getAttribute('data-toolbar-order')
.split(',')
.map(function (t) {
return i[t] || n;
})),
r.forEach(function (t) {
var e = t(a);
if (e) {
var n = document.createElement('div');
n.classList.add('toolbar-item'), n.appendChild(e), o.appendChild(n);
}
}),
e.appendChild(o);
}
});
t('label', function (t) {
var e = t.element.parentNode;
if (e && /pre/i.test(e.nodeName) && e.hasAttribute('data-label')) {
var n,
a,
o = e.getAttribute('data-label');
try {
a = document.querySelector('template#' + o);
} catch (t) {}
return (
a
? (n = a.content)
: (e.hasAttribute('data-url')
? ((n = document.createElement('a')).href = e.getAttribute('data-url'))
: (n = document.createElement('span')),
(n.textContent = o)),
n
);
}
}),
Prism.hooks.add('complete', e);
}
})();
!(function () {
if ('undefined' != typeof self && self.Prism && self.document)
if (Prism.plugins.toolbar) {
var r = window.ClipboardJS || void 0;
r || 'function' != typeof require || (r = require('clipboard'));
var i = [];
if (!r) {
var o = document.createElement('script'),
e = document.querySelector('head');
(o.onload = function () {
if ((r = window.ClipboardJS)) for (; i.length; ) i.pop()();
}),
(o.src = 'https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js'),
e.appendChild(o);
}
Prism.plugins.toolbar.registerButton('copy-to-clipboard', function (e) {
var t = document.createElement('a');
return (t.textContent = 'Copy'), r ? o() : i.push(o), t;
function o() {
var o = new r(t, {
text: function () {
return e.code;
}
});
o.on('success', function () {
(t.textContent = 'Copied'), n();
}),
o.on('error', function () {
(t.textContent = 'Press Ctrl+C to copy'), n();
});
}
function n() {
setTimeout(function () {
t.textContent = 'Copy';
}, 5e3);
}
});
} else console.warn('Copy to Clipboard plugin loaded before Toolbar plugin.');
})();
/_ PrismJS 1.24.1
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript _/
var \_self = 'undefined' != typeof window ? window : 'undefined' != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ? self : {},
Prism = (function (u) {
var c = /\blang(?:uage)?-([\w-]+)\b/i,
n = 0,
e = {},
M = {
manual: u.Prism && u.Prism.manual,
disableWorkerMessageHandler: u.Prism && u.Prism.disableWorkerMessageHandler,
util: {
encode: function e(n) {
return n instanceof W
? new W(n.type, e(n.content), n.alias)
: Array.isArray(n)
? n.map(e)
: n
.replace(/&/g, '&amp;')
.replace(/</g, '&lt;')
.replace(/\u00a0/g, ' ');
},
type: function (e) {
return Object.prototype.toString.call(e).slice(8, -1);
},
objId: function (e) {
return e.**id || Object.defineProperty(e, '**id', { value: ++n }), e.**id;
},
clone: function t(e, r) {
var a, n;
switch (((r = r || {}), M.util.type(e))) {
case 'Object':
if (((n = M.util.objId(e)), r[n])) return r[n];
for (var i in ((a = {}), (r[n] = a), e)) e.hasOwnProperty(i) && (a[i] = t(e[i], r));
return a;
case 'Array':
return (
(n = M.util.objId(e)),
r[n]
? r[n]
: ((a = []),
(r[n] = a),
e.forEach(function (e, n) {
a[n] = t(e, r);
}),
a)
);
default:
return e;
}
},
getLanguage: function (e) {
for (; e && !c.test(e.className); ) e = e.parentElement;
return e ? (e.className.match(c) || [, 'none'])[1].toLowerCase() : 'none';
},
currentScript: function () {
if ('undefined' == typeof document) return null;
if ('currentScript' in document) return document.currentScript;
try {
throw new Error();
} catch (e) {
var n = (/at [^(\r\n]_\((._):.+:.+\)$/i.exec(e.stack) || [])[1];
                            if (n) {
                                var t = document.getElementsByTagName('script');
                                for (var r in t) if (t[r].src == n) return t[r];
                            }
                            return null;
                        }
                    },
                    isActive: function (e, n, t) {
                        for (var r = 'no-' + n; e; ) {
                            var a = e.classList;
                            if (a.contains(n)) return !0;
                            if (a.contains(r)) return !1;
                            e = e.parentElement;
                        }
                        return !!t;
                    }
                },
                languages: {
                    plain: e,
                    plaintext: e,
                    text: e,
                    txt: e,
                    extend: function (e, n) {
                        var t = M.util.clone(M.languages[e]);
                        for (var r in n) t[r] = n[r];
                        return t;
                    },
                    insertBefore: function (t, e, n, r) {
                        var a = (r = r || M.languages)[t],
                            i = {};
                        for (var l in a)
                            if (a.hasOwnProperty(l)) {
                                if (l == e) for (var o in n) n.hasOwnProperty(o) && (i[o] = n[o]);
                                n.hasOwnProperty(l) || (i[l] = a[l]);
                            }
                        var s = r[t];
                        return (
                            (r[t] = i),
                            M.languages.DFS(M.languages, function (e, n) {
                                n === s && e != t && (this[e] = i);
                            }),
                            i
                        );
                    },
                    DFS: function e(n, t, r, a) {
                        a = a || {};
                        var i = M.util.objId;
                        for (var l in n)
                            if (n.hasOwnProperty(l)) {
                                t.call(n, l, n[l], r || l);
                                var o = n[l],
                                    s = M.util.type(o);
                                'Object' !== s || a[i(o)] ? 'Array' !== s || a[i(o)] || ((a[i(o)] = !0), e(o, t, l, a)) : ((a[i(o)] = !0), e(o, t, null, a));
                            }
                    }
                },
                plugins: {},
                highlightAll: function (e, n) {
                    M.highlightAllUnder(document, e, n);
                },
                highlightAllUnder: function (e, n, t) {
                    var r = {
                        callback: t,
                        container: e,
                        selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
                    };
                    M.hooks.run('before-highlightall', r),
                        (r.elements = Array.prototype.slice.apply(r.container.querySelectorAll(r.selector))),
                        M.hooks.run('before-all-elements-highlight', r);
                    for (var a, i = 0; (a = r.elements[i++]); ) M.highlightElement(a, !0 === n, r.callback);
                },
                highlightElement: function (e, n, t) {
                    var r = M.util.getLanguage(e),
                        a = M.languages[r];
                    e.className = e.className.replace(c, '').replace(/\s+/g, ' ') + ' language-' + r;
                    var i = e.parentElement;
                    i && 'pre' === i.nodeName.toLowerCase() && (i.className = i.className.replace(c, '').replace(/\s+/g, ' ') + ' language-' + r);
                    var l = { element: e, language: r, grammar: a, code: e.textContent };
                    function o(e) {
                        (l.highlightedCode = e),
                            M.hooks.run('before-insert', l),
                            (l.element.innerHTML = l.highlightedCode),
                            M.hooks.run('after-highlight', l),
                            M.hooks.run('complete', l),
                            t && t.call(l.element);
                    }
                    if (
                        (M.hooks.run('before-sanity-check', l),
                        (i = l.element.parentElement) && 'pre' === i.nodeName.toLowerCase() && !i.hasAttribute('tabindex') && i.setAttribute('tabindex', '0'),
                        !l.code)
                    )
                        return M.hooks.run('complete', l), void (t && t.call(l.element));
                    if ((M.hooks.run('before-highlight', l), l.grammar))
                        if (n && u.Worker) {
                            var s = new Worker(M.filename);
                            (s.onmessage = function (e) {
                                o(e.data);
                            }),
                                s.postMessage(JSON.stringify({ language: l.language, code: l.code, immediateClose: !0 }));
                        } else o(M.highlight(l.code, l.grammar, l.language));
                    else o(M.util.encode(l.code));
                },
                highlight: function (e, n, t) {
                    var r = { code: e, grammar: n, language: t };
                    return (
                        M.hooks.run('before-tokenize', r),
                        (r.tokens = M.tokenize(r.code, r.grammar)),
                        M.hooks.run('after-tokenize', r),
                        W.stringify(M.util.encode(r.tokens), r.language)
                    );
                },
                tokenize: function (e, n) {
                    var t = n.rest;
                    if (t) {
                        for (var r in t) n[r] = t[r];
                        delete n.rest;
                    }
                    var a = new i();
                    return (
                        I(a, a.head, e),
                        (function e(n, t, r, a, i, l) {
                            for (var o in r)
                                if (r.hasOwnProperty(o) && r[o]) {
                                    var s = r[o];
                                    s = Array.isArray(s) ? s : [s];
                                    for (var u = 0; u < s.length; ++u) {
                                        if (l && l.cause == o + ',' + u) return;
                                        var c = s[u],
                                            g = c.inside,
                                            f = !!c.lookbehind,
                                            h = !!c.greedy,
                                            d = c.alias;
                                        if (h && !c.pattern.global) {
                                            var p = c.pattern.toString().match(/[imsuy]*$/)[0];
c.pattern = RegExp(c.pattern.source, p + 'g');
}
for (var v = c.pattern || c, m = a.next, y = i; m !== t.tail && !(l && y >= l.reach); y += m.value.length, m = m.next) {
var b = m.value;
if (t.length > n.length) return;
if (!(b instanceof W)) {
var k,
x = 1;
if (h) {
if (!(k = z(v, y, n, f))) break;
var w = k.index,
A = k.index + k[0].length,
P = y;
for (P += m.value.length; P <= w; ) (m = m.next), (P += m.value.length);
if (((P -= m.value.length), (y = P), m.value instanceof W)) continue;
for (var E = m; E !== t.tail && (P < A || 'string' == typeof E.value); E = E.next)
x++, (P += E.value.length);
x--, (b = n.slice(y, P)), (k.index -= y);
} else if (!(k = z(v, 0, b, f))) continue;
var w = k.index,
S = k[0],
O = b.slice(0, w),
L = b.slice(w + S.length),
N = y + b.length;
l && N > l.reach && (l.reach = N);
var j = m.prev;
O && ((j = I(t, j, O)), (y += O.length)), q(t, j, x);
var C = new W(o, g ? M.tokenize(S, g) : S, d, S);
if (((m = I(t, j, C)), L && I(t, m, L), 1 < x)) {
var _ = { cause: o + ',' + u, reach: N };
e(n, t, r, m.prev, y, _), l && _.reach > l.reach && (l.reach = _.reach);
}
}
}
}
}
})(e, a, n, a.head, 0),
(function (e) {
var n = [],
t = e.head.next;
for (; t !== e.tail; ) n.push(t.value), (t = t.next);
return n;
})(a)
);
},
hooks: {
all: {},
add: function (e, n) {
var t = M.hooks.all;
(t[e] = t[e] || []), t[e].push(n);
},
run: function (e, n) {
var t = M.hooks.all[e];
if (t && t.length) for (var r, a = 0; (r = t[a++]); ) r(n);
}
},
Token: W
};
function W(e, n, t, r) {
(this.type = e), (this.content = n), (this.alias = t), (this.length = 0 | (r || '').length);
}
function z(e, n, t, r) {
e.lastIndex = n;
var a = e.exec(t);
if (a && r && a[1]) {
var i = a[1].length;
(a.index += i), (a[0] = a[0].slice(i));
}
return a;
}
function i() {
var e = { value: null, prev: null, next: null },
n = { value: null, prev: e, next: null };
(e.next = n), (this.head = e), (this.tail = n), (this.length = 0);
}
function I(e, n, t) {
var r = n.next,
a = { value: t, prev: n, next: r };
return (n.next = a), (r.prev = a), e.length++, a;
}
function q(e, n, t) {
for (var r = n.next, a = 0; a < t && r !== e.tail; a++) r = r.next;
((n.next = r).prev = n), (e.length -= a);
}
if (
((u.Prism = M),
(W.stringify = function n(e, t) {
if ('string' == typeof e) return e;
if (Array.isArray(e)) {
var r = '';
return (
e.forEach(function (e) {
r += n(e, t);
}),
r
);
}
var a = { type: e.type, content: n(e.content, t), tag: 'span', classes: ['token', e.type], attributes: {}, language: t },
i = e.alias;
i && (Array.isArray(i) ? Array.prototype.push.apply(a.classes, i) : a.classes.push(i)), M.hooks.run('wrap', a);
var l = '';
for (var o in a.attributes) l += ' ' + o + '="' + (a.attributes[o] || '').replace(/"/g, '&quot;') + '"';
return '<' + a.tag + ' class="' + a.classes.join(' ') + '"' + l + '>' + a.content + '</' + a.tag + '>';
}),
!u.document)
)
return (
u.addEventListener &&
(M.disableWorkerMessageHandler ||
u.addEventListener(
'message',
function (e) {
var n = JSON.parse(e.data),
t = n.language,
r = n.code,
a = n.immediateClose;
u.postMessage(M.highlight(r, M.languages[t], t)), a && u.close();
},
!1
)),
M
);
var t = M.util.currentScript();
function r() {
M.manual || M.highlightAll();
}
if ((t && ((M.filename = t.src), t.hasAttribute('data-manual') && (M.manual = !0)), !M.manual)) {
var a = document.readyState;
'loading' === a || ('interactive' === a && t && t.defer)
? document.addEventListener('DOMContentLoaded', r)
: window.requestAnimationFrame
? window.requestAnimationFrame(r)
: window.setTimeout(r, 16);
}
return M;
})(_self);
'undefined' != typeof module && module.exports && (module.exports = Prism), 'undefined' != typeof global && (global.Prism = Prism);
(Prism.languages.markup = {
comment: /<!--[\s\S]*?-->/,
prolog: /<\?[\s\S]+?\?>/,
doctype: {
pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,
greedy: !0,
inside: {
'internal-subset': { pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/, lookbehind: !0, greedy: !0, inside: null },
string: { pattern: /"[^"]*"|'[^']*'/, greedy: !0 },
punctuation: /^<!|>$|[[\]]/,
'doctype-tag': /^DOCTYPE/,
name: /[^\s<>'"]+/
}
},
cdata: /<!\[CDATA\[[\s\S]*?\]\]>/i,
tag: {
pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,
greedy: !0,
inside: {
tag: { pattern: /^<\/?[^\s>\/]+/, inside: { punctuation: /^<\/?/, namespace: /^[^\s>\/:]+:/ } },
'special-attr': [],
'attr-value': { pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/, inside: { punctuation: [{ pattern: /^=/, alias: 'attr-equals' }, /"|'/] } },
punctuation: /\/?>/,
'attr-name': { pattern: /[^\s>\/]+/, inside: { namespace: /^[^\s>\/:]+:/ } }
}
},
entity: [{ pattern: /&[\da-z]{1,8};/i, alias: 'named-entity' }, /&#x?[\da-f]{1,8};/i]
}),
(Prism.languages.markup.tag.inside['attr-value'].inside.entity = Prism.languages.markup.entity),
(Prism.languages.markup.doctype.inside['internal-subset'].inside = Prism.languages.markup),
Prism.hooks.add('wrap', function (a) {
'entity' === a.type && (a.attributes.title = a.content.replace(/&amp;/, '&'));
}),
Object.defineProperty(Prism.languages.markup.tag, 'addInlined', {
value: function (a, e) {
var s = {};
(s['language-' + e] = { pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i, lookbehind: !0, inside: Prism.languages[e] }),
                (s.cdata = /^<!\[CDATA\[|\]\]>$/i);
var t = { 'included-cdata': { pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i, inside: s } };
t['language-' + e] = { pattern: /[\s\S]+/, inside: Prism.languages[e] };
var n = {};
(n[a] = {
pattern: RegExp(
'(<**[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])\*?(?=</**>)'.replace(/\_\_/g, function () {
return a;
}),
'i'
),
lookbehind: !0,
greedy: !0,
inside: t
}),
Prism.languages.insertBefore('markup', 'cdata', n);
}
}),
Object.defineProperty(Prism.languages.markup.tag, 'addAttribute', {
value: function (a, e) {
Prism.languages.markup.tag.inside['special-attr'].push({
pattern: RegExp('(^|["\'\\s])(?:' + a + ')\\s*=\\s*(?:"[^"]*"|\'[^\']*\'|[^\\s\'">=]+(?=[\\s>]))', 'i'),
lookbehind: !0,
inside: {
'attr-name': /^[^\s=]+/,
'attr-value': {
pattern: /=[\s\S]+/,
inside: {
value: {
pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
                                lookbehind: !0,
                                alias: [e, 'language-' + e],
                                inside: Prism.languages[e]
                            },
                            punctuation: [{ pattern: /^=/, alias: 'attr-equals' }, /"|'/]
                        }
                    }
                }
            });
        }
    }),
    (Prism.languages.html = Prism.languages.markup),
    (Prism.languages.mathml = Prism.languages.markup),
    (Prism.languages.svg = Prism.languages.markup),
    (Prism.languages.xml = Prism.languages.extend('markup', {})),
    (Prism.languages.ssml = Prism.languages.xml),
    (Prism.languages.atom = Prism.languages.xml),
    (Prism.languages.rss = Prism.languages.xml);
!(function (s) {
    var e = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
    (s.languages.css = {
        comment: /\/\*[\s\S]*?\*\//,
        atrule: {
            pattern: /@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,
            inside: {
                rule: /^@[\w-]+/,
                'selector-function-argument': {
                    pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,
                    lookbehind: !0,
                    alias: 'selector'
                },
                keyword: { pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/, lookbehind: !0 }
            }
        },
        url: {
            pattern: RegExp('\\burl\\((?:' + e.source + '|(?:[^\\\\\r\n()"\']|\\\\[^])*)\\)', 'i'),
            greedy: !0,
            inside: { function: /^url/i, punctuation: /^\(|\)$/, string: { pattern: RegExp('^' + e.source + '$'), alias: 'url' } }
        },
        selector: { pattern: RegExp('(^|[{}\\s])[^{}\\s](?:[^{};"\'\\s]|\\s+(?![\\s{])|' + e.source + ')*(?=\\s*\\{)'), lookbehind: !0 },
        string: { pattern: e, greedy: !0 },
        property: { pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i, lookbehind: !0 },
        important: /!important\b/i,
        function: { pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i, lookbehind: !0 },
        punctuation: /[(){};:,]/
    }),
        (s.languages.css.atrule.inside.rest = s.languages.css);
    var t = s.languages.markup;
    t && (t.tag.addInlined('style', 'css'), t.tag.addAttribute('style', 'css'));
})(Prism);
Prism.languages.clike = {
    comment: [
        { pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/, lookbehind: !0, greedy: !0 },
{ pattern: /(^|[^\\:])\/\/.*/, lookbehind: !0, greedy: !0 }
],
string: { pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/, greedy: !0 },
'class-name': {
pattern: /(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,
lookbehind: !0,
inside: { punctuation: /[.\\]/ }
},
keyword: /\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
boolean: /\b(?:true|false)\b/,
function: /\b\w+(?=\()/,
number: /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
punctuation: /[{}[\];(),.:]/
};
(Prism.languages.javascript = Prism.languages.extend('clike', {
'class-name': [
Prism.languages.clike['class-name'],
{ pattern: /(^|[^$\w\xa0-\uffff])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])_(?=\.(?:prototype|constructor))/, lookbehind: !0 }
],
keyword: [
{ pattern: /((?:^|\})\s_)catch\b/, lookbehind: !0 },
{
pattern:
/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
            lookbehind: !0
        }
    ],
    function: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
number: /\b(?:(?:0[xX](<?:[\dA-Fa-f](?:_[\dA-Fa-f])?>)+|0[bB](<?:[01](?:_[01])?>)+|0[oO](<?:[0-7](?:_[0-7])?>)+)n?|(?:\d(?:*\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:*\d)?)+\.?(?:\d(?:\_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,
operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
})),
(Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/),
Prism.languages.insertBefore('javascript', 'keyword', {
regex: {
pattern:
/((?:^|[^$\w\xa0-\uffff."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))_\*\/)_(?:$|[\r\n,.;:})\]]|\/\/))/,
            lookbehind: !0,
            greedy: !0,
            inside: {
                'regex-source': { pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/, lookbehind: !0, alias: 'language-regex', inside: Prism.languages.regex },
'regex-delimiter': /^\/|\/$/,
                'regex-flags': /^[a-z]+$/
}
},
'function-variable': {
pattern:
/#?(?!\s)[\_$a-zA-Z\xA0-\uFFFF](<?:(?!\s)[$\w\xA0-\uFFFF]>)_(?=\s_[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]_\))_\)|(?!\s)[\_$a-zA-Z\xA0-\uFFFF](<?:(?!\s)[$\w\xA0-\uFFFF]>)_)\s_=>))/,
alias: 'function'
},
parameter: [
{
pattern: /(function(?:\s+(?!\s)[\_$a-zA-Z\xA0-\uFFFF](<?:(?!\s)[$\w\xA0-\uFFFF]>)_)?\s_\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
lookbehind: !0,
inside: Prism.languages.javascript
},
{
pattern: /(^|[^$\w\xa0-\uffff])(?!\s)[\_$a-z\xA0-\uFFFF](<?:(?!\s)[$\w\xA0-\uFFFF]>)*(?=\s*=>)/i,
lookbehind: !0,
inside: Prism.languages.javascript
},
{ pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]_\))+(?=\s_\)\s*=>)/, lookbehind: !0, inside: Prism.languages.javascript },
{
pattern:
/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[\_$a-zA-Z\xA0-\uFFFF](<?:(?!\s)[$\w\xA0-\uFFFF]>)*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]_\))+(?=\s_\)\s*\{)/,
lookbehind: !0,
inside: Prism.languages.javascript
}
],
constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/
}),
Prism.languages.insertBefore('javascript', 'string', {
hashbang: { pattern: /^#!._/, greedy: !0, alias: 'comment' },
'template-string': {
pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]_\})_\})+\}|(?!\$\{)[^\\`])_`/, greedy: !0, inside: { 'template-punctuation': { pattern: /^`|`$/, alias: 'string' },
                interpolation: {
                    pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
                    lookbehind: !0,
                    inside: { 'interpolation-punctuation': { pattern: /^\$\{|\}$/, alias: 'punctuation' }, rest: Prism.languages.javascript }
},
string: /[\s\S]+/
}
}
}),
Prism.languages.markup &&
(Prism.languages.markup.tag.addInlined('script', 'javascript'),
Prism.languages.markup.tag.addAttribute(
'on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)',
'javascript'
)),
(Prism.languages.js = Prism.languages.javascript);


<details>

License

Portfolio-Projects42/BGOONZ_BLOG_2.0-stable

About

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

Packages 0

Contributors 5

Languages

Packages