diff --git a/docs/content/ds/data-structures/graphs/README.adoc b/docs/content/ds/data-structures/graphs/README.adoc
new file mode 100644
index 0000000000..90a88bd513
--- /dev/null
+++ b/docs/content/ds/data-structures/graphs/README.adoc
@@ -0,0 +1 @@
+include::../../../book/content/part03/graph.asc[]
diff --git a/docs/content/ds/data-structures/graphs/graph-scale.spec.js b/docs/content/ds/data-structures/graphs/graph-scale.spec.js
new file mode 100644
index 0000000000..3bb3e35420
--- /dev/null
+++ b/docs/content/ds/data-structures/graphs/graph-scale.spec.js
@@ -0,0 +1,52 @@
+const Graph = require('./graph');
+
+xdescribe('Graph (social network)', () => {
+  let graph;
+
+  beforeEach(() => {
+    graph = new Graph(Graph.UNDIRECTED);
+
+    graph.addEdge('You', 'James');
+    graph.addEdge('James', 'Michael');
+    graph.addEdge('James', 'William');
+    graph.addEdge('You', 'John');
+    graph.addEdge('John', 'Linda');
+    graph.addEdge('Linda', 'Elizabeth');
+    graph.addEdge('You', 'Robert');
+    graph.addEdge('You', 'Mary');
+    graph.addEdge('You', 'Patricia');
+    graph.addEdge('You', 'Jennifer');
+    graph.addEdge('You', 'Larry');
+    graph.addEdge('You', 'Eric');
+    graph.addEdge('David', 'Barbara');
+    graph.addEdge('Richard', 'Susan');
+    graph.addEdge('Joseph', 'Jessica');
+    graph.addEdge('Susan', 'Joseph');
+    graph.addEdge('Mark', 'Jan');
+    graph.addEdge('Mark', 'David');
+    graph.addEdge('Mark', 'Dustin');
+    graph.addEdge('Mark', 'Owen');
+    graph.addEdge('Mark', 'Pricilla');
+    graph.addEdge('Mark', 'Andrew');
+    graph.addEdge('Mark', 'Adam');
+    graph.addEdge('Pricilla', 'Richard');
+    graph.addEdge('Jessica', 'Elizabeth');
+    graph.addEdge('Mary', 'Barbara');
+    graph.addEdge('William', 'Jan');
+    graph.addEdge('Joseph', 'Robert');
+    graph.addEdge('Dustin', 'Michael');
+    graph.addEdge('Andrew', 'William');
+    graph.addEdge('Jessica', 'John');
+    graph.addEdge('Adam', 'Susan');
+    graph.addEdge('William', 'Barbara');
+    graph.addEdge('Joseph', 'Patricia');
+    graph.addEdge('Joseph', 'Michael');
+    graph.addEdge('Elizabeth', 'Adam');
+    graph.addEdge('Jan', 'Elizabeth');
+    graph.addEdge('Richard', 'Joseph');
+  });
+
+  it('should return all paths connecting you and mark', () => {
+    expect(graph.findPath('You', 'Mark')).toEqual([]);
+  });
+});
diff --git a/docs/content/ds/data-structures/graphs/graph.js b/docs/content/ds/data-structures/graphs/graph.js
new file mode 100644
index 0000000000..5342b6d3de
--- /dev/null
+++ b/docs/content/ds/data-structures/graphs/graph.js
@@ -0,0 +1,258 @@
+// npx eslint --fix -f codeframe lib/data-structures/graphs/graph.js
+const Node = require('./node');
+const Stack = require('../stacks/stack');
+const Queue = require('../queues/queue');
+const HashMap = require('../maps/hash-maps/hash-map');
+
+// tag::constructor[]
+/**
+ * Graph data structure implemented with an adjacent list
+ */
+class Graph {
+  /**
+   * Initialize the nodes map
+   * @param {Symbol} edgeDirection either `Graph.DIRECTED` or `Graph.UNDIRECTED`
+   */
+  constructor(edgeDirection = Graph.DIRECTED) {
+    this.nodes = new HashMap();
+    this.edgeDirection = edgeDirection;
+  }
+  // end::constructor[]
+
+  // tag::addVertex[]
+  /**
+   * Add a node to the graph.
+   * Runtime: O(1)
+   * @param {any} value node's value
+   * @returns {Node} the new node or the existing one if it already exits.
+   */
+  addVertex(value) {
+    if (this.nodes.has(value)) { // <1>
+      return this.nodes.get(value);
+    }
+    const vertex = new Node(value); // <2>
+    this.nodes.set(value, vertex); // <3>
+    return vertex;
+  }
+  // end::addVertex[]
+
+  // tag::removeVertex[]
+  /**
+   * Removes node from graph
+   * It also removes the reference of the deleted node from
+   *  anywhere it was adjacent to.
+   * Runtime: O(|V|) because adjacency list is implemented with a HashSet.
+   * It were implemented with an array then it would be O(|V| + |E|).
+   * @param {any} value node's value
+   */
+  removeVertex(value) {
+    const current = this.nodes.get(value); // <1>
+    if (current) {
+      Array.from(this.nodes.values()).forEach((node) => node.removeAdjacent(current)); // <2>
+    }
+    return this.nodes.delete(value); // <3>
+  }
+  // end::removeVertex[]
+
+  // tag::addEdge[]
+  /**
+   * Create a connection between the source node and the destination node.
+   * If the graph is undirected, it will also create the link from destination to source.
+   * If the nodes don't exist, then it will make them on the fly.
+   * Runtime: O(1)
+   * @param {any} source
+   * @param {any} destination
+   * @returns {[Node, Node]} source/destination node pair
+   */
+  addEdge(source, destination) {
+    const sourceNode = this.addVertex(source); // <1>
+    const destinationNode = this.addVertex(destination); // <1>
+
+    sourceNode.addAdjacent(destinationNode); // <2>
+
+    if (this.edgeDirection === Graph.UNDIRECTED) {
+      destinationNode.addAdjacent(sourceNode); // <3>
+    }
+
+    return [sourceNode, destinationNode];
+  }
+  // end::addEdge[]
+
+  // tag::removeEdge[]
+  /**
+   * Remove the connection between source node and destination.
+   * If the graph is undirected, it will also create the link from destination to source.
+   *
+   * Runtime: O(1): implemented with HashSet.
+   * If implemented with array, would be O(|E|).
+   *
+   * @param {any} source
+   * @param {any} destination
+   */
+  removeEdge(source, destination) {
+    const sourceNode = this.nodes.get(source);
+    const destinationNode = this.nodes.get(destination);
+
+    if (sourceNode && destinationNode) {
+      sourceNode.removeAdjacent(destinationNode);
+
+      if (this.edgeDirection === Graph.UNDIRECTED) {
+        destinationNode.removeAdjacent(sourceNode);
+      }
+    }
+
+    return [sourceNode, destinationNode];
+  }
+  // end::removeEdge[]
+
+  // tag::areAdjacents[]
+  /**
+   * True if two nodes are adjacent.
+   * @param {any} source node's value
+   * @param {any} destination node's value
+   */
+  areAdjacents(source, destination) {
+    const sourceNode = this.nodes.get(source);
+    const destinationNode = this.nodes.get(destination);
+
+    if (sourceNode && destinationNode) {
+      return sourceNode.isAdjacent(destinationNode);
+    }
+
+    return false;
+  }
+  // end::areAdjacents[]
+
+  // tag::graphSearch[]
+  /**
+   * Depth-first search
+   * Use a stack to visit nodes (LIFO)
+   * @param {Node} first node to start the dfs
+   */
+  static* dfs(first) {
+    yield* Graph.graphSearch(first, Stack);
+  }
+
+  /**
+   * Breadth-first search
+   * Use a queue to visit nodes (FIFO)
+   * @param {Node} first node to start the dfs
+   */
+  static* bfs(first) {
+    yield* Graph.graphSearch(first, Queue);
+  }
+
+  /**
+   * Generic graph search where we can pass a Stack or Queue
+   * @param {Node} first node to start the search
+   * @param {Stack|Queue} Type Stack for DFS or Queue for BFS
+   */
+  static* graphSearch(first, Type = Stack) {
+    const visited = new Map();
+    const visitList = new Type();
+
+    visitList.add(first);
+
+    while (!visitList.isEmpty()) {
+      const node = visitList.remove();
+      if (node && !visited.has(node)) {
+        yield node;
+        visited.set(node);
+        node.getAdjacents().forEach((adj) => visitList.add(adj));
+      }
+    }
+  }
+  // end::graphSearch[]
+
+  /**
+   * Return true if two nodes are connected and false if not
+   * @param {any} source vertex's value
+   * @param {*} destination vertex's value
+   */
+  areConnected(source, destination) {
+    const sourceNode = this.nodes.get(source);
+    const destinationNode = this.nodes.get(destination);
+
+    if (sourceNode && destinationNode) {
+      const bfsFromFirst = Graph.bfs(sourceNode);
+      // eslint-disable-next-line no-restricted-syntax
+      for (const node of bfsFromFirst) {
+        if (node === destinationNode) {
+          return true;
+        }
+      }
+    }
+
+    return false;
+  }
+
+  /**
+   * Find a path between source and destination
+   * It might not be the optimal path
+   *
+   * @param {any} source vertex's value
+   * @param {any} destination vertex's value
+   * @param {Map<Node>} newPath current path from source to destination
+   * @returns list of nodes from source to destination
+   */
+  findPath(source, destination, path = new Map()) {
+    const sourceNode = this.nodes.get(source);
+    const destinationNode = this.nodes.get(destination);
+    const newPath = new Map(path);
+
+    if (!destinationNode || !sourceNode) return [];
+
+    newPath.set(sourceNode);
+
+    if (source === destination) {
+      return Array.from(newPath.keys());
+    }
+
+    // eslint-disable-next-line no-restricted-syntax
+    for (const node of sourceNode.getAdjacents()) {
+      if (!newPath.has(node)) {
+        const nextPath = this.findPath(node.value, destination, newPath);
+        if (nextPath.length) {
+          return nextPath;
+        }
+      }
+    }
+
+    return [];
+  }
+
+  /**
+   * Find all paths from source to destination
+   *
+   * @param {any} source vertex'value
+   * @param {any} destination vertex'value
+   * @param {Map} path (optional) used for recursion
+   */
+  findAllPaths(source, destination, path = new Map()) {
+    const sourceNode = this.nodes.get(source);
+    const destinationNode = this.nodes.get(destination);
+    const newPath = new Map(path);
+
+    if (!destinationNode || !sourceNode) return [];
+
+    newPath.set(sourceNode);
+
+    if (source === destination) {
+      return [Array.from(newPath.keys())];
+    }
+
+    const paths = [];
+    sourceNode.getAdjacents().forEach((node) => {
+      if (!newPath.has(node)) {
+        const nextPaths = this.findAllPaths(node.value, destination, newPath);
+        nextPaths.forEach((nextPath) => paths.push(nextPath));
+      }
+    });
+    return paths;
+  }
+}
+
+Graph.UNDIRECTED = Symbol('undirected graph'); // two-way edges
+Graph.DIRECTED = Symbol('directed graph'); // one-way edges
+
+module.exports = Graph;
diff --git a/docs/content/ds/data-structures/graphs/graph.spec.js b/docs/content/ds/data-structures/graphs/graph.spec.js
new file mode 100644
index 0000000000..4ff1fb3b48
--- /dev/null
+++ b/docs/content/ds/data-structures/graphs/graph.spec.js
@@ -0,0 +1,304 @@
+const { Graph } = require('../../index');
+
+describe('Graph', () => {
+  let graph;
+  const getValues = (node) => (Array.isArray(node) ? node.map((a) => getValues(a)) : node.value);
+
+  beforeEach(() => {
+    graph = new Graph();
+  });
+
+  describe('#addVertex', () => {
+    it('should add vertex to graph', () => {
+      const node = graph.addVertex('a');
+      expect(node.value).toBe('a');
+      expect(graph.nodes.size).toBe(1);
+    });
+
+    it('should not add duplicated values', () => {
+      const node1 = graph.addVertex('a');
+      const node2 = graph.addVertex('a');
+      expect(graph.nodes.size).toBe(1);
+      expect(node1).toBe(node2);
+    });
+  });
+
+  describe('#removeVertex', () => {
+    beforeEach(() => {
+      graph.addVertex('a');
+    });
+
+    it('should remove vertex', () => {
+      expect(graph.removeVertex('a')).toBe(true);
+      expect(graph.nodes.size).toBe(0);
+      expect(graph.removeVertex('a')).toBe(false);
+    });
+  });
+
+  describe('#addEdge', () => {
+    it('should create node if they dont exist', () => {
+      graph.addEdge('a', 'b');
+      expect(graph.nodes.size).toBe(2);
+    });
+
+    it('should add node a as adjacent of b', () => {
+      const [a, b] = graph.addEdge('a', 'b');
+      expect(a.getAdjacents().map(getValues)).toEqual(['b']);
+      expect(b.getAdjacents().map(getValues)).toEqual([]);
+
+      graph.addEdge('b', 'a');
+      expect(b.getAdjacents().map(getValues)).toEqual(['a']);
+    });
+
+    it('should add both connection on undirected graph', () => {
+      graph = new Graph(Graph.UNDIRECTED);
+      const [a, b] = graph.addEdge('a', 'b');
+      expect(a.getAdjacents().map(getValues)).toEqual(['b']);
+      expect(b.getAdjacents().map(getValues)).toEqual(['a']);
+    });
+
+    it('should add falsy values', () => {
+      const [first, second] = graph.addEdge(0, false);
+      expect(first.value).toBe(0);
+      expect(second.value).toBe(false);
+    });
+  });
+
+  describe('#removeEdge', () => {
+    beforeEach(() => {
+      graph.addEdge('a', 'b');
+    });
+
+    it('should remove edges if they exist', () => {
+      const [a, b] = graph.removeEdge('a', 'b');
+      expect(a.getAdjacents().map(getValues)).toEqual([]);
+      expect(b.getAdjacents().map(getValues)).toEqual([]);
+    });
+
+    it('should remove edges with falsy values', () => {
+      const [a, b] = graph.addEdge(0, false);
+      expect(a.getAdjacents().map(getValues)).toEqual([false]);
+      expect(b.getAdjacents().map(getValues)).toEqual([]);
+      graph.removeEdge(0, false);
+      expect(a.getAdjacents().map(getValues)).toEqual([]);
+      expect(b.getAdjacents().map(getValues)).toEqual([]);
+    });
+
+    it('should not create node when removing unexisting target', () => {
+      const [a, c] = graph.removeEdge('a', 'c');
+      expect(graph.nodes.size).toBe(2);
+      expect(a.getAdjacents().map(getValues)).toEqual(['b']);
+      expect(c).toBe(undefined);
+    });
+
+    it('should not create node when removing unexisting nodes', () => {
+      const [d, c] = graph.removeEdge('d', 'c');
+      expect(graph.nodes.size).toBe(2);
+      expect(c).toBe(undefined);
+      expect(d).toBe(undefined);
+    });
+  });
+
+  describe('#areAdjacents', () => {
+    it('should return true if nodes are adjacent', () => {
+      graph.addEdge('a', 'b');
+      expect(graph.areAdjacents('a', 'b')).toBe(true);
+    });
+
+    it('should return false if a digraph nodes are adjacent in one direction only', () => {
+      graph.addEdge('a', 'b');
+      expect(graph.areAdjacents('b', 'a')).toBe(false);
+    });
+
+    it('should return true if a undirected graph nodes are adjacent', () => {
+      graph = new Graph(Graph.UNDIRECTED);
+      graph.addEdge('a', 'b');
+      expect(graph.areAdjacents('b', 'a')).toBe(true);
+    });
+
+    it('should return false if nodes does not exist', () => {
+      expect(graph.areAdjacents('a', 'b')).toBe(false);
+    });
+
+    it('should return false if nodes are not adjacent', () => {
+      graph.addVertex('a');
+      graph.addVertex('b');
+      expect(graph.areAdjacents('a', 'b')).toBe(false);
+    });
+  });
+
+  describe('remove vertex and update adjacency list', () => {
+    let n1;
+    let n2;
+    let n4;
+
+    beforeEach(() => {
+      //   5
+      //  /^
+      // 0 -> 1 <- 2
+      //      ^\-> 4 -> 3
+      graph.addEdge(0, 1);
+      [n2] = graph.addEdge(2, 1);
+      [n1, n4] = graph.addEdge(1, 4);
+      graph.addEdge(4, 1);
+      graph.addEdge(4, 3);
+    });
+
+    it('should remove nodes from adjacent list', () => {
+      expect(n4.getAdjacents().map(getValues)).toEqual([1, 3]);
+      expect(n2.getAdjacents().map(getValues)).toEqual([1]);
+      expect(graph.nodes.has(n1.value)).toBe(true);
+      graph.removeVertex(1);
+      expect(n4.getAdjacents().map(getValues)).toEqual([3]);
+      expect(graph.nodes.has(n1.value)).toBe(false);
+    });
+  });
+
+  describe('Graph Search', () => {
+    let first;
+
+    beforeEach(() => {
+      graph.addEdge(0, 5);
+      graph.addEdge(0, 4);
+      [first] = graph.addEdge(0, 1);
+
+      graph.addEdge(1, 4);
+      graph.addEdge(1, 3);
+
+      graph.addEdge(2, 1);
+
+      graph.addEdge(3, 4);
+      graph.addEdge(3, 2);
+    });
+
+    describe('#dfs', () => {
+      it('should visit nodes using depth-first search', () => {
+        const visitedOrder = Array.from(Graph.dfs(first)).map(getValues);
+        expect(visitedOrder).toEqual([0, 1, 3, 2, 4, 5]);
+      });
+    });
+
+    describe('#bfs', () => {
+      it('should visit nodes using breadth-first search', () => {
+        const visitedOrder = Array.from(Graph.bfs(first)).map(getValues);
+        expect(visitedOrder).toEqual([0, 5, 4, 1, 3, 2]);
+      });
+    });
+  });
+
+  describe('Graph Search: UNDIRECTED', () => {
+    let first;
+
+    beforeEach(() => {
+      graph = new Graph(Graph.UNDIRECTED);
+      [first] = graph.addEdge(1, 2);
+      graph.addEdge(1, 3);
+      graph.addEdge(1, 4);
+
+      graph.addEdge(5, 2);
+      graph.addEdge(6, 3);
+      graph.addEdge(7, 3);
+      graph.addEdge(8, 4);
+      graph.addEdge(9, 5);
+      graph.addEdge(10, 6);
+    });
+
+    describe('#dfs', () => {
+      it('should visit nodes using depth-first search', () => {
+        const visitedOrder = Array.from(Graph.dfs(first)).map(getValues);
+        expect(visitedOrder).toEqual([1, 4, 8, 3, 7, 6, 10, 2, 5, 9]);
+      });
+
+      it('should use iterator', () => {
+        const dfs = Graph.dfs(first);
+
+        expect(dfs.next().value.value).toBe(1);
+        expect(dfs.next().value.value).toBe(4);
+        expect(dfs.next().value.value).toBe(8);
+        expect(dfs.next().value.value).toBe(3);
+        expect(dfs.next().value.value).toBe(7);
+        expect(dfs.next().value.value).toBe(6);
+        expect(dfs.next().value.value).toBe(10);
+        expect(dfs.next().value.value).toBe(2);
+        expect(dfs.next().value.value).toBe(5);
+        expect(dfs.next().value.value).toBe(9);
+
+        expect(dfs.next().value).toBe(undefined);
+        expect(dfs.next().done).toBe(true);
+      });
+    });
+
+    describe('#bfs', () => {
+      it('should visit nodes using breadth-first search', () => {
+        const visitedOrder = Array.from(Graph.bfs(first)).map(getValues);
+        expect(visitedOrder).toEqual([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
+      });
+    });
+  });
+
+  describe('with (people) edges on undigraph', () => {
+    let you;
+    let mary;
+    let barbara;
+
+    beforeEach(() => {
+      graph = new Graph(Graph.UNDIRECTED);
+      [you] = graph.addEdge('you', 'mary');
+      [mary, barbara] = graph.addEdge('mary', 'barbara');
+    });
+
+    describe('#areConnected', () => {
+      it('should return true if two nodes are connected', () => {
+        expect(graph.areConnected('you', 'barbara')).toBe(true);
+      });
+
+      it('should return true if two nodes are connected to itself', () => {
+        expect(graph.areConnected('you', 'you')).toBe(true);
+      });
+
+      it('should return true if two nodes are connected to other', () => {
+        expect(graph.areConnected('you', 'John')).toBe(false);
+      });
+    });
+
+    describe('#findPath', () => {
+      it('should handle source === destination', () => {
+        expect(graph.findPath('you', 'you')).toEqual([you]);
+      });
+
+      it('should get connecting path', () => {
+        expect(graph.findPath('you', 'barbara').map(getValues)).toEqual(['you', 'mary', 'barbara']);
+      });
+
+      it('should get adjacent connecting path', () => {
+        expect(graph.findPath('mary', 'barbara').map(getValues)).toEqual(['mary', 'barbara']);
+        expect(graph.findPath('mary', 'barbara')).toEqual([mary, barbara]);
+      });
+
+      it('should return empty if there is no connection', () => {
+        expect(graph.findPath('you', 'Obama').map(getValues)).toEqual([]);
+      });
+    });
+
+    describe('#findAllPaths', () => {
+      it('should handle source === destination', () => {
+        expect(graph.findAllPaths('you', 'you')).toEqual([[you]]);
+        expect(getValues(graph.findAllPaths('you', 'you'))).toEqual([['you']]);
+      });
+
+      it('should find all paths when only one', () => {
+        expect(getValues(graph.findAllPaths('mary', 'barbara'))).toEqual([
+          ['mary', 'barbara'],
+        ]);
+      });
+
+      it('should find all paths', () => {
+        graph.addEdge('you', 'barbara');
+        expect(getValues(graph.findAllPaths('you', 'barbara'))).toEqual([
+          ['you', 'mary', 'barbara'],
+          ['you', 'barbara'],
+        ]);
+      });
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/graphs/node-1.js b/docs/content/ds/data-structures/graphs/node-1.js
new file mode 100644
index 0000000000..801abef8dc
--- /dev/null
+++ b/docs/content/ds/data-structures/graphs/node-1.js
@@ -0,0 +1,53 @@
+// tag::constructor[]
+/**
+ * Graph node/vertex that hold adjacencies nodes
+ */
+class Node {
+  constructor(value) {
+    this.value = value;
+    this.adjacents = []; // adjacency list
+  }
+  // end::constructor[]
+
+  /**
+   * Add node to adjacency list
+   * Runtime: O(1)
+   * @param {Node} node
+   */
+  addAdjacent(node) {
+    this.adjacents.push(node);
+  }
+
+  /**
+   * Remove node from adjacency list
+   * Runtime: O(n)
+   * @param {Node} node
+   * @returns removed node or `undefined` if node was not found
+   */
+  removeAdjacent(node) {
+    const index = this.adjacents.indexOf(node);
+    if (index > -1) {
+      this.adjacents.splice(index, 1);
+      return node;
+    }
+    return undefined;
+  }
+
+  /**
+   * Check if a Node is adjacent to other
+   * Runtime: O(n)
+   * @param {Node} node
+   */
+  isAdjacent(node) {
+    return this.adjacents.indexOf(node) > -1;
+  }
+
+  /**
+   * Get all adjacent nodes
+   */
+  getAdjacents() {
+    return this.adjacents;
+  }
+}
+
+module.exports = Node;
diff --git a/docs/content/ds/data-structures/graphs/node.js b/docs/content/ds/data-structures/graphs/node.js
new file mode 100644
index 0000000000..9e11b1eec0
--- /dev/null
+++ b/docs/content/ds/data-structures/graphs/node.js
@@ -0,0 +1,59 @@
+const HashSet = require('../sets/hash-set');
+
+// tag::constructor[]
+/**
+ * Graph node/vertex that hold adjacencies nodes
+ * For performance, uses a HashSet instead of array for adjacents.
+ */
+class Node {
+  constructor(value) {
+    this.value = value;
+    this.adjacents = new HashSet(); // adjacency list
+  }
+  // end::constructor[]
+
+  // tag::addAdjacent[]
+  /**
+     * Add node to adjacency list
+     * Runtime: O(1)
+     * @param {Node} node
+     */
+  addAdjacent(node) {
+    this.adjacents.add(node);
+  }
+  // end::addAdjacent[]
+
+  // tag::removeAdjacent[]
+  /**
+     * Remove node from adjacency list
+     * Runtime: O(1)
+     * @param {Node} node
+     * @returns removed node or `false` if node was not found
+     */
+  removeAdjacent(node) {
+    return this.adjacents.delete(node);
+  }
+  // end::removeAdjacent[]
+
+  // tag::isAdjacent[]
+  /**
+     * Check if a Node is adjacent to other
+     * Runtime: O(1)
+     * @param {Node} node
+     */
+  isAdjacent(node) {
+    return this.adjacents.has(node);
+  }
+  // end::isAdjacent[]
+
+  /**
+     * Get all adjacent nodes
+     */
+  getAdjacents() {
+    return Array.from(this.adjacents);
+  }
+  // tag::constructor[]
+}
+// end::constructor[]
+
+module.exports = Node;
diff --git a/docs/content/ds/data-structures/graphs/node.spec.js b/docs/content/ds/data-structures/graphs/node.spec.js
new file mode 100644
index 0000000000..360480be8f
--- /dev/null
+++ b/docs/content/ds/data-structures/graphs/node.spec.js
@@ -0,0 +1,70 @@
+const Node = require('./node');
+
+describe('Node (Graph)', () => {
+  let node;
+
+  beforeEach(() => {
+    node = new Node('a');
+  });
+
+  describe('#addAdjacent', () => {
+    it('should add node to adjacent list', () => {
+      node.addAdjacent(new Node(2));
+      expect(node.getAdjacents().map((n) => n.value)).toEqual([2]);
+    });
+  });
+
+  describe('#removeAdjacent', () => {
+    let a;
+    let b;
+    let c;
+    let d;
+
+    beforeEach(() => {
+      a = node;
+      b = new Node('b');
+      c = new Node('c');
+      d = new Node('d');
+
+      a.addAdjacent(b);
+      a.addAdjacent(c);
+    });
+
+    it('should remove node to adjacent list', () => {
+      expect(a.removeAdjacent(c)).toBe(true);
+      expect(node.getAdjacents().map((n) => n.value)).toEqual(['b']);
+
+      expect(a.removeAdjacent(b)).toBe(true);
+      expect(node.getAdjacents().map((n) => n.value)).toEqual([]);
+    });
+
+    it('should return undefined if not found', () => {
+      expect(a.removeAdjacent(d)).toBe(false);
+      expect(node.getAdjacents().map((n) => n.value)).toEqual(['b', 'c']);
+    });
+  });
+
+  describe('#getAdjacents', () => {
+    it('should get adjacents', () => {
+      node.addAdjacent(new Node('b'));
+      expect(node.getAdjacents().map((n) => n.value)).toEqual(['b']);
+    });
+
+    it('should get adjacents when empty', () => {
+      expect(node.getAdjacents().map((n) => n.value)).toEqual([]);
+    });
+  });
+
+  describe('#isAdjacent', () => {
+    it('should return true if they are adjacent', () => {
+      const b = new Node('b');
+      node.addAdjacent(b);
+      expect(node.isAdjacent(b)).toBe(true);
+    });
+
+    it('should return true if they are adjacent on c', () => {
+      const c = new Node('c');
+      expect(node.isAdjacent(c)).toBe(false);
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/heaps/heap.js b/docs/content/ds/data-structures/heaps/heap.js
new file mode 100644
index 0000000000..54863c39b7
--- /dev/null
+++ b/docs/content/ds/data-structures/heaps/heap.js
@@ -0,0 +1,103 @@
+/**
+ * Heap data structure a.k.a Priority Queue
+ *
+ * Used to get min or max values from a collection in constant time.
+ *
+ * @author Adrian Mejia <adrian@adrianmejia.com>
+ */
+class Heap {
+  constructor(comparator = (a, b) => a - b) {
+    this.array = [];
+    this.comparator = (i1, i2) => {
+      const value = comparator(this.array[i1], this.array[i2]);
+      if (Number.isNaN(value)) { throw new Error(`Comparator should evaluate to a number. Got ${value} when comparing ${this.array[i1]} with ${this.array[i2]}`); }
+      return value;
+    };
+  }
+
+  /**
+   * Insert element
+   * @runtime O(log n)
+   * @param {any} value
+   */
+  add(value) {
+    this.array.push(value);
+    this.bubbleUp();
+  }
+
+  /**
+   * Retrieves, but does not remove, the head of this heap
+   * @runtime O(1)
+   */
+  peek() {
+    return this.array[0];
+  }
+
+  /**
+   * Retrieves and removes the head of this heap, or returns null if this heap is empty.
+   * @runtime O(log n)
+   */
+  remove(index = 0) {
+    if (!this.size) return null;
+    this.swap(index, this.size - 1); // swap with last
+    const value = this.array.pop(); // remove element
+    this.bubbleDown(index);
+    return value;
+  }
+
+  /**
+   * Returns the number of elements in this collection.
+   * @runtime O(1)
+   */
+  get size() {
+    return this.array.length;
+  }
+
+  /**
+   * Move new element upwards on the heap, if it's out of order
+   * @runtime O(log n)
+   */
+  bubbleUp() {
+    let index = this.size - 1;
+    const parent = (i) => Math.ceil(i / 2 - 1);
+    while (parent(index) >= 0 && this.comparator(parent(index), index) > 0) {
+      this.swap(parent(index), index);
+      index = parent(index);
+    }
+  }
+
+  /**
+   * After removal, moves element downwards on the heap, if it's out of order
+   * @runtime O(log n)
+   */
+  bubbleDown(index = 0) {
+    let curr = index;
+    const left = (i) => 2 * i + 1;
+    const right = (i) => 2 * i + 2;
+    const getTopChild = (i) => (right(i) < this.size
+      && this.comparator(left(i), right(i)) > 0 ? right(i) : left(i));
+
+    while (left(curr) < this.size && this.comparator(curr, getTopChild(curr)) > 0) {
+      const next = getTopChild(curr);
+      this.swap(curr, next);
+      curr = next;
+    }
+  }
+
+  /**
+   * Swap elements on the heap
+   * @runtime O(1)
+   * @param {number} i1 index 1
+   * @param {number} i2 index 2
+   */
+  swap(i1, i2) {
+    [this.array[i1], this.array[i2]] = [this.array[i2], this.array[i1]];
+  }
+}
+
+// aliases
+Heap.prototype.poll = Heap.prototype.remove;
+Heap.prototype.offer = Heap.prototype.add;
+Heap.prototype.element = Heap.prototype.peek;
+
+module.exports = Heap;
diff --git a/docs/content/ds/data-structures/heaps/heap.spec.js b/docs/content/ds/data-structures/heaps/heap.spec.js
new file mode 100644
index 0000000000..f1d6bb096c
--- /dev/null
+++ b/docs/content/ds/data-structures/heaps/heap.spec.js
@@ -0,0 +1,172 @@
+const Heap = require('./heap');
+const PriorityQueue = require('./priority-queue');
+const MaxHeap = require('./max-heap');
+const MinHeap = require('./min-heap');
+
+[
+  [Heap],
+  [PriorityQueue, [], (a, b) => a - b],
+  [MinHeap],
+].forEach(([DS, ...arg]) => {
+  describe('Min-Heap and Priority Queue', () => {
+    let heap;
+
+    beforeEach(() => {
+      heap = new DS(...arg);
+    });
+
+    describe('#contructor', () => {
+      it('should initialize', () => {
+        expect(heap).not.toBe(undefined);
+      });
+    });
+
+    describe('#add', () => {
+      it('should add an element', () => {
+        expect(heap.add(1)).toBe(undefined);
+        expect(heap.array).toEqual([1]);
+        expect(heap.size).toBe(1);
+      });
+
+      it('should keep things in order', () => {
+        heap.add(3);
+        expect(heap.array[0]).toEqual(3);
+        heap.add(2);
+        expect(heap.array[0]).toEqual(2);
+        heap.add(1);
+        expect(heap.array[0]).toEqual(1);
+        expect(heap.size).toEqual(3);
+      });
+    });
+
+    describe('#remove', () => {
+      it('should work', () => {
+        heap.add(1);
+        heap.add(0);
+        expect(heap.remove()).toBe(0);
+        expect(heap.size).toBe(1);
+        expect(heap.array).toEqual([1]);
+      });
+
+      it('should return null if empty', () => {
+        heap = new Heap();
+        expect(heap.remove()).toBe(null);
+      });
+    });
+
+    describe('when has elements', () => {
+      beforeEach(() => {
+        heap.add(1);
+        heap.add(2);
+        heap.add(3);
+        heap.add(0);
+      });
+
+      describe('#peek', () => {
+        it('should get min', () => {
+          expect(heap.peek()).toEqual(0);
+        });
+      });
+
+      describe('#remove', () => {
+        it('should get min', () => {
+          expect(heap.remove()).toEqual(0);
+          expect(heap.remove()).toEqual(1);
+          expect(heap.remove()).toEqual(2);
+          expect(heap.remove()).toEqual(3);
+          expect(heap.size).toBe(0);
+        });
+      });
+    });
+  });
+});
+
+[
+  [Heap, (a, b) => b - a],
+  [PriorityQueue, [], (a, b) => b - a],
+  [MaxHeap],
+].forEach(([DS, ...arg]) => {
+  describe('Max-Heap (Priority Queue)', () => {
+    let heap;
+
+    beforeEach(() => {
+      heap = new DS(...arg);
+    });
+
+    describe('#contructor', () => {
+      it('should initialize', () => {
+        expect(heap).not.toBe(undefined);
+      });
+    });
+
+    describe('#add', () => {
+      it('should add an element', () => {
+        expect(heap.add(1)).toBe(undefined);
+        expect(heap.array).toEqual([1]);
+        expect(heap.size).toBe(1);
+      });
+
+      it('should keep things in order', () => {
+        heap.add(1);
+        expect(heap.array[0]).toEqual(1);
+        heap.add(2);
+        expect(heap.array[0]).toEqual(2);
+        heap.add(3);
+        expect(heap.array[0]).toEqual(3);
+        expect(heap.size).toEqual(3);
+      });
+    });
+
+    describe('#remove', () => {
+      it('should work', () => {
+        heap.add(1);
+        heap.add(0);
+        expect(heap.remove()).toBe(1);
+        expect(heap.size).toBe(1);
+        expect(heap.array).toEqual([0]);
+      });
+
+      it('should work with duplicates', () => {
+        heap.add(3);
+        heap.add(2);
+        heap.add(3);
+        heap.add(1);
+        heap.add(2);
+        heap.add(4);
+        heap.add(5);
+        heap.add(5);
+        heap.add(6);
+
+        expect(heap.remove()).toEqual(6);
+        expect(heap.remove()).toEqual(5);
+        expect(heap.remove()).toEqual(5);
+        expect(heap.remove()).toEqual(4);
+      });
+    });
+
+    describe('when has elements', () => {
+      beforeEach(() => {
+        heap.add(1);
+        heap.add(2);
+        heap.add(3);
+        heap.add(0);
+      });
+
+      describe('#peek', () => {
+        it('should get min', () => {
+          expect(heap.peek()).toEqual(3);
+        });
+      });
+
+      describe('#remove', () => {
+        it('should get min when duplicates', () => {
+          expect(heap.remove()).toEqual(3);
+          expect(heap.remove()).toEqual(2);
+          expect(heap.remove()).toEqual(1);
+          expect(heap.remove()).toEqual(0);
+          expect(heap.size).toBe(0);
+        });
+      });
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/heaps/max-heap.js b/docs/content/ds/data-structures/heaps/max-heap.js
new file mode 100644
index 0000000000..46dbb89e8d
--- /dev/null
+++ b/docs/content/ds/data-structures/heaps/max-heap.js
@@ -0,0 +1,8 @@
+const Heap = require('./heap');
+
+class MaxHeap extends Heap {
+  constructor() {
+    super((a, b) => b - a);
+  }
+}
+module.exports = MaxHeap;
diff --git a/docs/content/ds/data-structures/heaps/median-heap.js b/docs/content/ds/data-structures/heaps/median-heap.js
new file mode 100644
index 0000000000..e829596359
--- /dev/null
+++ b/docs/content/ds/data-structures/heaps/median-heap.js
@@ -0,0 +1,75 @@
+const Heap = require('./heap');
+
+/**
+ * Median Heap using one MaxHeap and one MinHeap.
+ *
+ * Each heap contains about one half of the data.
+ * Every element in the min-heap is greater or equal to the median,
+ * and every element in the max-heap is less or equal to the median.
+ *
+ * @author Adrian Mejia <adrian@adrianmejia.com>
+ */
+class MedianHeap {
+  constructor() {
+    this.min = new Heap((a, b) => a - b);
+    this.max = new Heap((a, b) => b - a);
+  }
+
+  /**
+   * Add a value to the heap
+   * @runtime O(log n)
+   * @param {any} value
+   */
+  add(value) {
+    if (value > this.findMedian()) {
+      // If the new element is greater than the current median, it goes to the min-heap.
+      this.min.add(value);
+    } else {
+      // If it is less than the current median, it goes to the max heap.
+      this.max.add(value);
+    }
+
+    // rebalance if the sizes of the heaps differ by more than one element
+    if (Math.abs(this.min.size - this.max.size) > 1) {
+      // extract the min/max from the heap with more elements and insert it into the other heap.
+      if (this.min.size > this.max.size) {
+        this.max.add(this.min.remove());
+      } else {
+        this.min.add(this.max.remove());
+      }
+    }
+  }
+
+  /**
+   * Find median
+   * @runtime O(1)
+   */
+  findMedian() {
+    let median;
+
+    if (this.max.size === this.min.size) {
+      // When both heaps contain the same number of elements,
+      // the total number of elements is even.
+      // The median is the mean of the two middle elements.
+      median = (this.max.peek() + this.min.peek()) / 2;
+    } else if (this.max.size > this.min.size) {
+      // when the max-heap contains one more element than the min-heap,
+      //  the median is in the top of the max-heap.
+      median = this.max.peek();
+    } else {
+      // When the min-heap contains one more element than the max-heap,
+      // the median is in the top of the min-heap.
+      median = this.min.peek();
+    }
+    return median;
+  }
+
+  /**
+   * Return size of the heap.
+   */
+  get size() {
+    return this.min.size + this.max.size;
+  }
+}
+
+module.exports = MedianHeap;
diff --git a/docs/content/ds/data-structures/heaps/median-heap.spec.js b/docs/content/ds/data-structures/heaps/median-heap.spec.js
new file mode 100644
index 0000000000..4f7a8a6b1e
--- /dev/null
+++ b/docs/content/ds/data-structures/heaps/median-heap.spec.js
@@ -0,0 +1,61 @@
+const MedianHeap = require('./median-heap');
+
+describe('Median Heap', () => {
+  let medianHeap;
+
+  beforeEach(() => {
+    medianHeap = new MedianHeap();
+  });
+
+  describe('#add', () => {
+    it('should work', () => {
+      expect(medianHeap.add(1)).toEqual(undefined);
+      expect(medianHeap.size).toEqual(1);
+    });
+
+    it('should work with 2 additions', () => {
+      expect(medianHeap.add(1)).toEqual(undefined);
+      expect(medianHeap.add(1)).toEqual(undefined);
+      expect(medianHeap.size).toEqual(2);
+    });
+  });
+
+  describe('#findMedian', () => {
+    it('should work', () => {
+      medianHeap.add(5);
+      expect(medianHeap.findMedian()).toEqual(5);
+      medianHeap.add(15);
+      expect(medianHeap.findMedian()).toEqual(10);
+      medianHeap.add(10);
+      expect(medianHeap.findMedian()).toEqual(10);
+    });
+
+    it('should work with even numbers', () => {
+      const values = [5, 15, 1, 3];
+      const medians = values.map((v) => {
+        medianHeap.add(v);
+        return medianHeap.findMedian();
+      });
+      expect(medians).toEqual([5, 10, 5, 4]);
+    });
+
+    it('should work with odd numbers', () => {
+      const values = [2, 4, 7, 1, 5, 3];
+      const medians = values.map((v) => {
+        medianHeap.add(v);
+        return medianHeap.findMedian();
+      });
+      expect(medians).toEqual([2, 3, 4, 3, 4, 3.5]);
+    });
+
+    it('should work with negative numbers', () => {
+      const values = [-1, -2, -3];
+      const expected = [-1, -1.5, -2];
+      const medians = values.map((v) => {
+        medianHeap.add(v);
+        return medianHeap.findMedian();
+      });
+      expect(medians).toEqual(expected);
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/heaps/min-heap.js b/docs/content/ds/data-structures/heaps/min-heap.js
new file mode 100644
index 0000000000..0b77c76072
--- /dev/null
+++ b/docs/content/ds/data-structures/heaps/min-heap.js
@@ -0,0 +1,8 @@
+const Heap = require('./heap');
+
+class MinHeap extends Heap {
+  constructor() {
+    super((a, b) => a - b);
+  }
+}
+module.exports = MinHeap;
diff --git a/docs/content/ds/data-structures/heaps/priority-queue.js b/docs/content/ds/data-structures/heaps/priority-queue.js
new file mode 100644
index 0000000000..b81772e86e
--- /dev/null
+++ b/docs/content/ds/data-structures/heaps/priority-queue.js
@@ -0,0 +1,28 @@
+const Heap = require('./heap');
+
+class PriorityQueue extends Heap {
+  constructor(iterable = [], comparator = (a, b) => a[0] - b[0]) {
+    super(comparator);
+    Array.from(iterable).forEach((el) => this.add(el));
+  }
+
+  /**
+   * Add data to the Queue with Priority
+   * @param {[number, any]|any} value - Pair with [priority, value]
+   *  any object as value is also possible if a custom comparator is passed in.
+   * @returns {void}
+   */
+  enqueue(value) {
+    super.add(value);
+  }
+
+  /**
+   * Remove from the queue the element with the highest priority.
+   * @returns {[number, any]|any}
+   */
+  dequeue() {
+    return super.remove();
+  }
+}
+
+module.exports = PriorityQueue;
diff --git a/docs/content/ds/data-structures/heaps/priority-queue.spec.js b/docs/content/ds/data-structures/heaps/priority-queue.spec.js
new file mode 100644
index 0000000000..860480da8b
--- /dev/null
+++ b/docs/content/ds/data-structures/heaps/priority-queue.spec.js
@@ -0,0 +1,75 @@
+const { PriorityQueue } = require('../..');
+
+describe('Priorty Queue (as MinHeap default)', () => {
+  const num = 1;
+  const obj = { a: 1, b: 2 };
+  let pq;
+
+  describe('with default contructor', () => {
+    beforeEach(() => {
+      pq = new PriorityQueue();
+    });
+
+    describe('.enqueue', () => {
+      it('should enqueue [priority, element]', () => {
+        pq.enqueue([Infinity, 2]);
+        pq.enqueue([0, 1]);
+        pq.enqueue([100, { a: 1, b: 2 }]);
+        expect(pq.size).toEqual(3);
+        expect(pq.peek()).toEqual([0, 1]);
+      });
+    });
+
+    describe('.dequeue', () => {
+      it('should enqueue and dequeue elements on priority order', () => {
+        pq.enqueue([100, obj]);
+        pq.enqueue([Infinity, 2]);
+        pq.enqueue([0, num]);
+
+        expect(pq.dequeue()).toEqual([0, num]);
+        expect(pq.size).toEqual(2);
+        expect(pq.dequeue()).toEqual([100, obj]);
+        expect(pq.dequeue()).toEqual([Infinity, 2]);
+        expect(pq.size).toEqual(0);
+      });
+
+      it('should handle case when priorty was forgotten', () => {
+        expect(() => pq.enqueue({ a: 100 })).not.toThrow();
+        expect(() => pq.enqueue({ b: 200 })).toThrow();
+      });
+    });
+  });
+
+  describe('with default values', () => {
+    it('should add values on creation', () => {
+      pq = new PriorityQueue([[100, obj], [Infinity, 2], [0, num]]);
+      expect(pq.size).toEqual(3);
+      expect(pq.peek()).toEqual([0, num]);
+      expect(pq.dequeue()).toEqual([0, num]);
+      expect(pq.size).toEqual(2);
+    });
+  });
+
+  describe('with custom comparator', () => {
+    const alice = { name: 'Alice', grade: 80, assistance: 1 };
+    const bob = { name: 'Bob', grade: 93, assistance: 0.7 };
+    const ana = { name: 'Ana', grade: 98, assistance: 0.8 };
+
+    it('should become MaxPriortyQueue and compare objects', () => {
+      pq = new PriorityQueue([], (a, b) => b.grade * b.assistance - a.grade * a.assistance);
+      pq.enqueue(alice);
+      pq.enqueue(ana);
+      pq.enqueue(bob);
+      expect(pq.size).toEqual(3);
+      expect(pq.dequeue()).toEqual(alice);
+      expect(pq.dequeue()).toEqual(ana);
+      expect(pq.dequeue()).toEqual(bob);
+    });
+
+    it('should handle errors', () => {
+      pq = new PriorityQueue([], (a, b) => b.grade - a.grade);
+      expect(() => pq.enqueue(alice)).not.toThrow();
+      expect(() => pq.enqueue({ name: 'Oops', error: 98 })).toThrow();
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/linked-lists/README.adoc b/docs/content/ds/data-structures/linked-lists/README.adoc
new file mode 100644
index 0000000000..62290fddf9
--- /dev/null
+++ b/docs/content/ds/data-structures/linked-lists/README.adoc
@@ -0,0 +1 @@
+include::../../../book/content/part02/linked-list.asc[]
diff --git a/docs/content/ds/data-structures/linked-lists/linked-list-1.js b/docs/content/ds/data-structures/linked-lists/linked-list-1.js
new file mode 100644
index 0000000000..458631cce2
--- /dev/null
+++ b/docs/content/ds/data-structures/linked-lists/linked-list-1.js
@@ -0,0 +1,116 @@
+const Node = require('./node');
+
+/**
+ * Singly linked list
+ */
+class LinkedList {
+  constructor() {
+    this.first = null; // head/root element
+  }
+
+  /**
+   * Adds element to the end of the list (tail). Similar to Array.push
+   * Runtime: O(n)
+   * @param {any} value
+   */
+  addLast(value) {
+    const node = new Node(value);
+
+    if (this.first) {
+      let currentNode = this.first;
+      while (currentNode && currentNode.next) {
+        currentNode = currentNode.next;
+      }
+      currentNode.next = node;
+    } else {
+      this.first = node;
+    }
+  }
+
+  /**
+   * Removes element from the start of the list (head/root). similar Array.shift
+   * Runtime: O(1)
+   */
+  removeFirst() {
+    const first = this.first;
+
+    if (first) {
+      this.first = first.next;
+      return first.value;
+    }
+  }
+
+  /**
+   * Adds element to the begining of the list. Similar to Array.unshift
+   * Runtime: O(1)
+   * @param {any} value
+   */
+  addFirst(value) {
+    const node = new Node(value);
+    node.next = this.first;
+    this.first = node;
+  }
+
+  /**
+   * Removes element to the end of the list
+   * similar to Array.pop
+   * Runtime: O(n)
+   */
+  removeLast() {
+    let current = this.first;
+    let target;
+
+    if (current && current.next) {
+      while (current && current.next && current.next.next) {
+        current = current.next;
+      }
+      target = current.next;
+      current.next = null;
+    } else {
+      this.first = null;
+      target = current;
+    }
+
+    if (target) {
+      return target.value;
+    }
+  }
+
+  /**
+   * Find first occurence of the element matching the value
+   * return index or undefined
+   * Runtime: O(n)
+   * @param {any} value
+   */
+  contains(value) {
+    for (let current = this.first, index = 0; current; index++, current = current.next) {
+      if (current.value === value) {
+        return index;
+      }
+    }
+  }
+
+  /**
+   * Remove the nth element from the list. Starting with 0
+   * Returns value if found or undefined if it was not found
+   * Runtime: O(n)
+   * @param {any} nth
+   */
+  removeAt(nth) {
+    if (nth === 0) {
+      return this.removeFirst();
+    }
+
+    for (let current = this.first, index = 0; current; index++, current = current.next) {
+      if (index === nth) {
+        if (!current.next) { // if it doesn't have next it means that it is the last
+          return this.removeLast();
+        }
+        current.previous = current.next;
+        return current.value;
+      }
+    }
+  }
+}
+
+module.exports = LinkedList;
diff --git a/docs/content/ds/data-structures/linked-lists/linked-list-2.js b/docs/content/ds/data-structures/linked-lists/linked-list-2.js
new file mode 100644
index 0000000000..7acc8e9794
--- /dev/null
+++ b/docs/content/ds/data-structures/linked-lists/linked-list-2.js
@@ -0,0 +1,130 @@
+const Node = require('./node');
+
+/**
+ * Singly linked list with `last` element reference
+ */
+class LinkedList {
+  constructor() {
+    this.first = null; // head/root element
+    this.last = null;
+  }
+
+  /**
+   * Adds element to the end of the list (tail). Similar to Array.push
+   * Using the element last reference instead of finding last, we can reduce the runtime from O(n) to O(1)
+   * Runtime: O(1)
+   * @param {any} value
+   */
+  addLast(value) {
+    const node = new Node(value);
+
+    if (this.first) {
+      const currentNode = this.first;
+      this.last.next = node;
+      this.last = node;
+    } else {
+      this.first = node;
+      this.last = node;
+    }
+  }
+
+  /**
+   * Removes element from the start of the list (head/root). similar Array.shift
+   * Runtime: O(1)
+   */
+  removeFirst() {
+    const first = this.first;
+
+    if (first) {
+      this.first = first.next;
+      return first.value;
+    }
+    this.last = null;
+  }
+
+  /**
+   * Adds element to the begining of the list. Similar to Array.unshift
+   * Runtime: O(1)
+   * @param {any} value
+   */
+  addFirst(value) {
+    const node = new Node(value);
+    node.next = this.first;
+    if (!this.first) {
+      this.last = node;
+    }
+    this.first = node;
+  }
+
+  /**
+   * Removes element to the end of the list
+   * similar to Array.pop
+   * Runtime: O(n)
+   */
+  removeLast() {
+    let current = this.first;
+    let target;
+
+    if (current && current.next) {
+      while (current && current.next && current.next.next) {
+        current = current.next;
+      }
+      this.last = current;
+      target = current.next;
+      current.next = null;
+    } else {
+      this.first = null;
+      this.last = null;
+      target = current;
+    }
+
+    if (target) {
+      return target.value;
+    }
+  }
+
+  /**
+   * Find first occurence of the element matching the value
+   * return index or undefined
+   * Runtime: O(n)
+   * @param {any} value
+   */
+  contains(value) {
+    for (let current = this.first, index = 0; current; index++, current = current.next) {
+      if (current.value === value) {
+        return index;
+      }
+    }
+  }
+
+  /**
+   * Remove the nth element from the list. Starting with 0
+   * Returns value if found or undefined if it was not found
+   * Runtime: O(n)
+   * @param {any} nth
+   */
+  removeAt(nth) {
+    if (nth === 0) {
+      return this.removeFirst();
+    }
+
+    for (let current = this.first, index = 0; current; index++, current = current.next) {
+      if (index === nth) {
+        if (!current.next) { // if it doesn't have next it means that it is the last
+          return this.removeLast();
+        }
+        current.previous = current.next;
+        this.size--;
+        return current.value;
+      }
+    }
+  }
+}
+
+// Aliases
+LinkedList.prototype.add = LinkedList.prototype.push = LinkedList.prototype.addLast;
+LinkedList.prototype.remove = LinkedList.prototype.pop = LinkedList.prototype.removeLast;
+LinkedList.prototype.unshift = LinkedList.prototype.addFirst;
+LinkedList.prototype.shift = LinkedList.prototype.removeFirst;
+
+module.exports = LinkedList;
diff --git a/docs/content/ds/data-structures/linked-lists/linked-list.js b/docs/content/ds/data-structures/linked-lists/linked-list.js
new file mode 100644
index 0000000000..987069ca81
--- /dev/null
+++ b/docs/content/ds/data-structures/linked-lists/linked-list.js
@@ -0,0 +1,330 @@
+const util = require('util');
+const Node = require('./node'); // Doubly
+
+// tag::constructor[]
+/**
+ * Doubly linked list that keeps track of
+ * the last and first element
+ */
+class LinkedList {
+  constructor(
+    iterable = [],
+    // end::constructor[]
+    ListNode = Node, // Node class (e.g. singly, doubly, multilevel)
+    // tag::constructor[]
+  ) {
+    this.first = null; // head/root element
+    this.last = null; // last element of the list
+    this.size = 0; // total number of elements in the list
+    // end::constructor[]
+    this.ListNode = ListNode; // ListNode class
+    // tag::constructor[]
+
+    Array.from(iterable, (i) => this.addLast(i));
+  }
+  // end::constructor[]
+
+  // tag::addFirst[]
+  /**
+   * Adds element to the begining of the list. Similar to Array.unshift
+   * Runtime: O(1)
+   * @param {Node} value
+   */
+  addFirst(value) {
+    const newNode = new this.ListNode(value);
+
+    newNode.next = this.first;
+
+    if (this.first) { // check if first node exists (list not empty)
+      this.first.previous = newNode; // <1>
+    } else { // if list is empty, first & last will point to newNode.
+      this.last = newNode;
+    }
+
+    this.first = newNode; // update head
+    this.size += 1;
+
+    return newNode;
+  }
+  // end::addFirst[]
+
+  // tag::addLast[]
+  /**
+   * Adds element to the end of the list (tail). Similar to Array.push
+   * Using the element last reference instead of navigating through the list,
+   * we can reduced from linear to a constant runtime.
+   * Runtime: O(1)
+   * @param {any} value node's value
+   * @returns {Node} newly created node
+   */
+  addLast(value) {
+    const newNode = new Node(value);
+
+    if (this.first) { // check if first node exists (list not empty)
+      newNode.previous = this.last;
+      this.last.next = newNode;
+      this.last = newNode;
+    } else { // if list is empty, first & last will point to newNode.
+      this.first = newNode;
+      this.last = newNode;
+    }
+
+    this.size += 1;
+
+    return newNode;
+  }
+  // end::addLast[]
+
+  // tag::addMiddle[]
+  /**
+   * Insert new element at the given position (index)
+   *
+   * Runtime: O(n)
+   *
+   * @param {any} value new node's value
+   * @param {Number} position position to insert element
+   * @returns {Node|undefined} new node or 'undefined' if the index is out of bound.
+   */
+  addAt(value, position = 0) {
+    if (position === 0) return this.addFirst(value); // <1>
+    if (position === this.size) return this.addLast(value); // <2>
+
+    // Adding element in the middle
+    const current = this.findBy({ index: position }).node;
+    if (!current) return undefined; // out of bound index
+
+    const newNode = new Node(value); // <3>
+    newNode.previous = current.previous; // <4>
+    newNode.next = current; // <5>
+    current.previous.next = newNode; // <6>
+    current.previous = newNode; // <7>
+    this.size += 1;
+    return newNode;
+  }
+  // end::addMiddle[]
+
+  // tag::searchByValue[]
+  /**
+   * @deprecated use findBy
+   * Search by value. It finds first occurrence  of
+   * the position of element matching the value.
+   * Similar to Array.indexOf.
+   *
+   * Runtime: O(n)
+   *
+   * @example: assuming a linked list with: a -> b -> c
+   *  linkedList.getIndexByValue('b') // ↪️ 1
+   *  linkedList.getIndexByValue('z') // ↪️ undefined
+   * @param {any} value
+   * @returns {number} return index or undefined
+   */
+  getIndexByValue(value) {
+    return this.findBy({ value }).index;
+  }
+  // end::searchByValue[]
+
+  // tag::searchByIndex[]
+  /**
+   * @deprecated use findBy directly
+   * Search by index
+   * Runtime: O(n)
+   * @example: assuming a linked list with: a -> b -> c
+   *  linkedList.get(1) // ↪️ 'b'
+   *  linkedList.get(40) // ↪️ undefined
+   * @param {Number} index position of the element
+   * @returns {Node|undefined} element at the specified position in
+   *   this list or undefined if was not found.
+   */
+  get(index = 0) {
+    return this.findBy({ index }).node;
+  }
+  // end::searchByIndex[]
+
+  // tag::find[]
+  /**
+   * Find by index or by value, whichever happens first.
+   * Runtime: O(n)
+   * @example
+   *  this.findBy({ index: 10 }).node; // node at index 10.
+   *  this.findBy({ value: 10 }).node; // node with value 10.
+   *  this.findBy({ value: 10 }).index; // node's index with value 10.
+   *
+   * @param {Object} params - The search params
+   * @param {number} params.index - The index/position to search for.
+   * @param {any} params.value - The value to search for.
+   * @returns {{node: any, index: number}}
+   */
+  findBy({ value, index = Infinity } = {}) {
+    for (let current = this.first, position = 0; // <1>
+      current && position <= index; // <2>
+      position += 1, current = current.next) { // <3>
+      if (position === index || value === current.value) { // <4>
+        return { node: current, index: position }; // <5>
+      }
+    }
+    return {}; // not found
+  }
+  // end::find[]
+
+
+  // tag::removeFirst[]
+  /**
+   * Removes element from the start of the list (head/root).
+   * Similar to Array.shift().
+   * Runtime: O(1)
+   * @returns {any} the first element's value which was removed.
+   */
+  removeFirst() {
+    if (!this.first) return null; // Check if list is already empty.
+    const head = this.first;
+
+    this.first = head.next; // move first pointer to the next element.
+    if (this.first) {
+      this.first.previous = null;
+    } else { // if list has size zero, then we need to null out last.
+      this.last = null;
+    }
+    this.size -= 1;
+    return head.value;
+  }
+  // end::removeFirst[]
+
+  // tag::removeLast[]
+  /**
+   * Removes element to the end of the list.
+   * Similar to Array.pop().
+   * Runtime: O(1)
+   * @returns {any} the last element's value which was removed
+   */
+  removeLast() {
+    if (!this.last) return null; // Check if list is already empty.
+    const tail = this.last;
+
+    this.last = tail.previous;
+    if (this.last) {
+      this.last.next = null;
+    } else { // if list has size zero, then we need to null out first.
+      this.first = null;
+    }
+    this.size -= 1;
+    return tail.value;
+  }
+  // end::removeLast[]
+
+  // tag::removeByPosition[]
+  /**
+   * Removes the element at the given position (index) in this list.
+   * Runtime: O(n)
+   * @param {any} position
+   * @returns {any} the element's value at the specified position that was removed.
+   */
+  removeByPosition(position = 0) {
+    if (position === 0) return this.removeFirst();
+    if (position === this.size - 1) return this.removeLast();
+    const current = this.findBy({ index: position }).node;
+    if (!current) return null;
+    current.previous.next = current.next;
+    current.next.previous = current.previous;
+    this.size -= 1;
+    return current && current.value;
+  }
+  // end::removeByPosition[]
+
+  /**
+   * Remove element by Node
+   * O(1)
+   */
+  removeByNode(node) {
+    if (!node) { return null; }
+    if (node === this.first) {
+      return this.removeFirst();
+    }
+    if (node === this.last) {
+      return this.removeLast();
+    }
+    node.previous.next = node.next;
+    node.next.previous = node.previous;
+    this.size -= 1;
+
+    return node.value;
+  }
+
+  /**
+   * Iterate through the list yield on each node
+   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#User-defined_iterables
+   */
+  * [Symbol.iterator]() {
+    for (let node = this.first; node; node = node.next) {
+      yield node;
+    }
+  }
+
+  toString() {
+    const parts = [...this]; // see [Symbol.iterator]()
+    return parts.map((n) => util.inspect(n.value)).join(' -> ');
+  }
+
+  /**
+   * Alias for size
+   */
+  get length() {
+    return this.size;
+  }
+
+  /**
+   * @deprecated use findBy
+   * Iterate through the list until callback returns a truthy value
+   * @example see #get and  #getIndexByValue
+   * @param {Function} callback evaluates current node and index.
+   *  If any value other than undefined it's returned it will stop the search.
+   * @returns {any} callbacks's return value or undefined
+   */
+  find(callback) {
+    for (let current = this.first, position = 0; // <1>
+      current; // <2>
+      position += 1, current = current.next) { // <3>
+      const result = callback(current, position); // <4>
+
+      if (result !== undefined) {
+        return result; // <5>
+      }
+    }
+    return undefined; // not found
+  }
+
+  /**
+   * @deprecated use removeByNode or removeByPosition
+   * Removes the first occurrence of the specified elementt
+   * from this list, if it is present.
+   * Runtime: O(n)
+   * @param {any} callbackOrIndex callback or position index to remove
+   */
+  remove(callbackOrIndex) {
+    if (typeof callbackOrIndex !== 'function') {
+      return this.removeByPosition(parseInt(callbackOrIndex, 10) || 0);
+    }
+
+    // find desired position to remove using #find
+    const position = this.find((node, index) => {
+      if (callbackOrIndex(node, index)) {
+        return index;
+      }
+      return undefined;
+    });
+
+    if (position !== undefined) { // zero-based position.
+      return this.removeByPosition(position);
+    }
+
+    return false;
+  }
+}
+
+// Aliases
+LinkedList.prototype.push = LinkedList.prototype.addLast;
+LinkedList.prototype.pop = LinkedList.prototype.removeLast;
+LinkedList.prototype.unshift = LinkedList.prototype.addFirst;
+LinkedList.prototype.shift = LinkedList.prototype.removeFirst;
+LinkedList.prototype.search = LinkedList.prototype.contains;
+
+module.exports = LinkedList;
diff --git a/docs/content/ds/data-structures/linked-lists/linked-list.spec.js b/docs/content/ds/data-structures/linked-lists/linked-list.spec.js
new file mode 100644
index 0000000000..8285e31643
--- /dev/null
+++ b/docs/content/ds/data-structures/linked-lists/linked-list.spec.js
@@ -0,0 +1,452 @@
+const { LinkedList } = require('../../index');
+
+describe('LinkedList Test', () => {
+  let linkedList;
+
+  beforeEach(() => {
+    linkedList = new LinkedList();
+  });
+
+  describe('#addLast', () => {
+    it('should add element to end/tail of the list', () => {
+      linkedList.addLast('a');
+      expect(linkedList.first.value).toBe('a');
+      expect(linkedList.last.value).toBe('a');
+    });
+
+    it('should link values', () => {
+      linkedList.addLast('a');
+      linkedList.addLast('b');
+      linkedList.addLast('c');
+
+      expect(linkedList.last.value).toBe('c');
+      expect(linkedList.first.value).toBe('a');
+      expect(linkedList.first.next.value).toBe('b');
+      expect(linkedList.first.next.next.value).toBe('c');
+    });
+  });
+
+  describe('#removeFirst', () => {
+    beforeEach(() => {
+      linkedList.addLast('a');
+      linkedList.addLast('b');
+    });
+
+    it('should remove with only one element', () => {
+      linkedList = new LinkedList();
+      linkedList.addLast('a');
+
+      expect(linkedList.removeFirst()).toBe('a');
+
+      expect(linkedList.size).toBe(0);
+      expect(linkedList.first).toBe(null);
+      expect(linkedList.last).toBe(null);
+    });
+
+    it('should remove first item: a', () => {
+      expect(linkedList.removeFirst()).toBe('a');
+      expect(linkedList.first.value).toBe('b');
+      expect(linkedList.first.next).toBe(null);
+
+      expect(linkedList.last.value).toBe('b');
+
+      expect(linkedList.removeFirst()).toBe('b');
+      expect(linkedList.removeFirst()).toBe(null);
+
+      expect(linkedList.first).toBe(null);
+      expect(linkedList.last).toBe(null);
+      expect(linkedList.size).toBe(0);
+    });
+  });
+
+  describe('#addFirst', () => {
+    it('add 1 element to the head/root of the list', () => {
+      linkedList.addFirst('a');
+      expect(linkedList.first.value).toBe('a');
+      expect(linkedList.last.value).toBe('a');
+    });
+
+    it('add 2 elements to the head/root of the list', () => {
+      linkedList.addFirst('a');
+      linkedList.addFirst('b');
+      expect(linkedList.first.value).toBe('b');
+      expect(linkedList.first.next.value).toBe('a');
+
+      expect(linkedList.last.value).toBe('a');
+    });
+  });
+
+  describe('#removeLast', () => {
+    beforeEach(() => {
+      linkedList.addLast('a');
+      linkedList.addLast('b');
+      linkedList.addLast('c');
+    });
+
+    it('should remove first item', () => {
+      expect(linkedList.size).toBe(3);
+      expect(linkedList.first.value).toBe('a');
+      expect(linkedList.last.value).toBe('c');
+
+      expect(linkedList.removeLast()).toBe('c');
+      expect(linkedList.last.value).toBe('b');
+      expect(linkedList.first.value).toBe('a');
+      expect(linkedList.size).toBe(2);
+
+      expect(linkedList.removeLast()).toBe('b');
+      expect(linkedList.last.value).toBe('a');
+      expect(linkedList.first.value).toBe('a');
+      expect(linkedList.first.next).toBe(null);
+      expect(linkedList.size).toBe(1);
+
+      expect(linkedList.removeLast()).toBe('a');
+      expect(linkedList.first).toBe(null);
+      expect(linkedList.last).toBe(null);
+      expect(linkedList.removeLast()).toBe(null);
+      expect(linkedList.size).toBe(0);
+
+      expect(linkedList.first).toBe(null);
+      expect(linkedList.last).toBe(null);
+    });
+  });
+
+  describe('with elements', () => {
+    beforeEach(() => {
+      linkedList.addLast(0);
+      linkedList.addLast('found');
+    });
+
+    describe('#length', () => {
+      it('should have length property', () => {
+        expect(linkedList.length).toBe(2);
+      });
+    });
+
+    describe('#getIndexByValue', () => {
+      it('should find element index', () => {
+        expect(linkedList.getIndexByValue(0)).toBe(0);
+        expect(linkedList.getIndexByValue('found')).toBe(1);
+      });
+
+      it('should return undefined', () => {
+        expect(linkedList.getIndexByValue('hola')).toBe(undefined);
+      });
+    });
+
+    describe('#get', () => {
+      it('should get the element at index 1', () => {
+        expect(linkedList.get(1).value).toBe('found');
+        expect(linkedList.get(0).value).toBe(0);
+      });
+
+      it('should return undefined when index is out of bound', () => {
+        expect(linkedList.get(1000)).toBe(undefined);
+      });
+    });
+
+    describe('#remove', () => {
+      it('should remove element and return value', () => {
+        expect(linkedList.size).toBe(2);
+        expect(linkedList.remove(1)).toBe('found');
+        expect(linkedList.size).toBe(1);
+
+        expect(linkedList.remove(0)).toBe(0);
+        expect(linkedList.size).toBe(0);
+      });
+
+      it('should return undefined if not found', () => {
+        expect(linkedList.remove(2)).toBe(null);
+        expect(linkedList.remove(-2)).toBe(null);
+      });
+
+      it('should update size, last and first', () => {
+        expect(linkedList.remove(0)).toBe(0);
+        expect(linkedList.size).toBe(1);
+        expect(linkedList.remove(0)).toBe('found');
+        expect(linkedList.size).toBe(0);
+        expect(linkedList.remove(0)).toBe(null);
+        expect(linkedList.size).toBe(0);
+        expect(linkedList.first).toBe(null);
+        expect(linkedList.last).toBe(null);
+      });
+    });
+
+    describe('#addAt', () => {
+      it('should insert at the beginning', () => {
+        const newNode = linkedList.addAt('first', 0);
+        expect(newNode.value).toBe('first');
+        expect(newNode.next.value).toBe(0);
+        expect(linkedList.size).toBe(3);
+        expect(linkedList.first).toBe(newNode);
+      });
+
+      it('should insert at the middle', () => {
+        const newNode = linkedList.addAt('middle', 1);
+        expect(newNode.value).toBe('middle');
+        // checking the 4 surrounding links were updated
+        expect(newNode.next.value).toBe('found');
+        expect(newNode.previous.value).toBe(0);
+        expect(linkedList.get(0).next.value).toBe('middle');
+        expect(linkedList.get(2).previous.value).toBe('middle');
+
+        expect(linkedList.size).toBe(3);
+        expect(linkedList.first.value).toBe(0);
+      });
+
+      it('should insert at the end', () => {
+        const newNode = linkedList.addAt('end', 2);
+        expect(newNode.value).toBe('end');
+        expect(newNode.next).toBe(null);
+        expect(newNode.previous.value).toBe('found');
+        expect(linkedList.size).toBe(3);
+        expect(linkedList.last.value).toBe('end');
+      });
+
+      it('should not insert out of bound', () => {
+        const newNode = linkedList.addAt('out-of-bound', 3);
+        expect(newNode).toBe(undefined);
+        expect(linkedList.last.value).toBe('found');
+        expect(linkedList.size).toBe(2);
+      });
+    });
+
+    describe('#removeByPosition', () => {
+      it('should remove last element', () => {
+        expect(linkedList.length).toBe(2);
+        expect(linkedList.removeByPosition(1)).toBe('found');
+        expect(linkedList.length).toBe(1);
+      });
+
+      it('should remove first element', () => {
+        expect(linkedList.length).toBe(2);
+        expect(linkedList.removeByPosition(0)).toBe(0);
+        expect(linkedList.length).toBe(1);
+      });
+    });
+
+    describe('#removeByNode', () => {
+      it('should remove first node', () => {
+        const node = linkedList.first;
+        linkedList.removeByNode(node);
+        expect(linkedList.first.value).toEqual('found');
+        expect(linkedList.first.previous).toEqual(null);
+        expect(linkedList.size).toEqual(1);
+      });
+
+      it('should remove last node', () => {
+        const node = linkedList.last;
+        linkedList.removeByNode(node);
+        expect(linkedList.first.value).toEqual(0);
+        expect(linkedList.first.next).toEqual(null);
+        expect(linkedList.size).toEqual(1);
+      });
+
+      it('should remove from the middle', () => {
+        const node = linkedList.first;
+        linkedList.addLast('last');
+        linkedList.removeByNode(node);
+        expect(linkedList.first.next).toEqual(linkedList.last);
+        expect(linkedList.last.previous).toEqual(linkedList.first);
+        expect(linkedList.size).toEqual(2);
+      });
+    });
+  });
+
+  describe('Doubly Linked List and aliases', () => {
+    describe('#addLast', () => {
+      beforeEach(() => {
+        linkedList.addLast('a');
+        linkedList.addLast('b');
+        linkedList.addLast('c');
+        linkedList.addLast('d');
+      });
+
+      it('should have a reference to previous node on the last element', () => {
+        // expect(linkedList.last.value).toBe('d');
+        expect(linkedList.last.previous.value).toBe('c');
+        expect(linkedList.size).toBe(4);
+      });
+
+      it('should have a reference to previous node on the first element', () => {
+        expect(linkedList.first.previous).toBe(null);
+      });
+
+      it('should have a reference to previous node on the 2nd element', () => {
+        // expect(linkedList.first.next.value).toBe('b');
+        expect(linkedList.first.next.previous.value).toBe('a');
+      });
+    });
+
+    describe('#removeFirst', () => {
+      beforeEach(() => {
+        linkedList.addLast('a');
+        linkedList.addLast('b');
+        linkedList.addLast('c');
+        linkedList.addLast('d');
+
+        linkedList.removeFirst();
+      });
+
+      it('should update reference when removing first', () => {
+        // b -> c -> d
+        expect(linkedList.first.next.previous.value).toBe('b');
+        // expect(linkedList.first.value).toBe('b');
+        expect(linkedList.first.previous).toBe(null);
+        expect(linkedList.size).toBe(3);
+      });
+
+      it('should keep previous updated when deleting everything', () => {
+        linkedList.removeFirst();
+        expect(linkedList.size).toBe(2);
+        // c -> d
+        // expect(linkedList.first.value).toBe('c');
+        expect(linkedList.first.previous).toBe(null);
+        expect(linkedList.first.next.previous.value).toBe('c');
+
+        linkedList.removeFirst();
+        // d
+        expect(linkedList.first.value).toBe('d');
+        expect(linkedList.first.previous).toBe(null);
+        expect(linkedList.first.next).toBe(null);
+
+        linkedList.removeFirst();
+        expect(linkedList.first).toBe(null);
+
+        linkedList.removeFirst();
+        expect(linkedList.size).toBe(0);
+      });
+    });
+
+    describe('#addFirst', () => {
+      beforeEach(() => {
+        linkedList.addFirst('b');
+        linkedList.addFirst('a');
+      });
+
+      it('should have a previous reference', () => {
+        expect(linkedList.last.value).toBe('b');
+        expect(linkedList.last.previous.value).toBe('a');
+        expect(linkedList.first.previous).toBe(null);
+        expect(linkedList.size).toBe(2);
+      });
+    });
+
+    describe('#removeLast (and aliases)', () => {
+      beforeEach(() => {
+        // a -> b -> c
+        linkedList.push('b');
+        linkedList.unshift('a');
+        linkedList.addLast('c');
+      });
+
+      it('should do nothing with previous', () => {
+        expect(linkedList.size).toBe(3);
+        expect(linkedList.removeLast()).toBe('c');
+        expect(linkedList.pop()).toBe('b');
+        expect(linkedList.remove()).toBe('a');
+        expect(linkedList.shift()).toBe(null);
+        linkedList.removeLast();
+        expect(linkedList.size).toBe(0);
+      });
+    });
+
+    describe('#remove with callback', () => {
+      const a = { k: 1, v: 'a' };
+      const b = { k: 2, v: 'b' };
+      const c = { k: 3, v: 'c' };
+
+      beforeEach(() => {
+        // a -> b -> c
+        linkedList.push(b);
+        linkedList.unshift(a);
+        linkedList.addLast(c);
+      });
+
+      it('should remove head', () => {
+        linkedList.remove((node) => {
+          if (node.value.v === 'a') {
+            return true;
+          }
+          return false;
+        });
+        expect(linkedList.first.value).toMatchObject(b);
+        expect(linkedList.first.next.value).toMatchObject(c);
+        expect(linkedList.last.value).toMatchObject(c);
+        expect(linkedList.size).toBe(2);
+      });
+
+      it('should remove middle', () => {
+        linkedList.remove((node) => {
+          if (node.value.v === 'b') {
+            return true;
+          }
+          return false;
+        });
+        expect(linkedList.size).toBe(2);
+        expect(linkedList.first.value).toMatchObject(a);
+        expect(linkedList.first.next.value).toMatchObject(c);
+        expect(linkedList.first.previous).toBe(null);
+        expect(linkedList.last.value).toMatchObject(c);
+        expect(linkedList.last.previous.value).toMatchObject(a);
+      });
+
+      it('should remove last', () => {
+        linkedList.remove((node) => {
+          if (node.value.v === 'c') {
+            return true;
+          }
+          return false;
+        });
+        expect(linkedList.size).toBe(2);
+        expect(linkedList.first.value).toMatchObject(a);
+        expect(linkedList.first.next.value).toMatchObject(b);
+        expect(linkedList.last.value).toMatchObject(b);
+      });
+
+      it('should remove none if not found', () => {
+        linkedList.remove((node) => {
+          if (node.value.v === 'z') {
+            return true;
+          }
+          return false;
+        });
+        expect(linkedList.size).toBe(3);
+        expect(linkedList.first.value).toMatchObject(a);
+        expect(linkedList.first.next.value).toMatchObject(b);
+        expect(linkedList.last.value).toMatchObject(c);
+      });
+    });
+
+    describe('#toString', () => {
+      beforeEach(() => {
+        linkedList.addLast('a');
+        linkedList.addLast(2);
+        linkedList.addLast('c');
+        linkedList.addLast({ k: 4, v: 'd' });
+      });
+
+      it('get string', () => {
+        expect(linkedList.toString()).toBe("'a' -> 2 -> 'c' -> { k: 4, v: 'd' }");
+      });
+    });
+
+
+    describe('iterator', () => {
+      let a;
+      let b;
+      let c;
+      let d;
+      beforeEach(() => {
+        a = linkedList.addLast('a');
+        b = linkedList.addLast('b');
+        c = linkedList.addLast('c');
+        d = linkedList.addLast('d');
+      });
+
+      it('should convert to array of nodes', () => {
+        expect([...linkedList]).toEqual([a, b, c, d]);
+        expect(Array.from(linkedList)).toEqual([a, b, c, d]);
+      });
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/linked-lists/node-1.js b/docs/content/ds/data-structures/linked-lists/node-1.js
new file mode 100644
index 0000000000..35a4624a19
--- /dev/null
+++ b/docs/content/ds/data-structures/linked-lists/node-1.js
@@ -0,0 +1,11 @@
+/**
+ * Simple node of a Linked List
+ */
+class Node {
+  constructor(value) {
+    this.value = value;
+    this.next = null;
+  }
+}
+
+module.exports = Node;
diff --git a/docs/content/ds/data-structures/linked-lists/node.js b/docs/content/ds/data-structures/linked-lists/node.js
new file mode 100644
index 0000000000..0d3147f57b
--- /dev/null
+++ b/docs/content/ds/data-structures/linked-lists/node.js
@@ -0,0 +1,18 @@
+// tag::snippet[]
+/**
+ * Linked List Node
+ */
+// tag::singly[]
+class Node {
+  constructor(value = null) {
+    this.value = value;
+    this.next = null;
+    // end::singly[]
+    this.previous = null; // if doubly linked list
+    // tag::singly[]
+  }
+}
+// end::singly[]
+// end::snippet[]
+
+module.exports = Node;
diff --git a/docs/content/ds/data-structures/maps/README.adoc b/docs/content/ds/data-structures/maps/README.adoc
new file mode 100644
index 0000000000..b5eaa146e6
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/README.adoc
@@ -0,0 +1,7 @@
+include::../../../book/content/part03/map.asc[]
+
+<<<
+include::../../../book/content/part02/hash-map.asc[]
+
+<<<
+include::../../../book/content/part03/tree-map.asc[]
diff --git a/docs/content/ds/data-structures/maps/hash-maps/hash-map-1.js b/docs/content/ds/data-structures/maps/hash-maps/hash-map-1.js
new file mode 100644
index 0000000000..4deec02c95
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/hash-map-1.js
@@ -0,0 +1,76 @@
+/**
+ * Naïve HashMap implementation
+ *
+ * Hash function uses the length of the string (very bad)
+ * Just for illustration purposes
+ */
+class HashMap {
+  /**
+   * Initialize array that holds the values. Default is size 1,000
+   * @param {number} initialCapacity
+   */
+  constructor(initialCapacity = 2) {
+    this.buckets = new Array(initialCapacity);
+  }
+
+  /**
+   * Insert a key/value pair into the hash map
+   * It doesn't handle collisions
+   * @param {any} key
+   * @param {any} value
+   */
+  set(key, value) {
+    const index = this.getIndex(key);
+    this.buckets[index] = value;
+  }
+
+  /**
+   * Gets the value out of the hash map
+   * @param {any} key
+   */
+  get(key) {
+    const index = this.getIndex(key);
+    return this.buckets[index];
+  }
+
+  /**
+   * Very bad hash function that causes tons of collisions
+   * @param {any} key
+   */
+  hash(key) {
+    return key.toString().length;
+  }
+
+  /**
+   * Get the array index after applying the hash funtion to the given key
+   * @param {any} key
+   */
+  getIndex(key) {
+    const indexHash = this.hash(key);
+    const index = indexHash % this.buckets.length;
+    return index;
+  }
+}
+
+module.exports = HashMap;
+
+// // Usage:
+// const assert = require('assert');
+
+// const hashMap = new HashMap();
+
+// hashMap.set('cat', 2);
+// hashMap.set('rat', 7);
+// hashMap.set('dog', 1);
+// hashMap.set('art', 8);
+
+// console.log(hashMap.buckets);
+// /*
+//   bucket #0: <1 empty item>,
+//   bucket #1: 8
+// */
+
+// assert.equal(hashMap.get('art'), 8); // this one is ok
+// assert.equal(hashMap.get('cat'), 8); // got overwritten by art 😱
+// assert.equal(hashMap.get('rat'), 8); // got overwritten by art 😱
+// assert.equal(hashMap.get('dog'), 8); // got overwritten by art 😱
diff --git a/docs/content/ds/data-structures/maps/hash-maps/hash-map-2.js b/docs/content/ds/data-structures/maps/hash-maps/hash-map-2.js
new file mode 100644
index 0000000000..bd2b0254f0
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/hash-map-2.js
@@ -0,0 +1,132 @@
+/**
+ * Hash Map data structure implementation
+ * Hash uses string code. Doesn't support overwrite.
+ */
+class HashMap {
+  /**
+   * Initialize array that holds the values. Default is size 1,000
+   * @param {number} initialCapacity
+   */
+  constructor(initialCapacity = 2) {
+    this.buckets = new Array(initialCapacity);
+    this.collisions = 0;
+  }
+
+  /**
+   * insert a key/value pair into the hash map
+   * @param {any} key
+   * @param {any} value
+   */
+  set(key, value) {
+    const bucketIndex = this.getIndex(key);
+    if (this.buckets[bucketIndex]) {
+      this.buckets[bucketIndex].push({ key, value });
+      if (this.buckets[bucketIndex].length > 1) { this.collisions++; }
+    } else {
+      this.buckets[bucketIndex] = [{ key, value }];
+    }
+    return this;
+  }
+
+  /**
+   * Gets the value out of the hash map
+   * @param {any} key
+   */
+  get(key) {
+    const bucketIndex = this.getIndex(key);
+    for (let arrayIndex = 0; arrayIndex < this.buckets[bucketIndex].length; arrayIndex++) {
+      const entry = this.buckets[bucketIndex][arrayIndex];
+      if (entry.key === key) {
+        return entry.value;
+      }
+    }
+  }
+
+  /**
+   * This hash function returns the sum of the char codes.
+   * Limitation same characters return the same code regardless of the order
+   * @param {any} key
+   */
+  hash(key) {
+    let hashValue = 0;
+    const stringTypeKey = `${key}${typeof key}`;
+
+    for (let index = 0; index < stringTypeKey.length; index++) {
+      const charCode = stringTypeKey.charCodeAt(index);
+      hashValue += charCode << (index * 8);
+    }
+
+    return hashValue;
+  }
+
+  /**
+   * Get the array index after applying the hash funtion to the given key
+   * @param {any} key
+   */
+  getIndex(key) {
+    const indexHash = this.hash(key);
+    const index = indexHash % this.buckets.length;
+    return index;
+  }
+}
+
+module.exports = HashMap;
+
+
+// // Usage:
+// const assert = require('assert');
+
+// const hashMap = new HashMap();
+
+// hashMap.set('cat', 2);
+// hashMap.set('rat', 7);
+// hashMap.set('dog', 1);
+// hashMap.set('art', 8);
+
+// console.log('collisions: ', hashMap.collisions);
+// console.log('hashMap.buckets\n', hashMap.buckets);
+// /*
+//   bucket #0: [ { key: 'cat', value: 2 }, { key: 'dog', value: 1 } ]
+//   bucket #1: [ { key: 'rat', value: 7 }, { key: 'dog', value: 1 } ]
+// */
+
+// assert.equal(hashMap.get('art'), 8); // this one is ok
+// assert.equal(hashMap.get('cat'), 2); // Good. Didn't got overwritten by art
+// assert.equal(hashMap.get('rat'), 7); // Good. Didn't got overwritten by art
+// assert.equal(hashMap.get('dog'), 1); // Good. Didn't got overwritten by art
+
+
+// //
+
+
+// const hashMapSize10 = new HashMap(10);
+
+// hashMapSize10.set('cat', 2);
+// hashMapSize10.set('rat', 7);
+// hashMapSize10.set('dog', 1);
+// hashMapSize10.set('art', 8);
+
+// console.log('collisions: ', hashMapSize10.collisions);
+// console.log('hashMapSize10\n', hashMapSize10.buckets);
+// /*
+//   bucket#0: [ { key: 'cat', value: 2 }, { key: 'art', value: 8 } ],
+//   <4 empty items>,
+//   bucket#5: [ { key: 'rat', value: 7 } ],
+//   <1 empty item>,
+//   bucket#7: [ { key: 'dog', value: 1 } ],
+//   <2 empty items> ]
+// */
+
+
+// //
+
+
+// const hashMapSize100 = new HashMap(100);
+
+// hashMapSize100.set('cat', 2);
+// hashMapSize100.set('rat', 7);
+// hashMapSize100.set('dog', 1);
+// hashMapSize100.set('art', 8);
+
+// console.log('collisions: ', hashMapSize100.collisions);
+// console.log('hashMapSize100\n', hashMapSize100.buckets);
diff --git a/docs/content/ds/data-structures/maps/hash-maps/hash-map-3.js b/docs/content/ds/data-structures/maps/hash-maps/hash-map-3.js
new file mode 100644
index 0000000000..dcda027d5a
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/hash-map-3.js
@@ -0,0 +1,205 @@
+/**
+ * Hash Map data structure implementation
+ *
+ * Features:
+ * - HashMap offers 0(1) lookup and insertion.
+ * - Keys are ordered by their insertion order (like LinkedHashMap)
+ * - It contains only unique elements.
+ * - It may have one null key and multiple null values.
+ *
+ * @author Adrian Mejia <me AT adrianmejia.com>
+ */
+class HashMap {
+  /**
+   * Initialize array that holds the values. Default is size 16
+   * @param {number} initialCapacity initial size of the array
+   * @param {number} loadFactor if set, the Map will automatically rehash when the load factor threshold is met
+   */
+  constructor(initialCapacity = 16, loadFactor = 0.75) {
+    this.buckets = new Array(initialCapacity);
+    this.loadFactor = loadFactor;
+    this.size = 0;
+    this.collisions = 0;
+    this.keysArrayWrapper = [];
+  }
+
+  /**
+   * Decent hash function where each char ascii code is added with an offset depending on the possition
+   * @param {any} key
+   */
+  static hashCode(key) {
+    let hashValue = 0;
+    const stringTypeKey = `${key}${typeof key}`;
+
+    for (let index = 0; index < stringTypeKey.length; index++) {
+      const charCode = stringTypeKey.charCodeAt(index);
+      hashValue += charCode << (index * 8);
+    }
+
+    return hashValue;
+  }
+
+  /**
+   * A hash function converts keys into array indices
+   * @param {any} key
+   * @returns {Number} array index given the bucket size
+   */
+  hashFunction(key) {
+    const hashValue = HashMap.hashCode(key);
+    const bucketIndex = hashValue % this.buckets.length;
+    return bucketIndex;
+  }
+
+  /**
+   * Insert a key/value pair into the hash map.
+   * If the key is already there replaces its content. Return the Map object to allow chaining
+   * @param {any} key
+   * @param {any} value
+   */
+  set(key, value) {
+    const { bucketIndex, entryIndex } = this._getIndexes(key);
+
+    if (entryIndex === undefined) {
+      // initialize array and save key/value
+      const keyIndex = this.keysArrayWrapper.push({ content: key }) - 1; // keep track of the key index
+      this.buckets[bucketIndex] = this.buckets[bucketIndex] || [];
+      this.buckets[bucketIndex].push({ key, value, keyIndex });
+      this.size++;
+      // Optional: keep count of collisions
+      if (this.buckets[bucketIndex].length > 1) { this.collisions++; }
+    } else {
+      // override existing value
+      this.buckets[bucketIndex][entryIndex].value = value;
+    }
+
+    // check if a rehash is due
+    if (this.loadFactor > 0 && this.getLoadFactor() > this.loadFactor) {
+      this.rehash(this.buckets.length * 2);
+    }
+
+    return this;
+  }
+
+  /**
+   * Gets the value out of the hash map
+   * Returns the value associated to the key, or undefined if there is none.
+   * @param {any} key
+   */
+  get(key) {
+    const { bucketIndex, entryIndex } = this._getIndexes(key);
+
+    if (entryIndex === undefined) {
+      return;
+    }
+
+    return this.buckets[bucketIndex][entryIndex].value;
+  }
+
+  /**
+   * Search for key and return true if it was found
+   * @param {any} key
+   */
+  has(key) {
+    return this._getIndexes(key).entryIndex !== undefined;
+  }
+
+  /**
+   * Search for a key in the map. It returns it's internal array indexes.
+   * Returns bucketIndex and the internal array index
+   * @param {any} key
+   */
+  _getIndexes(key) {
+    const bucketIndex = this.hashFunction(key);
+    const values = this.buckets[bucketIndex] || [];
+
+    for (let entryIndex = 0; entryIndex < values.length; entryIndex++) {
+      const entry = values[entryIndex];
+      if (entry.key === key) {
+        return { bucketIndex, entryIndex, keyIndex: entry.keyIndex };
+      }
+    }
+
+    return { bucketIndex };
+  }
+
+  /**
+   * Returns true if an element in the Map object existed and has been removed, or false if the element does not exist.
+   * @param {any} key
+   */
+  delete(key) {
+    const { bucketIndex, entryIndex, keyIndex } = this._getIndexes(key);
+
+    if (entryIndex === undefined) {
+      return false;
+    }
+
+    this.buckets[bucketIndex].splice(entryIndex, 1);
+    delete this.keysArrayWrapper[keyIndex];
+    this.size--;
+
+    return true;
+  }
+
+  /**
+   * Rehash means to create a new Map with a new (higher) capacity with the purpose of outgrow collisions.
+   * @param {Number} newCapacity
+   */
+  rehash(newCapacity) {
+    const newMap = new HashMap(newCapacity);
+
+    this.keysArrayWrapper.forEach((key) => {
+      newMap.set(key.content, this.get(key.content));
+    });
+
+    // update bucket
+    this.buckets = newMap.buckets;
+    this.collisions = newMap.collisions;
+    // Optional: both `keys` has the same content except that the new one doesn't have empty spaces from deletions
+    this.keysArrayWrapper = newMap.keysArrayWrapper;
+  }
+
+  /**
+   * Load factor - measure how full the Map is.
+   * It's ratio between items on the map and total size of buckets
+   */
+  getLoadFactor() {
+    return this.size / this.buckets.length;
+  }
+
+  /**
+   * Returns an array with valid keys
+   * If keys has been deleted they shouldn't be in the array of keys
+   */
+  keys() {
+    return this.keysArrayWrapper.reduce((acc, key) => {
+      acc.push(key.content);
+      return acc;
+    }, []);
+  }
+
+  /**
+   * The values() method returns a new Iterator object that
+   * contains the values for each element in the Map object
+   * in insertion order.
+   *
+   * @example
+   *   const myMap = new HashMap();
+   *   myMap.set('0', 'foo');
+   *   myMap.set(1, 'bar');
+   *   myMap.set({}, 'baz');
+   *
+   *   var mapIter = myMap.values();
+   *
+   *   console.log(mapIter.next().value); // "foo"
+   *   console.log(mapIter.next().value); // "bar"
+   *   console.log(mapIter.next().value); // "baz"
+   */
+  values() {
+    throw new Error('Not implemented');
+  }
+}
+
+// Aliases
+HashMap.prototype.containsKey = HashMap.prototype.has;
+
+module.exports = HashMap;
diff --git a/docs/content/ds/data-structures/maps/hash-maps/hash-map-4.js b/docs/content/ds/data-structures/maps/hash-maps/hash-map-4.js
new file mode 100644
index 0000000000..e0a013dfdd
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/hash-map-4.js
@@ -0,0 +1,234 @@
+/* global BigInt */
+
+/**
+ * Hash Map data structure implementation
+ *
+ * Polynomial hash + MAD + BigInt (very slow)
+ *
+ * Features:
+ * - HashMap offers 0(1) lookup and insertion.
+ * - Keys are ordered by their insertion order (like LinkedHashMap)
+ * - It contains only unique elements.
+ * - It may have one null key and multiple null values.
+ *
+ * @author Adrian Mejia <me AT adrianmejia.com>
+ */
+class HashMap {
+  /**
+   * Initialize array that holds the values. Default is size 16
+   * @param {number} initialCapacity initial size of the array
+   * @param {number} loadFactor if set, the Map will automatically rehash when the load factor threshold is met
+   */
+  constructor(initialCapacity = 16, loadFactor = 0.75) {
+    this.buckets = new Array(initialCapacity);
+    this.loadFactor = loadFactor;
+    this.size = 0;
+    this.collisions = 0;
+    this.keysArrayWrapper = [];
+  }
+
+  /**
+   * Use the binary represenation (IEEE 754) as a hashCode
+   * @param {any} key
+   */
+  static hashCodeForNumber(number) {
+    const buffer = new ArrayBuffer(8); // 8 bytes for float64
+    const dataView = new DataView(buffer);
+    dataView.setFloat64(0, number); // set as float64
+    const longBits = dataView.getBigInt64(0); // read as long int (BigInt)
+    // gurantee only positive (big) integers
+    return longBits > 0 ? longBits : BigInt(2 ** 63) + (longBits * BigInt(-1));
+  }
+
+  /**
+   * Polynomial hash codes are used to hash String typed keys.
+   * A string is a sequence of characters encoded
+   * using Unicode's numerical value.
+   * @param {any} key converted to string
+   */
+  hashFunctionForString(key) {
+    return Array
+      .from(key.toString())
+      .reduce((hashIndex, char) => ((41 * hashIndex) + char.codePointAt(0)), 0);
+  }
+
+  /**
+   * A hash function converts keys into array indices
+   * @param {any} key
+   * @returns {BigInt} array index given the bucket size
+   */
+  hashFunction(key) {
+    if (typeof key === 'number') {
+      return this.hashCodeToIndex(HashMap.hashCodeForNumber(key));
+    }
+    return this.hashCodeToIndex(this.hashFunctionForString(key));
+  }
+
+  /**
+   * Multiply-Add-Divide (MAD) compression
+   * @param {number} hash hashCode
+   * @param {number} size bucket array size
+   * @returns {number} array bucket index
+   */
+  hashCodeToIndex(hash, size = this.buckets.length) {
+    return hash % size;
+    // const prime = BigInt(6700417); // prime number > size
+    // const a = prime - BigInt(2); // integer from range [1..(p-1)]
+    // const b = prime - BigInt(1); // integer from range [0..(p-1)]
+    // const hashIndex = (((a * BigInt(hash)) + b) % prime) % BigInt(size);
+    // return parseInt(hashIndex, 10);
+  }
+
+  /**
+   * Insert a key/value pair into the hash map.
+   * If the key is already there replaces its content. Return the Map object to allow chaining
+   * @param {any} key
+   * @param {any} value
+   */
+  set(key, value) {
+    const { bucketIndex, entryIndex } = this._getIndexes(key);
+
+    if (entryIndex === undefined) {
+      // initialize array and save key/value
+      const keyIndex = this.keysArrayWrapper.push({ content: key }) - 1; // keep track of the key index
+      this.buckets[bucketIndex] = this.buckets[bucketIndex] || [];
+      this.buckets[bucketIndex].push({ key, value, keyIndex });
+      this.size++;
+      // Optional: keep count of collisions
+      if (this.buckets[bucketIndex].length > 1) { this.collisions++; }
+    } else {
+      // override existing value
+      this.buckets[bucketIndex][entryIndex].value = value;
+    }
+
+    // check if a rehash is due
+    if (this.loadFactor > 0 && this.getLoadFactor() > this.loadFactor) {
+      this.rehash(this.buckets.length * 2);
+    }
+
+    return this;
+  }
+
+  /**
+   * Gets the value out of the hash map
+   * Returns the value associated to the key, or undefined if there is none.
+   * @param {any} key
+   */
+  get(key) {
+    const { bucketIndex, entryIndex } = this._getIndexes(key);
+
+    if (entryIndex === undefined) {
+      return;
+    }
+
+    return this.buckets[bucketIndex][entryIndex].value;
+  }
+
+  /**
+   * Search for key and return true if it was found
+   * @param {any} key
+   */
+  has(key) {
+    return this._getIndexes(key).entryIndex !== undefined;
+  }
+
+  /**
+   * Search for a key in the map. It returns it's internal array indexes.
+   * Returns bucketIndex and the internal array index
+   * @param {any} key
+   */
+  _getIndexes(key) {
+    const bucketIndex = this.hashFunction(key);
+    const values = this.buckets[bucketIndex] || [];
+
+    for (let entryIndex = 0; entryIndex < values.length; entryIndex++) {
+      const entry = values[entryIndex];
+      if (entry.key === key) {
+        return { bucketIndex, entryIndex, keyIndex: entry.keyIndex };
+      }
+    }
+
+    return { bucketIndex };
+  }
+
+  /**
+   * Returns true if an element in the Map object existed and has been removed, or false if the element does not exist.
+   * @param {any} key
+   */
+  delete(key) {
+    const { bucketIndex, entryIndex, keyIndex } = this._getIndexes(key);
+
+    if (entryIndex === undefined) {
+      return false;
+    }
+
+    this.buckets[bucketIndex].splice(entryIndex, 1);
+    delete this.keysArrayWrapper[keyIndex];
+    this.size--;
+
+    return true;
+  }
+
+  /**
+   * Rehash means to create a new Map with a new (higher) capacity with the purpose of outgrow collisions.
+   * @param {Number} newCapacity
+   */
+  rehash(newCapacity) {
+    const newMap = new HashMap(newCapacity);
+
+    this.keysArrayWrapper.forEach((key) => {
+      newMap.set(key.content, this.get(key.content));
+    });
+
+    // update bucket
+    this.buckets = newMap.buckets;
+    this.collisions = newMap.collisions;
+    // Optional: both `keys` has the same content except that the new one doesn't have empty spaces from deletions
+    this.keysArrayWrapper = newMap.keysArrayWrapper;
+  }
+
+  /**
+   * Load factor - measure how full the Map is.
+   * It's ratio between items on the map and total size of buckets
+   */
+  getLoadFactor() {
+    return this.size / this.buckets.length;
+  }
+
+  /**
+   * Returns an array with valid keys
+   * If keys has been deleted they shouldn't be in the array of keys
+   */
+  keys() {
+    return this.keysArrayWrapper.reduce((acc, key) => {
+      acc.push(key.content);
+      return acc;
+    }, []);
+  }
+
+  /**
+   * The values() method returns a new Iterator object that
+   * contains the values for each element in the Map object
+   * in insertion order.
+   *
+   * @example
+   *   const myMap = new HashMap();
+   *   myMap.set('0', 'foo');
+   *   myMap.set(1, 'bar');
+   *   myMap.set({}, 'baz');
+   *
+   *   var mapIter = myMap.values();
+   *
+   *   console.log(mapIter.next().value); // "foo"
+   *   console.log(mapIter.next().value); // "bar"
+   *   console.log(mapIter.next().value); // "baz"
+   */
+  values() {
+    throw new Error('Not implemented');
+  }
+}
+
+// Aliases
+HashMap.prototype.containsKey = HashMap.prototype.has;
+
+module.exports = HashMap;
diff --git a/docs/content/ds/data-structures/maps/hash-maps/hash-map.js b/docs/content/ds/data-structures/maps/hash-maps/hash-map.js
new file mode 100644
index 0000000000..00a26beaa7
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/hash-map.js
@@ -0,0 +1,310 @@
+/* eslint-disable no-bitwise, no-iterator, no-restricted-syntax */
+const { TextEncoder } = require('util');
+const LinkedList = require('../../linked-lists/linked-list');
+const { nextPrime } = require('./primes');
+
+// Text encoding
+const encoding = new TextEncoder();
+
+/**
+ * The map holds key-value pairs.
+ * Any value (both objects and primitive values) may be used as either a key or a value.
+ *
+ * Features:
+ * - HashMap offers avg. 0(1) lookup, insertion and deletion.
+ * - Keys and values are ordered by their insertion order (like Java's LinkedHashMap)
+ * - It contains only unique key.
+ * - It may have one null key and multiple null values.
+ */
+class HashMap {
+  // tag::constructorPartial[]
+  /**
+   * Initialize array that holds the values.
+   * @param {number} initialCapacity initial size of the array (preferably a prime)
+   * @param {number} loadFactor rehash is called when this threshold is met.
+   */
+  constructor(initialCapacity = 19, loadFactor = 0.75) {
+    this.initialCapacity = initialCapacity;
+    this.loadFactor = loadFactor;
+    // end::constructorPartial[]
+    this.reset();
+  }
+
+  /**
+   * Reset or reinitialize all values on the hashmap.
+   *
+   * Used for rehashing, clear and initializing the map.
+   *
+   * @param {array} buckets - New bucket.
+   * @param {number} size - The new size of the hashmap.
+   * @param {number} collisions - The number of collisions.
+   * @param {array} keysTrackerArray - The array of keys in insertion order
+   * @param {number} keysTrackerIndex - The last index of keysTrackerArray
+   */
+  reset(
+    buckets = new Array(this.initialCapacity),
+    size = 0,
+    collisions = 0,
+    keysTrackerArray = [],
+    keysTrackerIndex = 0,
+  ) {
+    this.buckets = buckets;
+    this.size = size;
+    this.collisions = collisions;
+    // keyTracker* is used to keep track of the insertion order
+    this.keysTrackerArray = keysTrackerArray;
+    this.keysTrackerIndex = keysTrackerIndex;
+  }
+
+  // tag::hashFunction[]
+  /**
+   * Polynomial hash codes are used to hash String typed keys.
+   * It uses FVN-1a hashing algorithm for 32 bits
+   * @see http://bit.ly/fvn-1a
+   * @param {any} key
+   * @return {integer} bucket index
+   */
+  hashFunction(key) {
+    const bytes = encoding.encode(key);
+    const { length } = bytes;
+
+    let hash = 2166136261; // FNV_offset_basis (32 bit)
+
+    for (let i = 0; i < length; i++) {
+      hash ^= bytes[i]; // XOR
+      hash *= 16777619; // 32 bit FNV_prime
+    }
+
+    return (hash >>> 0) % this.buckets.length;
+  }
+  // end::hashFunction[]
+
+  // tag::getEntry[]
+  /**
+   * Find an entry inside a bucket.
+   *
+   * The bucket is an array of Linked Lists.
+   * Entries are the nodes in the linked list
+   *  containing key/value objects.
+   *
+   * Avg. Runtime: O(1)
+   *  Usually O(1) but if there are many collisions it could be O(n).
+   *
+   * @param {any} key
+   * @returns {object} object `{ bucket, entry }` containing the bucket
+   *  and entry (LinkedList's node matching value)
+   */
+  getEntry(key) {
+    const index = this.hashFunction(key); // <1>
+    this.buckets[index] = this.buckets[index] || new LinkedList(); // <2>
+    const bucket = this.buckets[index];
+
+    const entry = bucket.find(({ value: node }) => { // <3>
+      if (key === node.key) {
+        return node; // stop search
+      }
+      return undefined; // continue searching
+    });
+
+    return { bucket, entry }; // <4>
+  }
+  // end::getEntry[]
+
+
+  // tag::set[]
+  /**
+   * Insert a key/value pair into the hash map.
+   * If the key is already there replaces its content.
+   * Avg. Runtime: O(1). In the case a rehash is needed O(n).
+   * @param {any} key
+   * @param {any} value
+   * @returns {HashMap} Return the map to allow chaining
+   */
+  set(key, value) {
+    const { entry: exists, bucket } = this.getEntry(key);
+
+    if (!exists) { // key/value doesn't exist <1>
+      bucket.push({ key, value, order: this.keysTrackerIndex });
+      this.keysTrackerArray[this.keysTrackerIndex] = key; // <4>
+      this.keysTrackerIndex += 1;
+      this.size += 1;
+      if (bucket.size > 1) { this.collisions += 1; } // <3>
+      if (this.isBeyondloadFactor()) { this.rehash(); }
+    } else {
+      // update value if key already exists
+      exists.value = value; // <2>
+    }
+    return this;
+  }
+  // end::set[]
+
+  // tag::get[]
+  /**
+   * Gets the value out of the hash map
+   * Avg. Runtime: O(1)
+   * @param {any} key
+   * @returns {any} value associated to the key, or undefined if there is none.
+   */
+  get(key) {
+    const { entry } = this.getEntry(key);
+    return entry && entry.value;
+  }
+  // end::get[]
+
+  // tag::has[]
+  /**
+   * Search for key and return true if it was found
+   * Avg. Runtime: O(1)
+   * @param {any} key
+   * @returns {boolean} indicating whether an element
+   *  with the specified key exists or not.
+   */
+  has(key) {
+    const { entry } = this.getEntry(key);
+    return entry !== undefined;
+  }
+  // end::has[]
+
+  // tag::delete[]
+  /**
+   * Removes the specified element from the map.
+   * Avg. Runtime: O(1)
+   * @param {*} key
+   * @returns {boolean} true if an element in the map existed
+   *  and has been removed, or false if the element did not exist.
+   */
+  delete(key) {
+    const { bucket, entry } = this.getEntry(key);
+    if (!entry) { return false; }
+
+    return !!bucket.remove((node) => {
+      if (key === node.value.key) {
+        delete this.keysTrackerArray[node.value.order]; // O(1) deletion
+        this.size -= 1;
+        return true;
+      }
+      return undefined;
+    });
+  }
+  // end::delete[]
+
+  // tag::getLoadFactor[]
+  /**
+   * Load factor - measure how full the Map is.
+   * It's ratio between items on the map and total size of buckets
+   * @returns {number} load factor ratio
+   */
+  getLoadFactor() {
+    return this.size / this.buckets.length;
+  }
+
+  /**
+   * Check if a rehash is due
+   * @returns {boolean} true if is beyond load factor, false otherwise.
+   */
+  isBeyondloadFactor() {
+    return this.getLoadFactor() > this.loadFactor;
+  }
+  // end::getLoadFactor[]
+
+  // tag::rehash[]
+  /**
+   * Rehash means to create a new Map with a new (higher)
+   *  capacity with the purpose of outgrowing collisions.
+   * @param {integer} newBucketSize new bucket size by default
+   *  is the 2x the amount of data or bucket size.
+   */
+  rehash(newBucketSize = Math.max(this.size, this.buckets.length) * 2) {
+    const newCapacity = nextPrime(newBucketSize);
+    const newMap = new HashMap(newCapacity);
+
+    // copy all values to the new map
+    for (const key of this.keys()) {
+      newMap.set(key, this.get(key));
+    }
+
+    const newArrayKeys = Array.from(newMap.keys());
+
+    // override this map with the newMap
+    this.reset(
+      newMap.buckets,
+      newMap.size,
+      newMap.collisions,
+      newArrayKeys,
+      newArrayKeys.length,
+    );
+  }
+  // end::rehash[]
+
+
+  /**
+   * Keys for each element in the map in insertion order.
+   * @returns {Iterator} keys without holes (empty spaces of deleted keys)
+   */
+  * keys() {
+    for (let index = 0; index < this.keysTrackerArray.length; index++) {
+      const key = this.keysTrackerArray[index];
+      if (key !== undefined) {
+        yield key;
+      }
+    }
+  }
+
+  /**
+   * Values for each element in the map in insertion order.
+   * @returns {Iterator} values without holes (empty spaces of deleted values)
+   */
+  * values() {
+    for (const key of this.keys()) {
+      yield this.get(key);
+    }
+  }
+
+  /**
+   * Contains the [key, value] pairs for each element in the map in insertion order.
+   * @returns {Iterator}
+   */
+  * entries() {
+    for (const key of this.keys()) {
+      yield [key, this.get(key)];
+    }
+  }
+
+  /**
+   * The same function object as the initial value of the `entries` method.
+   * Contains the [key, value] pairs for each element in the Map.
+   */
+  * [Symbol.iterator]() {
+    yield* this.entries();
+  }
+
+  /**
+   * @returns {integer} number of elements in the hashmap
+   */
+  get length() {
+    return this.size;
+  }
+
+  /**
+   * Removes all key/value pairs from the Map object.
+   */
+  clear() {
+    this.reset();
+  }
+}
+
+// Aliases
+HashMap.prototype.containsKey = HashMap.prototype.has;
+
+module.exports = HashMap;
+
+/* HashMap usage example
+// tag::snippet[]
+const hashMap = new HashMap();
+
+hashMap.set('cat', 2);
+hashMap.set('art', 8);
+hashMap.set('rat', 7);
+hashMap.set('dog', 1);
+// end::snippet[]
+*/
diff --git a/docs/content/ds/data-structures/maps/hash-maps/hash-map.spec.js b/docs/content/ds/data-structures/maps/hash-maps/hash-map.spec.js
new file mode 100644
index 0000000000..daaf93b78a
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/hash-map.spec.js
@@ -0,0 +1,298 @@
+const { HashMap } = require('../../../index');
+
+
+describe('HashMap Tests', () => {
+  let hashMap;
+
+  beforeEach(() => {
+    hashMap = new HashMap();
+  });
+
+  describe('set and get basics', () => {
+    it('should hold one null key', () => {
+      hashMap.set(null, 1);
+      hashMap.set(null, 2);
+      expect(hashMap.get(null)).toBe(2);
+    });
+
+    it('should hold multiple null values', () => {
+      hashMap.set(1, null);
+      hashMap.set(2, null);
+      expect(hashMap.get(1)).toBe(null);
+      expect(hashMap.get(2)).toBe(null);
+    });
+  });
+
+  describe('#keys', () => {
+    it('should get keys', () => {
+      hashMap.set(0, 'foo');
+      hashMap.set(null, 'fox');
+      hashMap.set('a', 'bar');
+      hashMap.set({}, 'baz');
+
+      const mapIter = hashMap.keys();
+
+      expect(mapIter.next().value).toBe(0);
+      expect(mapIter.next().value).toBe(null);
+      expect(mapIter.next().value).toBe('a');
+      expect(mapIter.next().value).toEqual({});
+    });
+
+    it('should not have holes', () => {
+      hashMap.set('0', 'foo');
+      hashMap.set(1, 'bar');
+      hashMap.set({}, 'baz');
+
+      hashMap.delete(1);
+
+      expect([...hashMap.keys()]).toEqual(['0', {}]);
+    });
+  });
+
+  describe('#values', () => {
+    it('should get values', () => {
+      hashMap.set('0', 'foo');
+      hashMap.set(1, 'bar');
+      hashMap.set({}, 'baz');
+
+      const mapIter = hashMap.values();
+
+      expect(mapIter.next().value).toBe('foo');
+      expect(mapIter.next().value).toBe('bar');
+      expect(mapIter.next().value).toBe('baz');
+    });
+
+    it('should not have holes', () => {
+      hashMap.set('0', 'foo');
+      hashMap.set(1, 'bar');
+      hashMap.set({}, 'baz');
+
+      hashMap.delete(1);
+
+      expect(Array.from(hashMap.values())).toEqual(['foo', 'baz']);
+    });
+  });
+
+  describe('#entries', () => {
+    it('should get values', () => {
+      hashMap.set('0', 'foo');
+      hashMap.set(1, 'bar');
+      hashMap.set({}, 'baz');
+
+      const mapIter = hashMap.entries();
+
+      expect(mapIter.next().value).toEqual(['0', 'foo']);
+      expect(mapIter.next().value).toEqual([1, 'bar']);
+      expect(mapIter.next().value).toEqual([{}, 'baz']);
+    });
+
+    it('should not have holes', () => {
+      hashMap.set('0', 'foo');
+      hashMap.set(1, 'bar');
+      hashMap.set({}, 'baz');
+
+      hashMap.delete(1);
+      expect(hashMap.length).toBe(2);
+      expect(hashMap.size).toBe(2);
+
+      expect(Array.from(hashMap.entries())).toEqual([
+        ['0', 'foo'],
+        [{}, 'baz'],
+      ]);
+
+      expect(Array.from(hashMap)).toEqual([
+        ['0', 'foo'],
+        [{}, 'baz'],
+      ]);
+    });
+  });
+
+  describe('without collisions', () => {
+    it('set and get values', () => {
+      hashMap.set('test', 'one');
+      expect(hashMap.get('test')).toBe('one');
+    });
+
+    it('should increase size', () => {
+      expect(hashMap.size).toBe(0);
+      hashMap.set('test', 'uno');
+      expect(hashMap.size).toBe(1);
+    });
+
+    it('has without value', () => {
+      expect(hashMap.size).toBe(0);
+      hashMap.set('uno');
+      expect(hashMap.size).toBe(1);
+      expect(hashMap.has('uno')).toBe(true);
+      expect(hashMap.has('dos')).toBe(false);
+    });
+
+    it('should overwrite values and keep same size', () => {
+      hashMap.set('test', 'uno');
+      expect(hashMap.get('test')).toBe('uno');
+      hashMap.set('test', 'dos');
+      expect(hashMap.get('test')).toBe('dos');
+      expect(hashMap.size).toBe(1);
+    });
+
+    it('should increase load factor and size', () => {
+      expect(hashMap.getLoadFactor()).toBe(0);
+      expect(hashMap.size).toBe(0);
+      hashMap.set('test', 'one');
+      expect(hashMap.getLoadFactor()).toBeGreaterThan(0);
+      expect(hashMap.size).toBe(1);
+    });
+
+    it('should return with has', () => {
+      expect(hashMap.has('test')).toBe(false);
+      hashMap.set('test', 'uno');
+      expect(hashMap.has('test')).toBe(true);
+    });
+
+    it('should delete', () => {
+      hashMap.set('Despacito', 'Luis Fonsi');
+      hashMap.set('Bailando', 'Enrique Iglesias');
+      hashMap.set('Dura', 'Daddy Yankee');
+
+      expect(hashMap.size).toBe(3);
+      expect(hashMap.delete('Bailando')).toBe(true);
+      expect(hashMap.size).toBe(2);
+      expect(hashMap.delete('Bailando')).toBe(false);
+      expect(hashMap.get('Bailando')).toBe(undefined);
+    });
+  });
+
+  describe('with many values (and collisions)', () => {
+    beforeEach(() => {
+      hashMap = new HashMap(1, Number.MAX_SAFE_INTEGER);
+
+      hashMap.set('Pineapple', 'Pen Pineapple Apple Pen');
+      hashMap.set('Despacito', 'Luis Fonsi');
+      hashMap.set('Bailando', 'Enrique Iglesias');
+      hashMap.set('Dura', 'Daddy Yankee');
+      hashMap.set('Lean On', 'Major Lazer');
+      hashMap.set('Hello', 'Adele');
+      hashMap.set('All About That Bass', 'Meghan Trainor');
+      hashMap.set('This Is What You Came For', 'Calvin Harris ');
+    });
+
+    it('should count collisions', () => {
+      expect(hashMap.collisions).toBe(7);
+    });
+
+    it('gets values', () => {
+      hashMap.set('test', 'one');
+      expect(hashMap.get('test')).toBe('one');
+      expect(hashMap.get('Dura')).toBe('Daddy Yankee');
+      expect(hashMap.get('Bailando')).toBe('Enrique Iglesias');
+    });
+
+    it('should increase load factor and size', () => {
+      expect(hashMap.getLoadFactor()).toBe(8);
+      expect(hashMap.size).toBe(8);
+      hashMap.set('test', 'one');
+      expect(hashMap.getLoadFactor()).toBe(9);
+      expect(hashMap.size).toBe(9);
+    });
+
+    it('should overwrite values and keep same size', () => {
+      hashMap.set('test', 'uno');
+      expect(hashMap.get('test')).toBe('uno');
+      hashMap.set('test', 'dos');
+      expect(hashMap.get('test')).toBe('dos');
+      expect(hashMap.size).toBe(9);
+    });
+
+    it('should return with has', () => {
+      expect(hashMap.has('test')).toBe(false);
+      hashMap.set('test', 'uno');
+      expect(hashMap.has('test')).toBe(true);
+    });
+
+    it('should update keys on deletes', () => {
+      // expect(hashMap.size).toBe(8);
+      // expect(hashMap.has('Hello')).toBe(true);
+      expect(hashMap.delete('Hello')).toBe(true);
+      // expect(hashMap.has('Hello')).toBe(false);
+      // expect(hashMap.size).toBe(7);
+      expect(hashMap.delete('Lean On')).toBe(true);
+      // expect(hashMap.has('Lean On')).toBe(false);
+      // expect(hashMap.size).toBe(6);
+      expect(hashMap.delete('Pineapple')).toBe(true);
+      // expect(hashMap.has('Pineapple')).toBe(false);
+      // expect(hashMap.size).toBe(5);
+      expect(hashMap.delete('All About That Bass')).toBe(true);
+      expect(hashMap.has('All About That Bass')).toBe(false);
+      // expect(hashMap.size).toBe(4);
+      expect(hashMap.delete('This Is What You Came For')).toBe(true);
+      expect(hashMap.has('This Is What You Came For')).toBe(false);
+      expect(hashMap.size).toBe(3);
+
+      expect(Array.from(hashMap.keys())).toEqual(['Despacito', 'Bailando', 'Dura']);
+
+      expect(hashMap.delete('Bailando')).toBe(true);
+      expect(hashMap.delete('Bailando')).toBe(false);
+      expect(hashMap.get('Bailando')).toBe(undefined);
+
+      expect(hashMap.size).toBe(2);
+      expect([...hashMap.keys()]).toEqual(['Despacito', 'Dura']);
+    });
+  });
+
+  describe('#rehash', () => {
+    beforeEach(() => {
+      hashMap = new HashMap(1, 11);
+
+      hashMap.set('Pineapple', 'Pen Pineapple Apple Pen');
+      hashMap.set('Despacito', 'Luis Fonsi');
+      hashMap.set('Bailando', 'Enrique Iglesias');
+      hashMap.set('Dura', 'Daddy Yankee');
+      hashMap.set('Lean On', 'Major Lazer');
+      hashMap.set('Hello', 'Adele');
+      hashMap.set('All About That Bass', 'Meghan Trainor');
+      hashMap.set('Wake Me Up', 'Avicii');
+      hashMap.set('Brother', 'Avicii');
+      hashMap.set('Faded', 'Alan Walker');
+      hashMap.set('The Spectre', 'Alan Walker');
+    });
+
+    it('should rehash', () => {
+      expect(hashMap.collisions).toBe(10);
+      expect(hashMap.getLoadFactor()).toBe(11);
+      expect(hashMap.buckets.length).toBe(1);
+
+      expect(hashMap.keysTrackerIndex).toBe(11);
+      hashMap.delete('All About That Bass');
+      hashMap.set('All About That Bass', 'Meghan Trainor');
+      expect(hashMap.keysTrackerIndex).toBe(12);
+      // should have a hole
+      expect(hashMap.keysTrackerArray).toEqual(['Pineapple', 'Despacito', 'Bailando', 'Dura', 'Lean On', 'Hello',
+        undefined,
+        'Wake Me Up', 'Brother', 'Faded', 'The Spectre', 'All About That Bass']);
+
+      hashMap.loadFactor = 0.75;
+      hashMap.set('Alone', 'Alan Walker');
+
+      // rehash
+      expect(hashMap.keysTrackerIndex).toBe(12);
+      expect(hashMap.collisions).toBeLessThan(10);
+      expect(hashMap.buckets.length).toBe(29); // <- next prime
+      expect(hashMap.getLoadFactor()).toBe(12 / 29);
+
+      hashMap.set('Rolling in the Deep', 'Adele');
+
+      expect(hashMap.get('Dura')).toBe('Daddy Yankee');
+      expect(hashMap.get('Bailando')).toBe('Enrique Iglesias');
+      expect(hashMap.get('Alone')).toBe('Alan Walker');
+
+      expect(Array.from(hashMap.keys()).length).toBe(13);
+      expect(hashMap.size).toBe(13);
+      expect(hashMap.keysTrackerIndex).toBe(13);
+      // after the rehash the hole should have been removed
+      expect(hashMap.keysTrackerArray).toEqual(['Pineapple', 'Despacito',
+        'Bailando', 'Dura', 'Lean On', 'Hello', 'Wake Me Up', 'Brother',
+        'Faded', 'The Spectre', 'All About That Bass', 'Alone',
+        'Rolling in the Deep']);
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/maps/hash-maps/hashing-offset-test.js b/docs/content/ds/data-structures/maps/hash-maps/hashing-offset-test.js
new file mode 100644
index 0000000000..e811b4a12b
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/hashing-offset-test.js
@@ -0,0 +1,70 @@
+const assert = require('assert');
+
+/**
+ * Calculates polynomial hash code that maps a key (value) to an integer (unbounded).
+ * It uses a 20 bit offset to avoid Unicode value overlaps
+ * @param {any} key
+ * @returns {BigInt} returns big integer (unbounded) that maps to the key
+ */
+function hashCode(key) {
+  const array = Array.from(`${key}${typeof key}`);
+  return array.reduce((hashCode, char, position) => {
+    return hashCode + BigInt(char.codePointAt(0)) * (2n ** (BigInt(position) * 20n));
+  }, 0n);
+}
+
+/**
+ * Compression function: maps an arbitrary integer to integer in the range of [0… BUCKET_SIZE -1].
+ * @param {BigInt} hashCode
+ * @param {Number} size bucket size
+ * @returns {Number} array index
+ */
+function compressToIndex(hashCode, size = 10) {
+  return parseInt(hashCode % BigInt(size), 10);
+}
+
+/**
+ *
+ * @param {*} key
+ */
+function hashFunction(key, size = 10) {
+  return compressToIndex(hashCode(key), size);
+}
+
+
+function printHash(el) {
+  const code = hashCode(el);
+  return { s: el, v: code.toLocaleString(), hex: code.toString(16), hashFn: compressToIndex(code) };
+}
+
+// similar ending
+console.table(['00', '10', '20', '30', '40', '50', '60', '70', '80', '90'].map(printHash));
+// similar start
+console.table(['10', '11', '12', '13', '14', '15', '16', '17', '18', '19'].map(printHash));
+
+console.table(['@', '#', '#!', 'stop', 'pots', 'Ca', 'DB'].map(printHash));
+
+// all different
+// console.table(['cat', 'dog', 'rat', 'art', 10, '10', {a:1}, '😸', '🐶', '😸🐶', '🐶😸'].map(printHash));
+// console.log(hashCode(Array(1500).fill('😁').join('')));
+// console.log(hashFunction(Array(1500).fill('😁').join('')));
+
+
+// function test(){
+//   return 1n + 2n;
+// }
+
+// test();
+
+
+// hashCode(10); //=> 97
+// hashCode('10'); //=> 97
+
+assert.notEqual(hashCode(10), hashCode('10'), 'Hash code should be different with different types');
+assert.notEqual(hashCode('10string'), hashCode('10'), 'Hash code should be different with different types');
+
+hashCode(10) === hashCode('10'); //=> false
+hashCode('10') === hashCode('10string'); //=> false
+hashCode('art') === hashCode('rat'); //=> false
+hashCode('😄') === hashCode('😄'); //=> true
+hashCode('😄') === hashCode('😸'); //=> false
diff --git a/docs/content/ds/data-structures/maps/hash-maps/hashing-prime-test.js b/docs/content/ds/data-structures/maps/hash-maps/hashing-prime-test.js
new file mode 100644
index 0000000000..1434d65ed4
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/hashing-prime-test.js
@@ -0,0 +1,67 @@
+const assert = require('assert');
+
+/**
+ *
+ * @param {*} key
+ */
+function hashFunction(key, size = 10) {
+  const primeNumber = 1327144003n; // 2 ** 77232917 - 1
+
+  const hashCode = Array.from(key.toString()).reduce((hash, char) => {
+    return (hash * primeNumber + BigInt(char.codePointAt(0))) % BigInt(size);
+  }, 0n);
+
+  return parseInt(hashCode, 10);
+}
+
+// function hashCodeJava(key) {
+//   let h = 0;
+//   const value = key.toString();
+//   const length = value.length >> 1;
+
+//   for (let i = 0; i < length; i++) {
+//     h = 31 * h + value.codePointAt(i);
+//   }
+//   return h;
+// }
+
+function printHash(key) {
+  return { s: key, hashFn: hashFunction(key) };
+}
+
+// similar ending
+// console.table(['00', '10', '20', '30', '40', '50', '60', '70', '80', '90'].map(printHash));
+// similar start
+// console.table(['10', '11', '12', '13', '14', '15', '16', '17', '18', '19'].map(printHash));
+
+// console.table(['@', '#', '#!', 'stop', 'pots', 'Ca', 'DB', 'polygenelubricants', 'Pneumonoultramicroscopicsilicovolcanoconiosis'].map(printHash));
+
+const size = 5100;
+console.log(printHash(Array(size).fill('😁').join('')).hashFn);
+console.log(printHash(Array(size).fill('1').join('')).hashFn);
+console.log(printHash(Array(size).fill('A').join('')).hashFn);
+
+
+// all different
+// console.table(['cat', 'dog', 'rat', 'art', 10, '10', {a:1}, '😸', '🐶', '😸🐶', '🐶😸'].map(printHash));
+// console.log(hashFunction(Array(1500).fill('😁').join('')));
+
+
+// function test(){
+//   return 1n + 2n;
+// }
+
+// test();
+
+
+// hashCode(10); //=> 97
+// hashCode('10'); //=> 97
+
+// assert.notEqual(hashCode(10), hashCode('10'), 'Hash code should be different with different types');
+// assert.notEqual(hashCode('10string'), hashCode('10'), 'Hash code should be different with different types');
+
+// hashCode(10) === hashCode('10'); //=> false
+// hashCode('10') === hashCode('10string'); //=> false
+// hashCode('art') === hashCode('rat'); //=> false
+// hashCode('😄') === hashCode('😄'); //=> true
+// hashCode('😄') === hashCode('😸'); //=> false
diff --git a/docs/content/ds/data-structures/maps/hash-maps/hashing.js b/docs/content/ds/data-structures/maps/hash-maps/hashing.js
new file mode 100644
index 0000000000..d2d104ea7e
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/hashing.js
@@ -0,0 +1,136 @@
+/* eslint-disable */
+
+// tag::naiveHashCode[]
+/**
+ * Naïve implementation of a non-cryptographic hashing function
+ * @param {any} key to be converted to a positive integer
+ * @returns {integer} hash code (numeric representation of the key)
+ */
+function hashCodeNaive(key) {
+  return Array.from(key.toString()).reduce((hashCode, char) => {
+    return hashCode + char.codePointAt(0);
+  }, 0);
+}
+// end::naiveHashCode[]
+
+/* Hash Code examples
+// tag::naiveHashCodeExamples[]
+hashCode('cat'); //=> 312 (c=99 + a=97 + t=116)
+hashCode('dog'); //=> 314 (d=100 + o=111 + g=103)
+hashCode('rat'); //=> 327 (r=114 + a=97 + t=116)
+hashCode('art'); //=> 327 (a=97 + r=114 + t=116)
+hashCode(10); //=> 97 ('1'=49 + '0'=48)
+// end::naiveHashCodeExamples[]
+*/
+
+// tag::hashCodeOffset[]
+/**
+ * Calculates hash code that maps a key (value) to an integer (unbounded).
+ * It uses a 20 bit offset to avoid Unicode value overlaps
+ * @param {any} key to be converted to a positive integer
+ * @returns {BigInt} returns big integer (unbounded) that maps to the key
+ */
+function hashCode(key) {
+  const array = Array.from(`${key}${typeof key}`);
+  return array.reduce((hashCode, char, position) => {
+    return hashCode + BigInt(char.codePointAt(0)) * (2n ** (BigInt(position) * 20n));
+  }, 0n);
+}
+// end::hashCodeOffset[]
+
+/*
+// tag::hashCodeOffsetExample[]
+hashCode('art') //↪️ 150534821962845809557083360656040988391557528813665n
+hashCode(10) === hashCode('10'); //↪️ false
+hashCode('10') === hashCode('10string'); //↪️ false
+hashCode('art') === hashCode('rat'); //↪️ false
+hashCode('😄') === hashCode('😄'); //↪️ true
+hashCode('😄') === hashCode('😸'); //↪️ false
+// end::hashCodeOffsetExample[]
+*/
+
+
+// ---- Experiments -----
+
+const primes = [31n, 33n, 37n, 39n, 41n, 101n, 8191n, 131071n, 524287n, 6700417n, 1327144003n, 9007199254740881n];
+
+function doubleToLongBits(number) {
+  const buffer = new ArrayBuffer(8); // 8 bytes for float64
+  const dataView = new DataView(buffer);
+  dataView.setFloat64(0, number); // set as float64
+  return dataView.getBigInt64(0); // read as long int (BigInt)
+}
+
+function hashNumber(number) {
+  const bigInt = doubleToLongBits(number);
+  return bigInt > 0 ? bigInt : ((2n ** 63n) + (bigInt * -1n));
+}
+
+/**
+ * Polynomial hash codes
+ * @param {any} key
+ */
+function hashString(key) {
+  return Array.from(key.toString()).reduce((hash, char) => {
+    return (hash * 33n) + BigInt(char.codePointAt(0));
+  }, 0n);
+}
+
+function hashCode2(key) {
+  if (typeof(key) === 'number') {
+    return hashNumber(key);
+  }
+  return 2n ** 64n + hashString(key);
+}
+
+function hashIndex({key, size = 16} = {}) {
+  // return hashCode(key) % BigInt(size); // modulo size
+
+  // Multiply-Add-Divide (MAD) compression
+  const p = 524287n; // prime number larger than size.
+  const a = 8191n; // random [1..p-1]
+  const b = 0n; // random [0..p-1]
+  return ( (a * hashCode2(key) + b) % p ) % BigInt(size);
+}
+
+module.exports = {
+  hashCode: hashCode2,
+  hashIndex
+}
+
+/**
+
+function prepareToPrint(key){
+  return { key: key.substring ? `${key.substring(0, 10)} (${key.length})` : key, hashCode: hashCode(key), hashIndex10: hashIndex({key, size: 10}) };
+}
+
+const res = [-2, -1, 0.5, 1, 2, 3, Math.PI, Number.MAX_VALUE, 2.7976931348623157e+308, 17.976931348623156e+400,
+  '😁',
+  'hola',
+  '@', '#', '#!', 'stop', 'pots', 'Ca', 'DB', 'polygenelubricants',
+  'Aa',
+  'BB',
+  'aoffckzdaoffckzdatafwjsh',
+  'aoffckzdaoffckzdbhlijevx',
+  Array(50).fill('1').join(''),
+  // types
+  {a:1},
+  1n,
+  1,
+  '1',
+  function a() {return;}
+  ]
+  .map(prepareToPrint);
+
+console.table(res);
+
+const res1 = [
+    Array(1500).fill('1').join(''),
+    Array(1500).fill('😁').join(''),
+    // Array(1500).fill('z').join(''),
+  ]
+  .map(prepareToPrint);
+
+  console.log(res1);
+
+// */
diff --git a/docs/content/ds/data-structures/maps/hash-maps/primes.js b/docs/content/ds/data-structures/maps/hash-maps/primes.js
new file mode 100644
index 0000000000..c7b5feef80
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/primes.js
@@ -0,0 +1,47 @@
+/**
+ * Odd number checker
+ * Runtime: O(1)
+ * @param {integer} number
+ * @returns {boolean} true if is odd, otherwise false.
+ */
+function isOdd(number) {
+  return number % 2 !== 0;
+}
+
+/**
+ * Prime number tester
+ * Runtime: O(n ^ 0.5)
+ * @param {integer} number
+ * @returns {boolean} true if number is prime, otherwise false.
+ */
+function isPrime(number) {
+  if (number < 2) { return false; }
+  const max = Math.sqrt(number);
+  for (let divisor = 2; divisor <= max; divisor++) {
+    if (number % divisor === 0) {
+      return false;
+    }
+  }
+  return true;
+}
+
+/**
+ * Find the next prime of a given number
+ * Runtime: ? // the gap between prime numbers is not deterministic.
+ * @param {integer} number
+ */
+function nextPrime(number) {
+  if (number < 2) { return 2; }
+  let possiblePrime = isOdd(number) ? number + 2 : number + 1;
+
+  while (!isPrime(possiblePrime)) {
+    possiblePrime += 2;
+  }
+  return possiblePrime;
+}
+
+module.exports = {
+  nextPrime,
+  isPrime,
+  isOdd,
+};
diff --git a/docs/content/ds/data-structures/maps/hash-maps/primes.spec.js b/docs/content/ds/data-structures/maps/hash-maps/primes.spec.js
new file mode 100644
index 0000000000..ecd37cad31
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/primes.spec.js
@@ -0,0 +1,53 @@
+const { nextPrime, isPrime, isOdd } = require('./primes');
+
+describe('Prime Util Tests', () => {
+  describe('#isPrime', () => {
+    test('2 is prime', () => {
+      expect(isPrime(2)).toBe(true);
+    });
+
+    test('1 is not prime', () => {
+      expect(isPrime(1)).toBe(false);
+    });
+
+    test('large prime number', () => {
+      expect(isPrime(914021)).toBe(true);
+    });
+
+    test('non prime number', () => {
+      expect(isPrime(99)).toBe(false);
+    });
+  });
+
+  describe('#isOdd', () => {
+    it('odd number', () => {
+      expect(isOdd(1)).toBe(true);
+    });
+
+    it('even number', () => {
+      expect(isOdd(10)).toBe(false);
+    });
+
+    it('zero is an even number', () => {
+      expect(isOdd(0)).toBe(false);
+    });
+  });
+
+  describe('#nextPrime', () => {
+    it('should find the next prime of 19', () => {
+      expect(nextPrime(38)).toBe(41);
+    });
+
+    it('should find the next prime of 11558', () => {
+      expect(nextPrime(11558)).toBe(11579);
+    });
+
+    it('should find the next prime of large number', () => {
+      expect(nextPrime(11579 * 2)).toBe(23159);
+    });
+
+    it('should find of negative number', () => {
+      expect(nextPrime(-1)).toBe(2);
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/maps/hash-maps/readme.asc b/docs/content/ds/data-structures/maps/hash-maps/readme.asc
new file mode 100644
index 0000000000..d06231ea04
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/hash-maps/readme.asc
@@ -0,0 +1 @@
+include::../../../../book/content/part02/hash-map.asc[]
diff --git a/docs/content/ds/data-structures/maps/map.js b/docs/content/ds/data-structures/maps/map.js
new file mode 100644
index 0000000000..6c24842b0d
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/map.js
@@ -0,0 +1,18 @@
+/* JavaScript Built-in Map Usage
+// tag::snippet[]
+const myMap = new Map();
+
+// mapping values to keys
+myMap.set('string', 'foo'); // string as key
+myMap.set(1, 'bar'); // number as key
+myMap.set({}, 'baz'); // object as key
+const obj1 = {};
+myMap.set(obj1, 'test');
+
+// searching values by key
+myMap.get(1); //↪️ bar
+myMap.get('str'); //↪️ foo
+myMap.get({}); //↪️ undefined
+myMap.get(obj1); //↪️ test
+// end::snippet[]
+// */
diff --git a/docs/content/ds/data-structures/maps/map.spec.js b/docs/content/ds/data-structures/maps/map.spec.js
new file mode 100644
index 0000000000..a69c70e3a6
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/map.spec.js
@@ -0,0 +1,156 @@
+const { HashMap, TreeMap } = require('../../index');
+
+const mapImplementations = [
+  Map,
+  HashMap,
+  TreeMap,
+];
+
+mapImplementations.forEach((MapImplementation) => {
+  describe(`Map (common interface) with ${MapImplementation.name}`, () => {
+    let map;
+
+    beforeEach(() => {
+      map = new MapImplementation();
+    });
+
+    describe('#set', () => {
+      it('should save an object and increase size', () => {
+        expect(map.size).toBe(0);
+        map.set(1, 'test');
+        map.set({}, 2);
+        expect(map.size).toBe(2);
+      });
+
+      it('should replace existing key its content', () => {
+        map.set(1, 'test1');
+        map.set(1, 'test2');
+        expect(map.size).toBe(1);
+        expect(map.get(1)).toBe('test2');
+      });
+    });
+
+    describe('#get', () => {
+      it('should save an object and increase size', () => {
+        const obj = {};
+        map.set(1, 'test');
+        map.set(obj, 2);
+        expect(map.get(1)).toBe('test');
+        expect(map.get(obj)).toBe(2);
+      });
+
+      it('should handle when key is not present', () => {
+        expect(map.get(404)).toBe(undefined);
+      });
+    });
+
+    describe('#has', () => {
+      it('should return true when key exists', () => {
+        map.set(1, 1);
+        expect(map.has(1)).toBe(true);
+      });
+
+      it('should return false when key is not present', () => {
+        expect(map.has(1)).toBe(false);
+      });
+    });
+
+    describe('#delete', () => {
+      it('should return true if present', () => {
+        map.set(1, 1);
+        expect(map.delete(1)).toBe(true);
+      });
+
+      it('should return false if NOT present', () => {
+        expect(map.delete(1)).toBe(false);
+      });
+    });
+
+    describe('#keys', () => {
+      beforeEach(() => {
+        map.set(1, 2);
+        map.set(2, 'dos');
+        map.set(3, 3);
+      });
+
+      it('should return all keys', () => {
+        expect(Array.from(map.keys())).toEqual([1, 2, 3]);
+      });
+
+      it('should update on delete', () => {
+        expect(map.delete(1)).toBe(true);
+        expect(Array.from(map.keys())).toEqual([2, 3]);
+      });
+
+      it('should handle strings', () => {
+        map.set('uno', 1);
+        expect(Array.from(map.keys())).toEqual([1, 2, 3, 'uno']);
+      });
+
+      it('should handle objects', () => {
+        map.set({}, 1);
+        expect(Array.from(map.keys())).toEqual([1, 2, 3, {}]);
+      });
+
+      it('should handle null', () => {
+        map.set(null, 1);
+        expect([...map.keys()].sort()).toEqual([1, 2, 3, null].sort()); // ignoring order
+      });
+    });
+
+    describe('#values', () => {
+      beforeEach(() => {
+        map.set(1, 2);
+        map.set(2, 'dos');
+        map.set(3, 3);
+      });
+
+      it('should return all values', () => {
+        expect(Array.from(map.values())).toEqual([2, 'dos', 3]);
+      });
+
+      it('should update on delete', () => {
+        expect(map.delete(1)).toBe(true);
+        expect(Array.from(map.values())).toEqual(['dos', 3]);
+      });
+    });
+
+    describe('#entries', () => {
+      beforeEach(() => {
+        map.set(1, 2);
+        map.set(2, 'dos');
+        map.set(3, 3);
+      });
+
+      it('should return all entries', () => {
+        expect(Array.from(map.entries())).toEqual([
+          [1, 2],
+          [2, 'dos'],
+          [3, 3],
+        ]);
+      });
+
+      it('should update on delete', () => {
+        expect(map.delete(1)).toBe(true);
+        expect(Array.from(map.entries())).toEqual([
+          [2, 'dos'],
+          [3, 3],
+        ]);
+      });
+    });
+
+    describe('#clear', () => {
+      beforeEach(() => {
+        map.set(1, 2);
+        map.set(2, 'dos');
+        map.set(3, 3);
+      });
+
+      it('should work', () => {
+        expect(map.size).toBe(3);
+        expect(map.clear()).toEqual();
+        expect(map.size).toBe(0);
+      });
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/maps/tree-maps/readme.asc b/docs/content/ds/data-structures/maps/tree-maps/readme.asc
new file mode 100644
index 0000000000..15d5c2345b
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/tree-maps/readme.asc
@@ -0,0 +1 @@
+include::../../../../book/content/part03/tree-map.asc[]
diff --git a/docs/content/ds/data-structures/maps/tree-maps/tree-map.js b/docs/content/ds/data-structures/maps/tree-maps/tree-map.js
new file mode 100644
index 0000000000..10957aed53
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/tree-maps/tree-map.js
@@ -0,0 +1,170 @@
+/* eslint-disable no-restricted-syntax */
+// const Tree = require('../../trees/binary-search-tree'); // unbalanced tree (slow everything)
+// const Tree = require('../../trees/avl-tree'); // fast lookup
+const Tree = require('../../trees/red-black-tree'); // fast insertion
+
+/**
+ * TreeMap is a Map implementation using a self-balanced tree
+ *  such as AVL Tree or Red-Black tree to guarantee O(log n) operations.
+ *
+ * Implementing a Map with a tree, TreeMap,
+ * has a couple of advantages over a HashMap:
+ *    • Keys are always sorted.
+ *    • Statistical data can be easily obtained like median,
+ *        highest, lowest key.
+ *    • Collisions are not a concern so in the worst case is
+ *        still O(log n).
+ *    • Trees are more space efficient and doesn’t need to
+ *        allocate memory beforehand (e.g. HashMap’s initial capacity)
+ *        nor you have to rehash when is getting full.
+ *
+ * Implementations in other languages:
+ * Java: https://docs.oracle.com/en/java/javase/15/docs/api/java.base/java/util/TreeMap.html
+ * C++: https://en.cppreference.com/w/cpp/container/map
+ * Python: none
+ *
+ */
+class TreeMap {
+  // tag::constructor[]
+  /**
+   * Initialize tree
+   */
+  constructor() {
+    this.tree = new Tree();
+  }
+  // end::constructor[]
+
+  // tag::set[]
+  /**
+   * Insert a key/value pair into the map.
+   * If the key is already there replaces its content.
+   * Runtime: O(log n)
+   * @param {any} key
+   * @param {any} value
+   * @returns {TreeNode} Return the Map object to allow chaining
+   */
+  set(key, value) {
+    const node = this.tree.get(key);
+    if (node) {
+      node.data(value);
+      return node;
+    }
+    return this.tree.add(key).data(value);
+  }
+
+  /**
+   * Size of the map
+   */
+  get size() {
+    return this.tree.size;
+  }
+  // end::set[]
+
+  // tag::get[]
+  /**
+   * Gets the value out of the map
+   * Runtime: O(log n)
+   * @param {any} key
+   * @returns {any} value associated to the key, or undefined if there is none.
+   */
+  get(key) {
+    const node = this.tree.get(key) || undefined;
+    return node && node.data();
+  }
+
+  /**
+   * Search for key and return true if it was found
+   * Runtime: O(log n)
+   * @param {any} key
+   * @returns {boolean} indicating whether an element
+   *  with the specified key exists or not.
+   */
+  has(key) {
+    return !!this.get(key);
+  }
+  // end::get[]
+
+  // tag::delete[]
+  /**
+   * Removes the specified element from the map.
+   * Runtime: O(log n)
+   * @param {*} key
+   * @returns {boolean} true if an element in the Map object existed
+   *  and has been removed, or false if the element did not exist.
+   */
+  delete(key) {
+    return this.tree.remove(key);
+  }
+  // end::delete[]
+
+  /**
+   * Get the last key/value pair (node with largest key)
+   */
+  lastEntry() {
+    const node = this.tree.getRightmost();
+    return node ? [node.value, node.data()] : [];
+  }
+
+  /**
+   * Get the first key/value pair (node with smallest key)
+   */
+  firstEntry() {
+    const node = this.tree.getLeftmost();
+    return node ? [node.value, node.data()] : [];
+  }
+
+  // tag::iterators[]
+  /**
+   * Default iterator for this map
+   */
+  * [Symbol.iterator]() {
+    yield* this.tree.inOrderTraversal(); // <1>
+  }
+
+  /**
+   * Keys for each element in the Map object
+   *  in order ascending order.
+   * @returns {Iterator} keys
+   */
+  * keys() {
+    for (const node of this) {
+      yield node.value;
+    }
+  }
+
+  /**
+   * Values for each element in the Map object
+   *  in corresponding key ascending order.
+   * @returns {Iterator} values without holes (empty spaces of deleted values)
+   */
+  * values() {
+    for (const node of this) {
+      yield node.data();
+    }
+  }
+  // end::iterators[]
+
+  /**
+   * Contains the [key, value] pairs for each element in the Map object
+   *  in corresponding key ascending order.
+   * @returns {Iterator}
+   */
+  * entries() {
+    for (const node of this) {
+      yield [node.value, node.data()];
+    }
+  }
+
+  /**
+   * Removes all key/value pairs from the Map object.
+   */
+  clear() {
+    this.tree = new Tree();
+  }
+}
+
+// Aliases
+TreeMap.prototype.containsKey = TreeMap.prototype.has;
+TreeMap.prototype.put = TreeMap.prototype.set;
+
+module.exports = TreeMap;
diff --git a/docs/content/ds/data-structures/maps/tree-maps/tree-map.spec.js b/docs/content/ds/data-structures/maps/tree-maps/tree-map.spec.js
new file mode 100644
index 0000000000..8661207a65
--- /dev/null
+++ b/docs/content/ds/data-structures/maps/tree-maps/tree-map.spec.js
@@ -0,0 +1,43 @@
+// some parts tested on src/data-structures/maps/map.spec.js
+
+const TreeMap = require('./tree-map');
+
+describe('TreeMap: keep values sorted', () => {
+  let map;
+
+  beforeEach(() => {
+    map = new TreeMap();
+  });
+
+  describe('when map is empty', () => {
+    describe('.lastEntry and .firstEntry', () => {
+      it('should get last/first entry', () => {
+        expect(map.lastEntry()).toEqual([]);
+        expect(map.firstEntry()).toEqual([]);
+      });
+    });
+  });
+
+  describe('when map has entries', () => {
+    beforeEach(() => {
+      map.set(20, { title: '3sum', passed: true });
+      map.set(30, { title: '3sum', passed: false });
+      map.set(10, { title: '2sum', passed: true });
+      map.set(5, { title: '4sum', passed: false });
+    });
+
+    describe('.lastEntry and .firstEntry', () => {
+      it('should get last/first entry', () => {
+        expect(map.lastEntry()).toEqual([
+          30,
+          { title: '3sum', passed: false },
+        ]);
+
+        expect(map.firstEntry()).toEqual([
+          5,
+          { title: '4sum', passed: false },
+        ]);
+      });
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/queues/README.adoc b/docs/content/ds/data-structures/queues/README.adoc
new file mode 100644
index 0000000000..68aa475ef4
--- /dev/null
+++ b/docs/content/ds/data-structures/queues/README.adoc
@@ -0,0 +1 @@
+include::../../../book/content/part02/queue.asc[]
diff --git a/docs/content/ds/data-structures/queues/queue-1.js b/docs/content/ds/data-structures/queues/queue-1.js
new file mode 100644
index 0000000000..b82c9721ee
--- /dev/null
+++ b/docs/content/ds/data-structures/queues/queue-1.js
@@ -0,0 +1,37 @@
+/**
+ * Data structure where add and remove elements in a first-in, first-out (FIFO)
+ */
+class Queue {
+  constructor() {
+    this.input = [];
+  }
+
+  /**
+   * Add element to the queue
+   * Insert to the end of the array
+   * Runtime: O(1)
+   * @param {any} element
+   */
+  add(element) {
+    this.input.push(element);
+  }
+
+  /**
+   * Add element to the queue
+   * Removing from the beginning of the array
+   * Runtime: O(n)
+   * @param {any} element
+   */
+  remove() {
+    return this.input.shift();
+  }
+
+  /**
+   * Size of the queue
+   */
+  get size() {
+    return this.input.length;
+  }
+}
+
+module.exports = Queue;
diff --git a/docs/content/ds/data-structures/queues/queue-2.js b/docs/content/ds/data-structures/queues/queue-2.js
new file mode 100644
index 0000000000..9bf4bf9589
--- /dev/null
+++ b/docs/content/ds/data-structures/queues/queue-2.js
@@ -0,0 +1,45 @@
+/**
+ * Data structure where add and remove elements in a first-in, first-out (FIFO)
+ */
+class Queue {
+  constructor() {
+    this.input = [];
+    this.output = [];
+  }
+
+  /**
+   * Add element to the queue
+   * Runtime: O(1)
+   * @param {any} element
+   */
+  add(element) {
+    this.input.push(element);
+  }
+
+  /**
+   * Remove element from the queue
+   * Runtime: O(n)
+   * Amortized runtime: O(1)*
+   */
+  remove() {
+    if (!this.output.length) {
+      while (this.input.length) {
+        this.output.push(this.input.pop());
+      }
+    }
+    return this.output.pop();
+  }
+
+  /**
+   * Size of the queue
+   */
+  get size() {
+    return this.input.length + this.output.length;
+  }
+}
+
+// Aliases
+Queue.prototype.enqueue = Queue.prototype.add;
+Queue.prototype.dequeue = Queue.prototype.remove;
+
+module.exports = Queue;
diff --git a/docs/content/ds/data-structures/queues/queue.js b/docs/content/ds/data-structures/queues/queue.js
new file mode 100644
index 0000000000..b62c57ae9c
--- /dev/null
+++ b/docs/content/ds/data-structures/queues/queue.js
@@ -0,0 +1,89 @@
+const LinkedList = require('../linked-lists/linked-list');
+
+/* Usage Example:
+// tag::snippet[]
+const queue = new Queue();
+
+queue.enqueue('a');
+queue.enqueue('b');
+queue.dequeue(); //↪️ a
+queue.enqueue('c');
+queue.dequeue(); //↪️ b
+queue.dequeue(); //↪️ c
+// end::snippet[]
+// */
+
+// tag::constructor[]
+/**
+ * Data structure where we add and remove elements in a first-in, first-out (FIFO) fashion
+ */
+class Queue {
+  constructor(iterable = []) {
+    this.items = new LinkedList(iterable);
+  }
+  // end::constructor[]
+
+  // tag::enqueue[]
+  /**
+   * Add element to the back of the queue.
+   * Runtime: O(1)
+   * @param {any} item
+   * @returns {queue} instance to allow chaining.
+   */
+  enqueue(item) {
+    this.items.addLast(item);
+    return this;
+  }
+  // end::enqueue[]
+
+  // tag::dequeue[]
+  /**
+   * Remove element from the front of the queue.
+   * Runtime: O(1)
+   * @returns {any} removed value.
+   */
+  dequeue() {
+    return this.items.removeFirst();
+  }
+
+  // end::dequeue[]
+  /**
+   * Size of the queue
+   */
+  get size() {
+    return this.items.size;
+  }
+
+  /**
+   * Return true if is empty false otherwise true
+   */
+  isEmpty() {
+    return !this.items.size;
+  }
+
+  /**
+   * Return the most recent value or null if empty.
+   */
+  back() {
+    if (this.isEmpty()) return null;
+    return this.items.last.value;
+  }
+
+  /**
+   * Return oldest value from the queue or null if empty.
+   * (Peek at the next value to be dequeue)
+   */
+  front() {
+    if (this.isEmpty()) return null;
+    return this.items.first.value;
+  }
+}
+
+// Aliases
+Queue.prototype.peek = Queue.prototype.front;
+Queue.prototype.add = Queue.prototype.enqueue;
+Queue.prototype.push = Queue.prototype.enqueue;
+Queue.prototype.remove = Queue.prototype.dequeue;
+Queue.prototype.pop = Queue.prototype.dequeue;
+
+module.exports = Queue;
diff --git a/docs/content/ds/data-structures/queues/queue.spec.js b/docs/content/ds/data-structures/queues/queue.spec.js
new file mode 100644
index 0000000000..289e0e39b1
--- /dev/null
+++ b/docs/content/ds/data-structures/queues/queue.spec.js
@@ -0,0 +1,73 @@
+const { Queue } = require('../../index');
+
+describe('Queue', () => {
+  let queue;
+
+  beforeEach(() => {
+    queue = new Queue();
+  });
+
+  describe('#add', () => {
+    it('should push an element to the queue', () => {
+      expect(queue.size).toEqual(0);
+      queue.add(1);
+      expect(queue.size).toEqual(1);
+    });
+  });
+
+  describe('#remove', () => {
+    beforeEach(() => {
+      queue.add('a');
+      queue.add('b');
+    });
+
+    it('should get last element entered', () => {
+      expect(queue.remove()).toEqual('a');
+      expect(queue.remove()).toEqual('b');
+    });
+
+    it('should keep the order after some addition', () => {
+      expect(queue.remove()).toEqual('a');
+      queue.add('c');
+      expect(queue.remove()).toEqual('b');
+      expect(queue.remove()).toEqual('c');
+      expect(queue.remove()).toBe(null);
+    });
+  });
+
+  describe('#isEmpty', () => {
+    it('should return true when empty', () => {
+      expect(queue.isEmpty()).toBe(true);
+    });
+
+    it('should return false when not empty', () => {
+      queue.add('a');
+      // expect(queue.size).toBe(1);
+      expect(queue.isEmpty()).toBe(false);
+    });
+  });
+
+  describe('#back', () => {
+    it('should return null if empty', () => {
+      expect(queue.back()).toEqual(null);
+    });
+
+    it('should return newest element', () => {
+      queue.enqueue('oldest');
+      queue.enqueue('newest');
+      expect(queue.back()).toEqual('newest');
+    });
+  });
+
+  describe('#front', () => {
+    it('should return null if empty', () => {
+      expect(queue.front()).toEqual(null);
+    });
+
+    it('should return oldest element', () => {
+      queue.enqueue('oldest');
+      queue.enqueue('newest');
+      expect(queue.front()).toEqual('oldest');
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/sets/README.adoc b/docs/content/ds/data-structures/sets/README.adoc
new file mode 100644
index 0000000000..ce08b5519b
--- /dev/null
+++ b/docs/content/ds/data-structures/sets/README.adoc
@@ -0,0 +1 @@
+include::../../../book/content/part02/hash-set.asc[]
diff --git a/docs/content/ds/data-structures/sets/array-set.js b/docs/content/ds/data-structures/sets/array-set.js
new file mode 100644
index 0000000000..180c522376
--- /dev/null
+++ b/docs/content/ds/data-structures/sets/array-set.js
@@ -0,0 +1,87 @@
+/**
+ * Set implemented with our HashMap to have sublinear times on all operations
+ */
+class ArraySet {
+  /**
+   * Initialize Set using a HashMap
+   *
+   * @param {Array} iterable If passed, all iterable elements will be added to the new Set
+   */
+  constructor(iterable = []) {
+    this.array = [];
+    Array.from(iterable).forEach((element) => this.add(element));
+  }
+
+  /**
+   * Add a new value
+   *
+   * Runtime: O(1)
+   *
+   * @param {any} value
+   */
+  add(value) {
+    if (!this.has(value)) {
+      this.array.push(value);
+    }
+  }
+
+  /**
+   * check if value is already on the set
+   *
+   * Runtime: O(n)
+   *
+   * @param {any} value
+   */
+  has(value) {
+    return this.array.indexOf(value) > -1;
+  }
+
+  /**
+   * Delete a value from the set
+   *
+   * Runtime: O(n)
+   *
+   * @param {any} value
+   */
+  delete(value) {
+    const index = this.array.indexOf(value);
+    this.array.splice(index, 1);
+    return index > -1;
+  }
+
+  /**
+   * Get size of the set
+   */
+  get size() {
+    return this.array.length;
+  }
+
+  /**
+   * Make this class iterable
+   */
+  [Symbol.iterator]() {
+    return this.array[Symbol.iterator]();
+  }
+
+  /**
+ * Get all the values on the Set
+ * @returns {iterator} values in insertion order
+ */
+  * keys() {
+    yield* this;
+  }
+
+  /**
+   * This is kept similar to the Map object, so that each entry has the
+   *  same value for its key and value here.
+   * @returns {iterator} new Iterator object that contains[value, value]
+   *  for each element in the Set object, in ascending order.
+   */
+  * entries() {
+    for (const value of this) {
+      yield [value, value];
+    }
+  }
+}
+
+module.exports = ArraySet;
diff --git a/docs/content/ds/data-structures/sets/hash-set.js b/docs/content/ds/data-structures/sets/hash-set.js
new file mode 100644
index 0000000000..0817a56076
--- /dev/null
+++ b/docs/content/ds/data-structures/sets/hash-set.js
@@ -0,0 +1,89 @@
+const HashMap = require('../maps/hash-maps/hash-map');
+// tag::constructor[]
+/**
+ * Set implemented with our HashMap
+ * Have an average of O(1) time on all operations
+ */
+class HashMapSet {
+  /**
+   * Initialize (Hash)map for the set
+   *
+   * @param {Array} iterable If passed, all iterable elements will be added to the new Set
+   */
+  constructor(iterable = []) {
+    this.hashMap = new HashMap();
+    Array.from(iterable).forEach((element) => this.add(element));
+  }
+
+  /**
+   * Get size of the set
+   */
+  get size() {
+    return this.hashMap.size;
+  }
+  // end::constructor[]
+
+  // tag::add[]
+  /**
+   * Add a new value (duplicates will be added only once)
+   * Avg. Runtime: O(1)
+   * @param {any} value
+   */
+  add(value) {
+    this.hashMap.set(value);
+  }
+  // end::add[]
+
+  // tag::has[]
+  /**
+   * Check if value is already on the set
+   * Avg. Runtime: O(1)
+   * @param {any} value
+   */
+  has(value) {
+    return this.hashMap.has(value);
+  }
+  // end::has[]
+
+  // tag::delete[]
+  /**
+   * Delete a value from the set
+   * Avg. Runtime: O(1)
+   * @param {any} value
+   */
+  delete(value) {
+    return this.hashMap.delete(value);
+  }
+  // end::delete[]
+
+  // tag::iterators[]
+  /**
+   * Make this class iterable
+   */
+  * [Symbol.iterator]() {
+    yield* this.hashMap.keys();
+  }
+
+  /**
+   * Get all the values on the Set
+   * @returns {iterator} values in insertion order
+   */
+  * keys() {
+    yield* this;
+  }
+
+  /**
+   * This is kept similar to the Map object, so that each entry has the
+   *  same value for its key and value here.
+   * @returns {iterator} new Iterator object that contains[value, value]
+   *  for each element in the Set object, in ascending order.
+   */
+  * entries() {
+    for (const value of this) {
+      yield [value, value];
+    }
+  }
+// end::iterators[]
+}
+
+module.exports = HashMapSet;
diff --git a/docs/content/ds/data-structures/sets/map-set.js b/docs/content/ds/data-structures/sets/map-set.js
new file mode 100644
index 0000000000..fdb42391d0
--- /dev/null
+++ b/docs/content/ds/data-structures/sets/map-set.js
@@ -0,0 +1,74 @@
+/**
+ * Set implemented with Map (JS built-in) to have sublinear times on all operations
+ */
+class MapSet {
+  /**
+   * Initialize Set using the built-in Map
+   *
+   * @param {Array} iterable If passed, all iterable elements will be added to the new Set
+   */
+  constructor(iterable = []) {
+    this.map = new Map();
+    Array.from(iterable).forEach((element) => this.add(element));
+  }
+
+  /**
+   * Add a new value
+   * @param {any} value
+   */
+  add(value) {
+    this.map.set(value);
+  }
+
+  /**
+   * check if value is already on the set
+   * @param {any} value
+   */
+  has(value) {
+    return this.map.has(value);
+  }
+
+  /**
+   * Get size of the set
+   */
+  get size() {
+    return this.map.size;
+  }
+
+  /**
+   * Delete a value from the set
+   * @param {any} value
+   */
+  delete(value) {
+    return this.map.delete(value);
+  }
+
+  /**
+   * Make this class iterable
+   */
+  * [Symbol.iterator]() {
+    yield* this.map.keys();
+  }
+
+  /**
+   * Get all the values on the Set
+   * @returns {iterator} values in insertion order
+   */
+  * keys() {
+    yield* this;
+  }
+
+  /**
+   * This is kept similar to the Map object, so that each entry has the
+   *  same value for its key and value here.
+   * @returns {iterator} new Iterator object that contains[value, value]
+   *  for each element in the Set object, in ascending order.
+   */
+  * entries() {
+    for (const value of this) {
+      yield [value, value];
+    }
+  }
+}
+
+module.exports = MapSet;
diff --git a/docs/content/ds/data-structures/sets/set.js b/docs/content/ds/data-structures/sets/set.js
new file mode 100644
index 0000000000..304d955074
--- /dev/null
+++ b/docs/content/ds/data-structures/sets/set.js
@@ -0,0 +1,3 @@
+const HashSet = require('./hash-set');
+
+module.exports = HashSet;
diff --git a/docs/content/ds/data-structures/sets/set.spec.js b/docs/content/ds/data-structures/sets/set.spec.js
new file mode 100644
index 0000000000..9a9e6200ba
--- /dev/null
+++ b/docs/content/ds/data-structures/sets/set.spec.js
@@ -0,0 +1,77 @@
+const {
+  ArraySet, HashSet, MapSet, TreeSet,
+} = require('../../index');
+
+const setImplementations = [Set, HashSet, TreeSet, MapSet, ArraySet];
+
+setImplementations.forEach((MySet) => {
+  describe(`Set (${MySet.name})`, () => {
+    let set;
+
+    beforeEach(() => {
+      set = new MySet();
+    });
+
+    it('should set size and has', () => {
+      expect(set.size).toBe(0);
+      expect(set.has('uno')).toBe(false);
+
+      set.add('uno');
+
+      expect(set.size).toBe(1);
+      expect(set.has('uno')).toBe(true);
+    });
+
+    it('should not allow duplicates', () => {
+      set.add('uno');
+      set.add('one');
+      set.add('uno');
+
+      expect(set.size).toBe(2);
+      expect(set.has('uno')).toBe(true);
+      expect(set.has('one')).toBe(true);
+    });
+
+    it('should delete items', () => {
+      expect(set.delete('uno')).toBe(false);
+
+      set.add('uno');
+
+      expect(set.delete('uno')).toBe(true);
+      expect(set.size).toBe(0);
+    });
+
+    it('should return entries', () => {
+      set.add(1);
+      set.add(2);
+      set.add(3);
+      expect([...set.entries()]).toEqual([[1, 1], [2, 2], [3, 3]]);
+    });
+
+    it('should return entries wihout holes', () => {
+      set.add(0);
+      set.add(1);
+      set.add(2);
+      set.add(3);
+
+      expect(set.delete(2)).toBe(true);
+      expect(Array.from(set.entries())).toEqual([[0, 0], [1, 1], [3, 3]]);
+      expect(set.delete(0)).toBe(true);
+      expect(Array.from(set.entries())).toEqual([[1, 1], [3, 3]]);
+
+      expect(Array.from(set)).toEqual([1, 3]);
+      expect(set.size).toBe(2);
+    });
+
+    it('should initialize with data provided', () => {
+      set = new MySet([1, 2, 3, 1]);
+      expect(set.size).toBe(3);
+      expect(Array.from(set.keys())).toEqual([1, 2, 3]);
+    });
+
+    it('should return an iterable', () => {
+      set = new MySet([1, 2, 3, 1]);
+      expect(Array.from(set)).toEqual([1, 2, 3]);
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/sets/tree-set.js b/docs/content/ds/data-structures/sets/tree-set.js
new file mode 100644
index 0000000000..1483e63f45
--- /dev/null
+++ b/docs/content/ds/data-structures/sets/tree-set.js
@@ -0,0 +1,99 @@
+// faster lookups
+// const Tree = require('../trees/avl-tree');
+
+// faster insertion
+// tag::constructor[]
+const Tree = require('../trees/red-black-tree');
+
+/**
+ * TreeSet implements a Set (collection of unique values)
+ *  using a balanced binary search tree to guarantee a O(log n) in all operations.
+ */
+class TreeSet {
+  /**
+   * Initialize tree and accept initial values.
+   * @param {array} iterable initial values (new set won't have duplicates)
+   */
+  constructor(iterable = []) {
+    this.tree = new Tree();
+    Array.from(iterable).forEach((value) => this.add(value)); // <1>
+  }
+
+  /**
+   * Size of the set
+   */
+  get size() {
+    return this.tree.size;
+  }
+  // end::constructor[]
+
+  // tag::add[]
+  /**
+   * Add a new value (duplicates will be added only once)
+   * Runtime: O(log n)
+   * @param {any} value
+   */
+  add(value) {
+    if (!this.has(value)) {
+      this.tree.add(value);
+    }
+  }
+  // end::add[]
+
+  // tag::has[]
+  /**
+   * Check if value is already on the set
+   * Runtime: O(log n)
+   * @param {any} value
+   * @returns {boolean} true if exists or false otherwise
+   */
+  has(value) {
+    return this.tree.has(value);
+  }
+  // end::has[]
+
+  // tag::delete[]
+  /**
+   * Delete a value from the set
+   * Runtime: O(log n)
+   * @param {any} value
+   */
+  delete(value) {
+    return this.tree.remove(value);
+  }
+  // end::delete[]
+
+  // tag::iterator[]
+  /**
+   * Default iterator for this set
+   * @returns {iterator} values in ascending order
+   */
+  * [Symbol.iterator]() {
+    for (const node of this.tree.inOrderTraversal()) {
+      yield node.value;
+    }
+  }
+  // end::iterator[]
+
+  /**
+   * Get all the values on the Set
+   * @returns {iterator} values in ascending order
+   */
+  * keys() {
+    yield* this;
+  }
+
+  /**
+   * This is kept similar to the Map object, so that each entry has the
+   *  same value for its key and value here.
+   * @returns {iterator} new Iterator object that contains[value, value]
+   *  for each element in the Set object, in ascending order.
+   */
+  * entries() {
+    for (const value of this) {
+      yield [value, value];
+    }
+  }
+}
+
+module.exports = TreeSet;
diff --git a/docs/content/ds/data-structures/stacks/README.adoc b/docs/content/ds/data-structures/stacks/README.adoc
new file mode 100644
index 0000000000..7cdcbe0e4b
--- /dev/null
+++ b/docs/content/ds/data-structures/stacks/README.adoc
@@ -0,0 +1 @@
+include::../../../book/content/part02/stack.asc[]
diff --git a/docs/content/ds/data-structures/stacks/stack-1.js b/docs/content/ds/data-structures/stacks/stack-1.js
new file mode 100644
index 0000000000..5116909791
--- /dev/null
+++ b/docs/content/ds/data-structures/stacks/stack-1.js
@@ -0,0 +1,39 @@
+/**
+ * Data structure that adds and remove elements in a last-in, first-out (LIFO) fashion
+ */
+class Stack {
+  constructor() {
+    this.input = [];
+  }
+
+  /**
+   * Add element into the stack
+   * Runtime: O(1)
+   * @param {any} element
+   */
+  add(element) {
+    this.input.push(element);
+    return this;
+  }
+
+  /**
+   * Remove element from the stack
+   * Runtime: O(1)
+   */
+  remove() {
+    return this.input.pop();
+  }
+
+  /**
+   * Size of the queue
+   */
+  get size() {
+    return this.input.length;
+  }
+}
+
+// aliases
+Stack.prototype.push = Stack.prototype.add;
+Stack.prototype.pop = Stack.prototype.remove;
+
+module.exports = Stack;
diff --git a/docs/content/ds/data-structures/stacks/stack.js b/docs/content/ds/data-structures/stacks/stack.js
new file mode 100644
index 0000000000..e96a6807bb
--- /dev/null
+++ b/docs/content/ds/data-structures/stacks/stack.js
@@ -0,0 +1,69 @@
+const LinkedList = require('../linked-lists/linked-list');
+// tag::constructor[]
+/**
+ * Data structure that adds and remove elements in a first-in, first-out (FIFO) fashion
+ */
+class Stack {
+  constructor() {
+    this.items = new LinkedList();
+  }
+  // end::constructor[]
+
+  // tag::add[]
+  /**
+   * Add element into the stack. Similar to Array.push
+   * Runtime: O(1)
+   * @param {any} item
+   * @returns {stack} instance to allow chaining.
+   */
+  add(item) {
+    this.items.addLast(item);
+    return this;
+  }
+  // end::add[]
+
+  // tag::remove[]
+  /**
+   * Remove element from the stack.
+   * Similar to Array.pop
+   * Runtime: O(1)
+   * @returns {any} removed value.
+   */
+  remove() {
+    return this.items.removeLast();
+  }
+  // end::remove[]
+
+  /**
+   * Size of the queue
+   */
+  get size() {
+    return this.items.size;
+  }
+
+  /**
+   * Return true if is empty false otherwise true
+   */
+  isEmpty() {
+    return !this.items.size;
+  }
+}
+
+// aliases
+Stack.prototype.push = Stack.prototype.add;
+Stack.prototype.pop = Stack.prototype.remove;
+
+module.exports = Stack;
+
+/* Usage Example:
+// tag::snippet[]
+const stack = new Stack();
+
+stack.add('a');
+stack.add('b');
+stack.remove(); //↪️ b
+stack.add('c');
+stack.remove(); //↪️ c
+stack.remove(); //↪️ a
+// end::snippet[]
+// */
diff --git a/docs/content/ds/data-structures/stacks/stack.spec.js b/docs/content/ds/data-structures/stacks/stack.spec.js
new file mode 100644
index 0000000000..6fa472f328
--- /dev/null
+++ b/docs/content/ds/data-structures/stacks/stack.spec.js
@@ -0,0 +1,43 @@
+const { Stack } = require('../../index');
+
+describe('Stack', () => {
+  let stack;
+
+  beforeEach(() => {
+    stack = new Stack();
+  });
+
+  describe('#push', () => {
+    it('should push an element to the stack', () => {
+      expect(stack.size).toEqual(0);
+      stack.push(1);
+      expect(stack.size).toEqual(1);
+    });
+  });
+
+  describe('#pop', () => {
+    beforeEach(() => {
+      stack.push('a');
+      stack.push('b');
+    });
+
+    it('should get last element entered', () => {
+      expect(stack.pop()).toEqual('b');
+      expect(stack.pop()).toEqual('a');
+      expect(stack.pop()).toEqual(null);
+    });
+  });
+
+  describe('#isEmpty', () => {
+    it('should return true when empty', () => {
+      // expect(stack.size).toBe(0);
+      expect(stack.isEmpty()).toBe(true);
+    });
+
+    it('should return false when not empty', () => {
+      stack.add('a');
+      // expect(stack.size).toBe(1);
+      expect(stack.isEmpty()).toBe(false);
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/trees/README.adoc b/docs/content/ds/data-structures/trees/README.adoc
new file mode 100644
index 0000000000..2a6527380a
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/README.adoc
@@ -0,0 +1,16 @@
+include::../../../book/content/part03/tree-intro.asc[]
+
+<<<
+include::../../../book/content/part03/binary-search-tree.asc[]
+
+<<<
+include::../../../book/content/part03/tree-search-traversal.asc[]
+
+<<<
+include::../../../book/content/part03/binary-search-tree-traversal.asc[]
+
+<<<
+include::../../../book/B-self-balancing-binary-search-trees.asc[]
+
+<<<
+include::../../../book/C-AVL-tree.asc[]
diff --git a/docs/content/ds/data-structures/trees/avl-tree.js b/docs/content/ds/data-structures/trees/avl-tree.js
new file mode 100644
index 0000000000..272a16e1bb
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/avl-tree.js
@@ -0,0 +1,90 @@
+const BinarySearchTree = require('./binary-search-tree');
+const {
+  leftRotation,
+  rightRotation,
+  leftRightRotation,
+  rightLeftRotation,
+} = require('./tree-rotations');
+
+// tag::balance[]
+/**
+ * Balance tree doing rotations based on balance factor.
+ *
+ * Depending on the `node` balance factor and child's factor
+ * one of this rotation is performed:
+ * - LL rotations: single left rotation
+ * - RR rotations: single right rotation
+ * - LR rotations: double rotation left-right
+ * - RL rotations: double rotation right-left
+ *
+ * @param {BinaryTreeNode} node
+ */
+function balance(node) {
+  if (node.balanceFactor > 1) {
+    // left subtree is higher than right subtree
+    if (node.left.balanceFactor < 0) {
+      return leftRightRotation(node);
+    }
+    return rightRotation(node);
+  } if (node.balanceFactor < -1) {
+    // right subtree is higher than left subtree
+    if (node.right.balanceFactor > 0) {
+      return rightLeftRotation(node);
+    }
+    return leftRotation(node);
+  }
+  return node;
+}
+// end::balance[]
+
+// tag::balanceUpstream[]
+/**
+ * Bubbles up balancing nodes a their parents
+ *
+ * @param {BinaryTreeNode} node
+ */
+function balanceUpstream(node) {
+  let current = node;
+  let newParent;
+  while (current) {
+    newParent = balance(current);
+    current = current.parent;
+  }
+  return newParent;
+}
+// end::balanceUpstream[]
+
+// tag::AvlTree[]
+/**
+ * AVL Tree
+ * It's a self-balanced binary search tree optimized for fast lookups.
+ */
+class AvlTree extends BinarySearchTree {
+  /**
+   * Add node to tree. It self-balance itself.
+   * @param {any} value node's value
+   */
+  add(value) {
+    const node = super.add(value);
+    this.root = balanceUpstream(node);
+    return node;
+  }
+
+  /**
+   * Remove node if it exists and re-balance tree
+   * @param {any} value
+   */
+  remove(value) {
+    const node = super.find(value);
+    if (node) {
+      const found = super.remove(value);
+      this.root = balanceUpstream(node.parent);
+      return found;
+    }
+
+    return false;
+  }
+}
+// end::AvlTree[]
+
+module.exports = AvlTree;
diff --git a/docs/content/ds/data-structures/trees/avl-tree.spec.js b/docs/content/ds/data-structures/trees/avl-tree.spec.js
new file mode 100644
index 0000000000..c45ff94ec2
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/avl-tree.spec.js
@@ -0,0 +1,229 @@
+const AvlTree = require('./avl-tree.js');
+
+describe('AvlTree', () => {
+  let tree;
+
+  beforeEach(() => {
+    tree = new AvlTree();
+  });
+
+  describe('#contructor', () => {
+    it('should initialize', () => {
+      expect(tree).not.toBe(null);
+    });
+  });
+
+  describe('#add', () => {
+    it('should add a node', () => {
+      expect(tree.size).toBe(0);
+      const n1 = tree.add(1);
+      expect(tree.size).toBe(1);
+      expect(n1.height).toBe(0);
+    });
+
+    it('should rebalance asc inserted nodes (LL Rotation)', () => {
+      tree.add(1);
+      const n = tree.add(2);
+      tree.add(3);
+
+      expect(n.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+
+      expect(tree.toArray()).toEqual([2, 1, 3, null, null, null, null]);
+      expect(tree.root).toBe(n);
+    });
+
+    it('should rebalance desc inserted nodes (RR Rotation)', () => {
+      tree.add(3);
+      const n = tree.add(2);
+      tree.add(1);
+
+      expect(n.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+      expect(tree.root).toBe(n);
+    });
+
+    it('should rebalance with LR Rotation', () => {
+      tree.add(3);
+      tree.add(1);
+      const n = tree.add(2);
+
+      expect(n.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+      expect(tree.root).toBe(n);
+    });
+
+
+    it('should rebalance with RL Rotation', () => {
+      tree.add(1);
+      tree.add(3);
+      const n = tree.add(2);
+
+      expect(n.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+      expect(tree.root).toBe(n);
+    });
+
+    it('should not balance', () => {
+      [30, 20, 40, 10, 50].forEach((v) => tree.add(v));
+
+      expect(tree.toArray()).toEqual([
+        30,
+        20, 40,
+        10, null, null, 50,
+        null, null, null, null,
+      ]);
+
+      expect(tree.find(40).balanceFactor).toBe(-1); // l: 0, r: 1, bf: -1
+      expect(tree.find(20).balanceFactor).toBe(1); // l: 1, r: 0, bf: 1
+      expect(tree.find(30).balanceFactor).toBe(0); // l: 2, r: 2, bf: 0
+    });
+  });
+
+  describe('#remove', () => {
+    it('should rebalance asc inserted nodes (LL Rotation)', () => {
+      tree.add(1);
+      tree.add(-1);
+      const n = tree.add(2);
+      tree.add(3);
+
+      tree.remove(-1);
+
+      expect(n.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+
+      expect(tree.root).toBe(n);
+      expect(tree.toArray()).toEqual([2, 1, 3, null, null, null, null]);
+    });
+
+    it('should rebalance desc inserted nodes (RR Rotation)', () => {
+      tree.add(3);
+      tree.add(4);
+      const n = tree.add(2);
+      tree.add(1);
+
+      tree.remove(4);
+
+      expect(n.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+      expect(tree.root).toBe(n);
+    });
+
+    it('should rebalance with LR Rotation', () => {
+      tree.add(3);
+      tree.add(4);
+      tree.add(1);
+      const n = tree.add(2);
+
+      tree.remove(4);
+
+      expect(n.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+      expect(tree.root).toBe(n);
+    });
+
+
+    it('should rebalance with RL Rotation', () => {
+      tree.add(1);
+      tree.add(-1);
+      tree.add(3);
+      const n = tree.add(2);
+
+      tree.remove(-1);
+
+      expect(n.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+      expect(tree.root).toBe(n);
+    });
+  });
+
+  describe('balance without loosing nodes', () => {
+    beforeEach(() => {
+      tree.add(16);
+      tree.add(4);
+      tree.add(32);
+      tree.add(8);
+      tree.add(2);
+    });
+
+    it('should have all nodes', () => {
+      expect(tree.toArray()).toEqual([16, 4, 32, 2, 8,
+        null, null, null, null, null, null]);
+    });
+
+    it('should rebalance and keep all nodes', () => {
+      tree.add(1);
+      expect(tree.toArray()).toEqual([4, 2, 16, 1, null, 8, 32,
+        null, null, null, null, null, null]);
+    });
+  });
+
+  describe('balancing to the left', () => {
+    let n32;
+    beforeEach(() => {
+      n32 = tree.add(32);
+      tree.add(8);
+      tree.add(64);
+      tree.add(4);
+      tree.add(16);
+      tree.add(48);
+      tree.add(128);
+      tree.add(2);
+      tree.add(6);
+      tree.add(10);
+      tree.add(20);
+    });
+
+    it('should have all nodes', () => {
+      expect(tree.toArray()).toEqual([32, 8, 64, 4, 16, 48, 128, 2, 6, 10, 20,
+        null, null, null, null, null, null, null, null, null, null, null, null]);
+    });
+
+    it('should rebalance when removing', () => {
+      tree.remove(64);
+      expect(tree.toArray()).toEqual([32, 8, 128, 4, 16, 48, null, 2, 6, 10, 20,
+        null, null, null, null, null, null, null, null, null, null]);
+      expect(n32.balanceFactor).toBe(1);
+      expect(n32.right.balanceFactor).toBe(1);
+      expect(n32.left.balanceFactor).toBe(0);
+
+      tree.remove(48);
+      expect(tree.toArray()).toEqual([8, 4, 32, 2, 6, 16, 128, null, null, null, null, 10, 20,
+        null, null, null, null, null, null]);
+    });
+  });
+
+  describe('balancing to the right', () => {
+    beforeEach(() => {
+      tree.add(8);
+      tree.add(4);
+      tree.add(32);
+      tree.add(2);
+      tree.add(16);
+      tree.add(64);
+      tree.add(10);
+      tree.add(20);
+      tree.add(60);
+      tree.add(70);
+    });
+
+    it('should build the tree', () => {
+      expect(tree.toArray()).toEqual([8, 4, 32, 2, null, 16, 64, null, null, 10, 20, 60, 70,
+        null, null, null, null, null, null, null, null]);
+    });
+
+    it('should rebalance right side', () => {
+      tree.remove(2);
+      expect(tree.toArray()).toEqual([32, 8, 64, 4, 16, 60, 70, null, null, 10, 20,
+        null, null, null, null, null, null, null, null]);
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/trees/binary-search-tree.js b/docs/content/ds/data-structures/trees/binary-search-tree.js
new file mode 100644
index 0000000000..e7a5cc49dd
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/binary-search-tree.js
@@ -0,0 +1,308 @@
+const BinaryTreeNode = require('./binary-tree-node');
+const Queue = require('../queues/queue');
+const Stack = require('../stacks/stack');
+// tag::snippet[]
+class BinarySearchTree {
+  constructor() {
+    this.root = null;
+    this.size = 0;
+  }
+  // end::snippet[]
+
+  // tag::add[]
+  /**
+   * Insert value on the BST.
+   *
+   * If the value is already in the tree,
+   * then it increases the multiplicity value
+   * @param {any} value node's value to insert in the tree
+   * @returns {BinaryTreeNode} newly added node
+   */
+  add(value) {
+    let node = new BinaryTreeNode(value);
+
+    if (this.root) {
+      const { found, parent } = this.findNodeAndParent(value); // <1>
+      if (found) { // duplicated: value already exist on the tree
+        found.meta.multiplicity = (found.meta.multiplicity || 1) + 1; // <2>
+        node = found;
+      } else if (value < parent.value) {
+        parent.setLeftAndUpdateParent(node);
+      } else {
+        parent.setRightAndUpdateParent(node);
+      }
+    } else {
+      this.root = node;
+    }
+
+    this.size += 1;
+    return node;
+  }
+  // end::add[]
+
+  /**
+   * Find if a node is present or not
+   * @param {any} value node to find
+   * @returns {boolean} true if is present, false otherwise
+   */
+  has(value) {
+    return !!this.find(value);
+  }
+
+  // tag::find[]
+  /**
+   * @param {any} value value to find
+   * @returns {BinaryTreeNode|null} node if it found it or null if not
+   */
+  find(value) {
+    return this.findNodeAndParent(value).found;
+  }
+
+
+  /**
+   * Recursively finds the node matching the value.
+   * If it doesn't find, it returns the leaf `parent` where the new value should be appended.
+   * @param {any} value Node's value to find
+   * @param {BinaryTreeNode} node first element to start the search (root is default)
+   * @param {BinaryTreeNode} parent keep track of parent (usually filled by recursion)
+   * @returns {object} node and its parent like {node, parent}
+   */
+  findNodeAndParent(value, node = this.root, parent = null) {
+    if (!node || node.value === value) {
+      return { found: node, parent };
+    } if (value < node.value) {
+      return this.findNodeAndParent(value, node.left, node);
+    }
+    return this.findNodeAndParent(value, node.right, node);
+  }
+  // end::find[]
+
+  /**
+   * Get the node with the max value of subtree: the right-most value.
+   * @param {BinaryTreeNode} node subtree's root
+   * @returns {BinaryTreeNode} right-most node (max value)
+   */
+  getRightmost(node = this.root) {
+    if (!node || !node.right) {
+      return node;
+    }
+    return this.getMax(node.right);
+  }
+
+  // tag::leftMost[]
+  /**
+   * Get the node with the min value of subtree: the left-most value.
+   * @param {BinaryTreeNode} node subtree's root
+   * @returns {BinaryTreeNode} left-most node (min value)
+   */
+  getLeftmost(node = this.root) {
+    if (!node || !node.left) {
+      return node;
+    }
+    return this.getMin(node.left);
+  }
+  // end::leftMost[]
+
+
+  // tag::remove[]
+  /**
+   * Remove a node from the tree
+   * @returns {boolean} false if not found and true if it was deleted
+   */
+  remove(value) {
+    const { found: nodeToRemove, parent } = this.findNodeAndParent(value); // <1>
+
+    if (!nodeToRemove) return false; // <2>
+
+    // Combine left and right children into one subtree without nodeToRemove
+    const removedNodeChildren = this.combineLeftIntoRightSubtree(nodeToRemove); // <3>
+
+    if (nodeToRemove.meta.multiplicity && nodeToRemove.meta.multiplicity > 1) { // <4>
+      nodeToRemove.meta.multiplicity -= 1; // handles duplicated
+    } else if (nodeToRemove === this.root) { // <5>
+      // Replace (root) node to delete with the combined subtree.
+      this.root = removedNodeChildren;
+      if (this.root) { this.root.parent = null; } // clearing up old parent
+    } else if (nodeToRemove.isParentLeftChild) { // <6>
+      // Replace node to delete with the combined subtree.
+      parent.setLeftAndUpdateParent(removedNodeChildren);
+    } else {
+      parent.setRightAndUpdateParent(removedNodeChildren);
+    }
+
+    this.size -= 1;
+    return true;
+  }
+  // end::remove[]
+
+  // tag::combine[]
+  /**
+   * Combine left into right children into one subtree without given parent node.
+   *
+   * @example combineLeftIntoRightSubtree(30)
+   *
+   *      30*                             40
+   *    /     \                          /  \
+   *   10      40      combined        35   50
+   *     \    /  \    ---------->     /
+   *     15  35   50                 10
+   *                                   \
+   *                                    15
+   *
+   * It takes node 30 left subtree (10 and 15) and put it in the
+   * leftmost node of the right subtree (40, 35, 50).
+   *
+   * @param {BinaryTreeNode} node
+   * @returns {BinaryTreeNode} combined subtree
+   */
+  combineLeftIntoRightSubtree(node) {
+    if (node.right) {
+      const leftmost = this.getLeftmost(node.right);
+      leftmost.setLeftAndUpdateParent(node.left);
+      return node.right;
+    }
+    return node.left;
+  }
+  // end::combine[]
+
+  // tag::bfs[]
+  /**
+   * Breath-first search for a tree (always starting from the root element).
+   * @yields {BinaryTreeNode}
+   */
+  * bfs() {
+    const queue = new Queue();
+
+    queue.add(this.root);
+
+    while (!queue.isEmpty()) {
+      const node = queue.remove();
+      yield node;
+
+      if (node.left) { queue.add(node.left); }
+      if (node.right) { queue.add(node.right); }
+    }
+  }
+  // end::bfs[]
+
+  // tag::dfs[]
+  /**
+   * Depth-first search for a tree (always starting from the root element)
+   * @see preOrderTraversal Similar results to the pre-order transversal.
+   * @yields {BinaryTreeNode}
+   */
+  * dfs() {
+    const stack = new Stack();
+
+    stack.add(this.root);
+
+    while (!stack.isEmpty()) {
+      const node = stack.remove();
+      yield node;
+
+      if (node.right) { stack.add(node.right); }
+      if (node.left) { stack.add(node.left); }
+    }
+  }
+  // end::dfs[]
+
+  // tag::inOrderTraversal[]
+  /**
+   * In-order traversal on a tree: left-root-right.
+   * If the tree is a BST, then the values will be sorted in ascendent order
+   * @param {BinaryTreeNode} node first node to start the traversal
+   * @yields {BinaryTreeNode}
+   */
+  * inOrderTraversal(node = this.root) {
+    if (node && node.left) { yield* this.inOrderTraversal(node.left); }
+    yield node;
+    if (node && node.right) { yield* this.inOrderTraversal(node.right); }
+  }
+  // end::inOrderTraversal[]
+
+  // tag::preOrderTraversal[]
+  /**
+   * Pre-order traversal on a tree: root-left-right.
+   * Similar results to DFS
+   * @param {BinaryTreeNode} node first node to start the traversal
+   * @yields {BinaryTreeNode}
+   */
+  * preOrderTraversal(node = this.root) {
+    yield node;
+    if (node.left) { yield* this.preOrderTraversal(node.left); }
+    if (node.right) { yield* this.preOrderTraversal(node.right); }
+  }
+  // end::preOrderTraversal[]
+
+  // tag::postOrderTraversal[]
+  /**
+   * Post-order traversal on a tree: left-right-root.
+   * @param {BinaryTreeNode} node first node to start the traversal
+   * @yields {BinaryTreeNode}
+   */
+  * postOrderTraversal(node = this.root) {
+    if (node.left) { yield* this.postOrderTraversal(node.left); }
+    if (node.right) { yield* this.postOrderTraversal(node.right); }
+    yield node;
+  }
+  // end::postOrderTraversal[]
+
+  /**
+   * Represent Binary Tree as an array.
+   *
+   * Leaf nodes will have two `undefined` descendants.
+   *
+   * The array representation of the binary tree is as follows:
+   *
+   * First element (index=0) is the root.
+   * The following two elements (index=1,2) are descendants of the root: left (a) and right (b).
+   * The next two elements (index=3,4) are the descendants of a
+   * The next two elements (index=5,6) are the descendants of b and so on.
+   *
+   *  0     1            2             3       4        5       6        n
+   * [root, a=root.left, b=root.right, a.left, a.right, b.left, b.right, ...]
+   *
+   * You can also find the parents as follows
+   *
+   * e.g.
+   * Parent 0: children 1,2
+   * Parent 1: children 3,4
+   * Parent 2: children 5,6
+   * Parent 3: children 7,8
+   *
+   * Given any index you can find the parent index with the following formula:
+   *
+   * parent = (index) => Math.floor((index-1)/2)
+   */
+  toArray() {
+    const array = [];
+    const queue = new Queue();
+    const visited = new Map();
+
+    if (this.root) { queue.add(this.root); }
+
+    while (!queue.isEmpty()) {
+      const current = queue.remove();
+      array.push(current && current.value);
+
+      if (current) { visited.set(current); }
+
+      if (current && !visited.has(current.left)) { queue.add(current.left); }
+      if (current && !visited.has(current.right)) { queue.add(current.right); }
+    }
+
+    return array;
+  }
+}
+
+// aliases
+BinarySearchTree.prototype.insert = BinarySearchTree.prototype.add;
+BinarySearchTree.prototype.set = BinarySearchTree.prototype.add;
+BinarySearchTree.prototype.delete = BinarySearchTree.prototype.remove;
+BinarySearchTree.prototype.getMin = BinarySearchTree.prototype.getLeftmost;
+BinarySearchTree.prototype.minimum = BinarySearchTree.prototype.getMin;
+BinarySearchTree.prototype.getMax = BinarySearchTree.prototype.getRightmost;
+BinarySearchTree.prototype.maximum = BinarySearchTree.prototype.getMax;
+BinarySearchTree.prototype.get = BinarySearchTree.prototype.find;
+
+module.exports = BinarySearchTree;
diff --git a/docs/content/ds/data-structures/trees/binary-search-tree.spec.js b/docs/content/ds/data-structures/trees/binary-search-tree.spec.js
new file mode 100644
index 0000000000..22508eb286
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/binary-search-tree.spec.js
@@ -0,0 +1,379 @@
+const { BinarySearchTree } = require('../../index');
+
+describe('Binary Search Tree', () => {
+  let bst;
+  const getValues = (treeGenerator) => Array.from(treeGenerator).map((node) => node.value);
+
+  beforeEach(() => {
+    bst = new BinarySearchTree();
+  });
+
+  describe('when is empty', () => {
+    describe('#add', () => {
+      it('should insert an item', () => {
+        expect(bst.size).toBe(0);
+        bst.add(1);
+        expect(bst.size).toBe(1);
+      });
+
+      it('should insert left and right child', () => {
+        const root = bst.add(5);
+        const n = bst.add(1);
+        expect(n.toValues()).toMatchObject({
+          value: 1, parent: 5, left: null, right: null,
+        });
+        expect(root.toValues()).toMatchObject({
+          value: 5, parent: null, left: 1, right: null,
+        });
+        bst.add(10);
+        expect(root.toValues()).toMatchObject({
+          value: 5, parent: null, left: 1, right: 10,
+        });
+      });
+
+      it('should insert low values to the left and higher to the right', () => {
+        const node5 = bst.add(5);
+        bst.add(1);
+        bst.add(10);
+        expect(bst.size).toBe(3);
+        // expect(bst.root).toBe(node5);
+        expect(node5.left.value).toBe(1);
+        expect(node5.right.value).toBe(10);
+      });
+
+      it('should insert nested values', () => {
+        const root = bst.add(10);
+        const n2 = bst.add(2);
+        const n30 = bst.add(30);
+        const n40 = bst.add(40);
+
+        expect(root.left).toBe(n2);
+        expect(root.right).toBe(n30);
+
+        expect(n30.left).toBe(null);
+        expect(n30.right).toBe(n40);
+      });
+
+      it('should keep parent reference', () => {
+        bst.add(1);
+        bst.add(2);
+        const n3 = bst.add(3);
+
+        expect(n3.parent.value).toBe(2);
+        expect(bst.toArray()).toEqual([1, null, 2, null, 3, null, null]);
+      });
+
+      it('should deal with duplicates', () => {
+        const root = bst.add(1);
+        expect(root.meta.multiplicity).toBe(undefined);
+        expect(bst.add(1)).toBe(root); // should return existing
+        expect(bst.size).toBe(2);
+        expect(root.toValues()).toMatchObject({
+          value: 1, parent: null, left: null, right: null,
+        });
+        expect(root.meta.multiplicity).toBe(2);
+      });
+    });
+
+    describe('#findNodeAndParent', () => {
+      it('should return falsy for empty tree', () => {
+        const { found, parent } = bst.findNodeAndParent(5);
+        expect(found).toBe(null);
+        expect(parent).toBe(null);
+      });
+
+      it('should return with a single element', () => {
+        bst.add(5);
+        const { found, parent } = bst.findNodeAndParent(5);
+        expect(found).toMatchObject({ value: 5 });
+        expect(parent).toBe(null);
+      });
+
+      it('should return with an element and its parent', () => {
+        bst.add(5);
+        bst.add(1);
+        const { found, parent } = bst.findNodeAndParent(1);
+        expect(found).toMatchObject({ value: 1 });
+        expect(parent).toMatchObject({ value: 5 });
+      });
+
+      it('should find future parent of a node that doesnt exist yet', () => {
+        bst.add(5);
+        bst.add(1);
+        const { found, parent } = bst.findNodeAndParent(10);
+        expect(found).toBe(null);
+        expect(parent).toMatchObject({ value: 5 });
+      });
+
+      it('should find future parent of a node that doesnt exist yet with -1', () => {
+        bst.add(5);
+        bst.add(1);
+        const { found, parent } = bst.findNodeAndParent(-1);
+        expect(found).toBe(null);
+        expect(parent).toMatchObject({ value: 1 });
+      });
+    });
+
+    describe('#remove', () => {
+      it('should remove root', () => {
+        bst.add(1);
+        expect(bst.remove(1)).toBe(true);
+        expect(bst.has(1)).toBe(false);
+        bst.add(1);
+        expect(bst.has(1)).toBe(true);
+      });
+    });
+
+    describe('#inOrderTraversal', () => {
+      it('should get all keys', () => {
+        const fn = () => {};
+        bst.set(1).data(1);
+        bst.set('dos').data(2);
+        bst.set({}).data(fn);
+
+        // get keys
+        expect(getValues(bst.inOrderTraversal())).toEqual([1, {}, 'dos']);
+        // get data
+        expect(Array.from(bst.inOrderTraversal()).map((n) => n.data())).toEqual([
+          1,
+          fn,
+          2,
+        ]);
+      });
+    });
+  });
+
+  describe('when has items', () => {
+    let root;
+    let n3;
+    let n4;
+    let n5;
+    let n30;
+    let n40;
+    let n15;
+
+    beforeEach(() => {
+      //           10
+      //         /    \
+      //        5      30
+      //      /       /  \
+      //     4       15   40
+      //   /   \
+      //  3   (4.5)
+      root = bst.add(10);
+      n5 = bst.add(5);
+      n30 = bst.add(30);
+      n40 = bst.add(40);
+      n15 = bst.add(15);
+      n4 = bst.add(4);
+      n3 = bst.add(3);
+    });
+
+    describe('#find', () => {
+      it('should find the value 2', () => {
+        expect(bst.find(5)).toBe(n5);
+        expect(bst.size).toBe(7);
+      });
+
+      it('should NOT find the value 20', () => {
+        expect(bst.find(20)).toBe(null);
+      });
+    });
+
+    describe('#remove', () => {
+      it('should remove a left leaf node', () => {
+        expect(n4.left).toBe(n3);
+        bst.remove(3);
+        expect(n4.left).toBe(null);
+        expect(bst.size).toBe(6);
+      });
+
+      it('should remove a right leaf node', () => {
+        expect(n30.right).toBe(n40);
+        bst.remove(40);
+        expect(n30.right).toBe(null);
+        expect(bst.size).toBe(6);
+      });
+
+      it('should remove a child with one descent on the left', () => {
+        expect(n3.toValues()).toMatchObject({
+          value: 3, left: null, right: null, parent: 4,
+        });
+        bst.remove(4);
+        expect(n3.toValues()).toMatchObject({
+          value: 3, left: null, right: null, parent: 5,
+        });
+      });
+
+      it('should remove a child with one descent on the right', () => {
+        bst.remove(40);
+        expect(n15.toValues()).toMatchObject({
+          value: 15, left: null, right: null, parent: 30,
+        });
+        bst.remove(30);
+        expect(n15.toValues()).toMatchObject({
+          value: 15, left: null, right: null, parent: 10,
+        });
+      });
+
+      it('should remove a parent with two descents on the right', () => {
+        expect(root.left.value).toBe(5);
+        expect(root.right.value).toBe(30);
+
+        bst.remove(30);
+
+        expect(root.left.value).toBe(5);
+        expect(root.right.value).toBe(40);
+        expect(bst.size).toBe(6);
+      });
+
+      it('should remove a parent with two descents on the left', () => {
+        bst.add(4.5);
+        expect(n5.left.value).toBe(4);
+        expect(n5.left.right.value).toBe(4.5);
+
+        bst.remove(4);
+
+        expect(n5.left.value).toBe(4.5);
+        expect(bst.size).toBe(7);
+      });
+
+      it('should return false when it does not exist', () => {
+        expect(bst.remove(4.5)).toBe(false);
+        expect(bst.size).toBe(7);
+      });
+
+      it('should remove the root', () => {
+        expect(n30.parent).toBe(root);
+        expect(n5.parent).toBe(root);
+        bst.remove(10);
+        expect(n30.parent).toBe(null);
+        expect(n5.parent.value).toBe(15);
+
+        expect(bst.toArray()).toEqual([
+          30,
+          15, 40,
+          5, null, null, null,
+          4, null,
+          3, null,
+          null, null]);
+
+        expect(bst.size).toBe(6);
+      });
+
+      it('should remove duplicates', () => {
+        expect(bst.add(40)).toBe(n40); // add duplicate
+        expect(n40.meta.multiplicity).toBe(2);
+
+        expect(bst.remove(40)).toBe(true);
+        expect(bst.size).toBe(7);
+        expect(n40.meta.multiplicity).toBe(1);
+        expect(bst.find(40)).toBe(n40);
+
+        expect(bst.remove(40)).toBe(true);
+        expect(bst.size).toBe(6);
+        expect(bst.find(40)).toBeFalsy();
+
+        expect(bst.remove(40)).toBe(false);
+        expect(bst.size).toBe(6);
+      });
+    });
+
+    describe('#bfs', () => {
+      it('should visit nodes on BFS order using iterator', () => {
+        const bfs = bst.bfs();
+        expect(bfs.next().value).toBe(root); // 10
+        expect(bfs.next().value).toBe(n5);
+        expect(bfs.next().value.value).toBe(30);
+        expect(bfs.next().value.value).toBe(4);
+        expect(bfs.next().value.value).toBe(15);
+        expect(bfs.next()).toMatchObject({ value: { value: 40 }, done: false });
+        expect(bfs.next()).toMatchObject({ value: { value: 3 }, done: false });
+        expect(bfs.next().done).toBe(true);
+      });
+
+      it('should generate an array from bfs', () => {
+        expect(getValues(bst.bfs())).toEqual([10, 5, 30, 4, 15, 40, 3]);
+      });
+    });
+
+    describe('#dfs', () => {
+      it('should visit nodes on dfs order using iterator', () => {
+        const dfs = bst.dfs();
+        expect(dfs.next().value).toBe(root); // 10
+        expect(dfs.next().value).toBe(n5);
+        expect(dfs.next().value.value).toBe(4);
+        expect(dfs.next().value.value).toBe(3);
+        expect(dfs.next().value.value).toBe(30);
+        expect(dfs.next().value.value).toBe(15);
+        expect(dfs.next()).toMatchObject({ value: { value: 40 }, done: false });
+        expect(dfs.next().done).toBe(true);
+      });
+
+      it('should generate an array from dfs', () => {
+        const nodes = Array.from(bst.dfs());
+        const values = nodes.map((node) => node.value);
+        expect(values).toEqual([10, 5, 4, 3, 30, 15, 40]);
+      });
+    });
+
+    describe('#inOrderTraversal', () => {
+      it('should generate an array', () => {
+        expect(getValues(bst.inOrderTraversal())).toEqual([3, 4, 5, 10, 15, 30, 40]);
+      });
+    });
+
+    describe('#preOrderTraversal', () => {
+      it('should generate an array from preOrderTraversal', () => {
+        const nodes = Array.from(bst.preOrderTraversal());
+        const values = nodes.map((node) => node.value);
+        expect(values).toEqual([10, 5, 4, 3, 30, 15, 40]);
+      });
+    });
+
+    describe('#postOrderTraversal', () => {
+      it('should generate an array from postOrderTraversal', () => {
+        const nodes = Array.from(bst.postOrderTraversal());
+        const values = nodes.map((node) => node.value);
+        expect(values).toEqual([3, 4, 5, 15, 40, 30, 10]);
+      });
+    });
+
+    describe('#toArray', () => {
+      it('should serialize the tree as an array', () => {
+        expect(bst.toArray()).toEqual([10, 5, 30, 4, null, 15, 40, 3,
+          null, null, null, null, null, null, null]);
+      });
+    });
+
+    describe('#getMax', () => {
+      it('should get the maximun value', () => {
+        expect(bst.getMax().value).toBe(40);
+      });
+
+      it('should get the maximun value of a subtree', () => {
+        expect(bst.getMax(n4).value).toBe(4);
+      });
+
+      it('should work with empty BST', () => {
+        bst = new BinarySearchTree();
+        expect(bst.getMax()).toBe(null);
+      });
+    });
+
+    describe('#getMin', () => {
+      it('should get the maximun value', () => {
+        expect(bst.getMin().value).toBe(3);
+      });
+
+      it('should get the maximun value of a subtree', () => {
+        expect(bst.getMin(n30).value).toBe(15);
+      });
+
+      it('should work with empty BST', () => {
+        bst = new BinarySearchTree();
+        expect(bst.getMin()).toBe(null);
+      });
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/trees/binary-tree-node.js b/docs/content/ds/data-structures/trees/binary-tree-node.js
new file mode 100644
index 0000000000..781b080db6
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/binary-tree-node.js
@@ -0,0 +1,195 @@
+const LEFT = Symbol('left');
+const RIGHT = Symbol('right');
+
+// tag::snippet[]
+/**
+ * Binary Tree Node
+ *
+ */
+class BinaryTreeNode {
+  constructor(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+    this.meta = {};
+    // end::snippet[]
+    this.parent = null;
+    this.parentSide = null;
+  }
+
+  // tag::setAndUpdateParent[]
+  /**
+   * Set a left node descendants.
+   * Also, children get associated to parent.
+   */
+  setLeftAndUpdateParent(node) {
+    this.left = node;
+    if (node) {
+      node.parent = this;
+      node.parentSide = LEFT;
+    }
+  }
+
+  /**
+   * Set a right node descendants.
+   * Also, children get associated to parent.
+   */
+  setRightAndUpdateParent(node) {
+    this.right = node;
+    if (node) {
+      node.parent = this;
+      node.parentSide = RIGHT;
+    }
+  }
+  // end::setAndUpdateParent[]
+
+  /**
+   * Tell if is parent's left or right child
+   *
+   * @returns {string} side (left or right) this node is of its parent
+   */
+  get parentChildSide() {
+    if (this.parent) {
+      return this.isParentLeftChild ? 'left' : 'right';
+    }
+
+    return 'root';
+  }
+
+  /**
+   * Return true if this node is its parent left child
+   */
+  get isParentLeftChild() {
+    return this.parentSide === LEFT;
+  }
+
+  /**
+   * Return true if this node is its parent right child
+   */
+  get isParentRightChild() {
+    return this.parentSide === RIGHT;
+  }
+
+  /**
+   * Node is leaf is it has no descendants
+   */
+  get isLeaf() {
+    return !this.left && !this.right;
+  }
+
+  /**
+   * Get sibling of current node
+   */
+  get sibling() {
+    const { parent } = this;
+    if (!parent) return null;
+    return parent.right === this ? parent.left : parent.right;
+  }
+
+  /**
+   * Get parent sibling = uncle (duh)
+   */
+  get uncle() {
+    const { parent } = this;
+    if (!parent) return null;
+    return parent.sibling;
+  }
+
+  get grandparent() {
+    const { parent } = this;
+    return parent && parent.parent;
+  }
+
+  /**
+   * Get color
+   */
+  get color() {
+    return this.meta.color;
+  }
+
+  /**
+   * Set Color
+   */
+  set color(value) {
+    this.meta.color = value;
+  }
+
+  // tag::avl[]
+  /**
+   * @returns {Number} left subtree height or 0 if no left child
+   */
+  get leftSubtreeHeight() {
+    return this.left ? this.left.height + 1 : 0;
+  }
+
+  /**
+   * @returns {Number} right subtree height or 0 if no right child
+   */
+  get rightSubtreeHeight() {
+    return this.right ? this.right.height + 1 : 0;
+  }
+
+  /**
+   * Get the max height of the subtrees.
+   *
+   * It recursively goes into each children calculating the height
+   *
+   * Height: distance from the deepest leaf to this node
+   */
+  get height() {
+    return Math.max(this.leftSubtreeHeight, this.rightSubtreeHeight);
+  }
+
+  /**
+   * Returns the difference the heights on the left and right subtrees
+   */
+  get balanceFactor() {
+    return this.leftSubtreeHeight - this.rightSubtreeHeight;
+  }
+  // end::avl[]
+
+  /**
+   * Serialize node's values
+   */
+  toValues() {
+    return {
+      value: this.value,
+      left: this.left && this.left.value,
+      right: this.right && this.right.value,
+      parent: this.parent && this.parent.value,
+      parentSide: this.parentSide,
+    };
+  }
+
+  /**
+   * Get and Set data value
+   * @param {any} value (optional) if not provided is a getter, otherwise a setter.
+   */
+  data(value) {
+    if (value === undefined) {
+      return this.meta.data;
+    }
+    this.meta.data = value;
+    return this;
+  }
+
+  /**
+   * Convert Binary tree from an iterable (e.g. array)
+   * @param {array|string} iterable - The iterable
+   */
+  static from(iterable = []) {
+    const toBinaryTree = (array, index = 0) => {
+      if (index >= array.length) return null;
+      const node = new BinaryTreeNode(array[index]);
+      node.setLeftAndUpdateParent(toBinaryTree(array, index * 2 + 1));
+      node.setRightAndUpdateParent(toBinaryTree(array, index * 2 + 2));
+      return node;
+    };
+    return toBinaryTree(Array.from(iterable));
+  }
+}
+
+BinaryTreeNode.RIGHT = RIGHT;
+BinaryTreeNode.LEFT = LEFT;
+
+module.exports = BinaryTreeNode;
diff --git a/docs/content/ds/data-structures/trees/binary-tree-node.spec.js b/docs/content/ds/data-structures/trees/binary-tree-node.spec.js
new file mode 100644
index 0000000000..675e6a0198
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/binary-tree-node.spec.js
@@ -0,0 +1,167 @@
+const { BinaryTreeNode } = require('../../index');
+
+const { LEFT, RIGHT } = BinaryTreeNode;
+
+describe('Binary Tree Node', () => {
+  let treeNode;
+
+  describe('with instance', () => {
+    beforeEach(() => {
+      treeNode = new BinaryTreeNode('hola');
+    });
+
+    it('should start with null parent', () => {
+      expect(treeNode.parent).toBe(null);
+    });
+
+    it('should start with empty metadata', () => {
+      expect(treeNode.meta).toEqual({});
+    });
+
+    it('should hold a value', () => {
+      expect(treeNode.value).toBe('hola');
+    });
+
+    it('should have a height 0', () => {
+      expect(treeNode.height).toBe(0);
+    });
+
+    it('should set/get left node', () => {
+      expect(treeNode.left).toBe(null);
+      const newNode = new BinaryTreeNode(1);
+      treeNode.setLeftAndUpdateParent(newNode);
+      expect(treeNode.left.value).toBe(1);
+
+      expect(newNode.parent).toBe(treeNode);
+      expect(treeNode.height).toBe(1);
+      expect(treeNode.balanceFactor).toBe(1);
+    });
+
+    it('should set/get right node', () => {
+      expect(treeNode.right).toBe(null);
+      const newNode = new BinaryTreeNode(1);
+      treeNode.setRightAndUpdateParent(newNode);
+
+      expect(treeNode.right.value).toBe(1);
+      expect(newNode.parent).toBe(treeNode);
+      expect(treeNode.height).toBe(1);
+      expect(treeNode.balanceFactor).toBe(-1);
+    });
+
+    describe('Family operations', () => {
+      let g;
+      let p;
+      let u;
+      let c;
+      let s;
+
+      beforeEach(() => {
+        g = new BinaryTreeNode('grandparent');
+        p = new BinaryTreeNode('parent');
+        u = new BinaryTreeNode('uncle');
+        c = new BinaryTreeNode('child');
+        s = new BinaryTreeNode('sibling');
+
+        g.setRightAndUpdateParent(p);
+        g.setLeftAndUpdateParent(u);
+        p.setRightAndUpdateParent(c);
+        p.setLeftAndUpdateParent(s);
+      });
+
+      it('should set heights', () => {
+        expect(g.height).toBe(2);
+        expect(g.balanceFactor).toBe(-1);
+
+        expect(p.height).toBe(1);
+        expect(p.balanceFactor).toBe(0);
+
+        expect(u.height).toBe(0);
+        expect(u.balanceFactor).toBe(0);
+      });
+
+      it('should get the sibling', () => {
+        expect(c.sibling).toBe(s);
+        expect(p.sibling).toBe(u);
+      });
+
+      it('should set leaf correctly', () => {
+        expect(c.isLeaf).toBe(true);
+        expect(u.isLeaf).toBe(true);
+        expect(p.isLeaf).toBe(false);
+        expect(g.isLeaf).toBe(false);
+      });
+
+      it('should get null if no sibling', () => {
+        expect(g.sibling).toBe(null);
+      });
+
+      it('should get the uncle', () => {
+        expect(c.uncle).toBe(u);
+      });
+
+      it('should get null if no uncle', () => {
+        expect(g.uncle).toBe(null);
+        expect(p.uncle).toBe(null);
+      });
+
+      it('true if is parent left child for sibling', () => {
+        expect(s.isParentLeftChild).toBe(true);
+        expect(s.isParentRightChild).toBe(false);
+      });
+
+      it('true if is parent left child for child', () => {
+        expect(c.isParentLeftChild).toBe(false);
+        expect(c.isParentRightChild).toBe(true);
+      });
+    });
+  });
+
+  describe('with static methods', () => {
+    it('should work with null', () => {
+      const tree = BinaryTreeNode.from();
+      expect(tree).toEqual(null);
+    });
+
+    it('should build from array', () => {
+      /*
+                        0
+                       / \
+                      1   2
+                     / \   \
+                    3   5   4
+      */
+      const tree = BinaryTreeNode.from([0, 1, 2, 3, 5, null, 4]);
+      expect(tree.toValues()).toEqual({
+        value: 0,
+        left: 1,
+        right: 2,
+        parent: null,
+        parentSide: null,
+      });
+
+      expect(tree.left.toValues()).toEqual({
+        value: 1,
+        left: 3,
+        right: 5,
+        parent: 0,
+        parentSide: LEFT,
+      });
+
+      expect(tree.right.toValues()).toEqual({
+        value: 2,
+        left: null,
+        right: 4,
+        parent: 0,
+        parentSide: RIGHT,
+      });
+
+      expect(tree.right.right.toValues()).toEqual({
+        value: 4,
+        left: null,
+        right: null,
+        parent: 2,
+        parentSide: RIGHT,
+      });
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/trees/red-black-tree.js b/docs/content/ds/data-structures/trees/red-black-tree.js
new file mode 100644
index 0000000000..28c7e4b43a
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/red-black-tree.js
@@ -0,0 +1,141 @@
+const BinarySearchTree = require('./binary-search-tree');
+
+const RED = Symbol('red');
+const BLACK = Symbol('black');
+
+/**
+ * Red-Black Tree
+ * It's a self-balanced binary search tree optimized for fast insertion.
+ *
+ * Properties:
+ *
+ * 1. Every node is either BLACK or RED.
+ * 2. The root is BLACK.
+ * 3. The null leaves are considered BLACK.
+ * 4. Every RED node has only BLACK children.
+ *    A BLACK node can have BLACK children, however a RED node cannot have RED children.
+ * 5. Every path from the leaves to the root has the same number of BLACK nodes.
+ *
+ */
+class RedBlackTree extends BinarySearchTree {
+  /**
+   * Insert node in the tree.
+   *
+   * The root is always BLACK.
+   * New nodes are always RED.
+   *
+   * @param {any} value new nodes' value
+   */
+  add(value) {
+    // add node using the regular BST add
+    const node = super.add(value);
+
+    if (node === this.root) {
+      node.meta.color = BLACK;
+    } else {
+      node.meta.color = RED;
+      this.balance(node);
+    }
+
+    return node;
+  }
+
+  /**
+   * Balance tree by doing rotations
+   *
+   * Fix RED/BLACK violations
+   * - RED violation: a RED node has a RED child or root is RED.
+   * - BLACK violation: one path has more BLACK nodes than other.
+   *
+   *
+   * @param {TreeNode} node
+   */
+  balance(node) {
+    // check uncle
+    if (node.uncle && node.uncle.color === RED) {
+      // if uncle is RED, change the color of uncle, parent and grandparent to BLACK
+      node.parent.color = BLACK;
+      node.uncle.color = BLACK;
+      node.grandparent.color = BLACK;
+    } else if (node.uncle && node.uncle.color === BLACK) {
+      // if uncle is BLACK
+
+      // case: Right Right Case
+
+    } else if (node.parent && node.color === RED && node.parent.color === RED) {
+      // Solve RED violation doing rotations and re-color
+      if (node.isParentLeftChild) {
+        this.rightRotation(node.parent);
+      } else {
+        this.leftRotation(node.parent);
+      }
+    }
+  }
+
+  /**
+   * Left rotation in-place
+   *
+   * E.g. left-rotate node 2
+   *
+   * 1                          [2]
+   *   \                      /    \
+   *    [2]        =>       1        3
+   *      \
+   *         3
+   *
+   * @param {TreeNode} node
+   */
+  leftRotation(node) {
+    const oldParent = node.parent;
+    const grandParent = oldParent.parent;
+
+    if (grandParent) {
+      // do nothing
+    } else {
+      this.root = node;
+      node.parent = null;
+      node.setLeftAndUpdateParent(oldParent);
+      oldParent.setRightAndUpdateParent(null);
+      // re-color
+      node.color = BLACK;
+      node.right.color = RED;
+      node.left.color = RED;
+    }
+  }
+
+  /**
+   * Right rotation in-place
+   *
+   * E.g. Right-rotate node 2
+   *
+   *        3                   [2]
+   *      /                   /    \
+   *    [2]        =>       1        3
+   *   /
+   *  1
+   *
+   * @param {TreeNode} node
+   */
+  rightRotation(node) {
+    const oldParent = node.parent;
+    const grandParent = oldParent.parent;
+
+    if (grandParent) {
+      // do something
+    } else {
+      this.root = node;
+      node.parent = null;
+      node.setRightAndUpdateParent(oldParent);
+      oldParent.setLeftAndUpdateParent(null);
+      // re-color
+      node.color = BLACK;
+      node.right.color = RED;
+      node.left.color = RED;
+    }
+  }
+}
+
+RedBlackTree.RED = RED;
+RedBlackTree.BLACK = BLACK;
+
+module.exports = RedBlackTree;
diff --git a/docs/content/ds/data-structures/trees/red-black-tree.spec.js b/docs/content/ds/data-structures/trees/red-black-tree.spec.js
new file mode 100644
index 0000000000..52d7f843af
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/red-black-tree.spec.js
@@ -0,0 +1,109 @@
+const { RedBlackTree } = require('../../index');
+
+const { RED, BLACK } = RedBlackTree;
+
+describe('RedBlackTree', () => {
+  let tree;
+
+  beforeEach(() => {
+    tree = new RedBlackTree();
+  });
+
+  describe('#add', () => {
+    it('should add and self-balance the tree', () => {
+      expect(tree).not.toBe(null);
+    });
+
+    it('should make root black', () => {
+      const root = tree.add(1);
+      expect(root.meta.color).toBe(BLACK);
+      expect(tree.size).toBe(1);
+    });
+
+    it('should add a new node as red', () => {
+      tree.add(1);
+      const n2 = tree.add(2);
+      expect(n2.meta.color).toBe(RED);
+    });
+
+    it('should balance tree by rotating left', () => {
+      tree.add(1);
+      tree.add(2);
+      tree.add(3);
+      expect(tree.size).toBe(3);
+
+      expect(tree.toArray()).toEqual([
+        2,
+        1, 3,
+        null, null, null, null,
+      ]);
+
+      // verify colors
+      expect(tree.root.color).toBe(BLACK);
+      expect(tree.root.right.color).toBe(RED);
+      expect(tree.root.left.color).toBe(RED);
+    });
+
+    it('should balance tree by rotating right', () => {
+      tree.add(3);
+      tree.add(2);
+      tree.add(1);
+
+      expect(tree.toArray()).toEqual([
+        2,
+        1, 3,
+        null, null, null, null,
+      ]);
+
+      // verify colors
+      expect(tree.root.color).toBe(BLACK);
+      expect(tree.root.right.color).toBe(RED);
+      expect(tree.root.left.color).toBe(RED);
+    });
+
+    it('should change colors', () => {
+      const n1 = tree.add(1);
+      const n2 = tree.add(2);
+      const n3 = tree.add(3);
+      const n4 = tree.add(4);
+
+      expect(tree.toArray()).toEqual([
+        2,
+        1, 3,
+        null, null, null, 4,
+        null, null,
+      ]);
+
+      expect(tree.root.color).toBe(BLACK);
+      expect(tree.root.right.color).toBe(BLACK);
+      expect(tree.root.left.color).toBe(BLACK);
+      expect(tree.root.right.right.color).toBe(RED);
+
+      expect(n1.color).toBe(BLACK);
+      expect(n2.color).toBe(BLACK);
+      expect(n3.color).toBe(BLACK);
+      expect(n4.color).toBe(RED);
+    });
+
+    xtest('letf roation with grandparent', () => {
+      const n1 = tree.add(1);
+      const n2 = tree.add(2);
+      const n3 = tree.add(3);
+      const n4 = tree.add(4);
+      const n5 = tree.add(5);
+
+      expect(tree.toArray()).toEqual([
+        2,
+        1, 4,
+        null, null, 3, 5,
+        null, null, null, null,
+      ]);
+
+      expect(n1.color).toBe(BLACK);
+      expect(n2.color).toBe(BLACK);
+      expect(n4.color).toBe(BLACK);
+      expect(n3.color).toBe(RED);
+      expect(n5.color).toBe(RED);
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/trees/tree-node.js b/docs/content/ds/data-structures/trees/tree-node.js
new file mode 100644
index 0000000000..c78624a1c4
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/tree-node.js
@@ -0,0 +1,13 @@
+// tag::snippet[]
+/**
+ * TreeNode - each node can have zero or more children
+ */
+class TreeNode {
+  constructor(value) {
+    this.value = value;
+    this.descendants = [];
+  }
+}
+// end::snippet[]
+
+module.exports = TreeNode;
diff --git a/docs/content/ds/data-structures/trees/tree-rotations.js b/docs/content/ds/data-structures/trees/tree-rotations.js
new file mode 100644
index 0000000000..235c369113
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/tree-rotations.js
@@ -0,0 +1,173 @@
+// tag::swapParentChild[]
+/**
+ * Swap parent's child
+ *
+ * @example Child on the left side (it also work for the right side)
+ *
+ * p = parent
+ * o = old child
+ * n = new child
+ *
+ * p           p
+ *  \    =>     \
+ *   o           n
+ *
+ * @param {TreeNode} oldChild current child's parent
+ * @param {TreeNode} newChild new child's parent
+ * @param {TreeNode} parent parent
+ */
+function swapParentChild(oldChild, newChild, parent) {
+  if (parent) {
+    // this set parent child
+    const side = oldChild.isParentRightChild ? 'Right' : 'Left';
+    parent[`set${side}AndUpdateParent`](newChild);
+  } else {
+    // no parent? so set it to null
+    newChild.parent = null;
+  }
+}
+// end::swapParentChild[]
+
+
+// tag::leftRotation[]
+/**
+ * Single Left Rotation (LL Rotation)
+ *
+ * @example: #1 tree with values 1-2-3-4
+ *
+ * 1                                 1
+ *  \                                 \
+ *   2*                                3
+ *    \    --left-rotation(2)->      /  \
+ *     3                           2*    4
+ *      \
+ *       4
+ *
+ * @example: #2 left rotation
+ *
+ *     1                                          1
+ *      \                                          \
+ *       4*                                         16
+ *      / \                                        / \
+ *    2    16    -- left-rotation(4) ->          4   32
+ *       /  \                                   / \    \
+ *      8   32                                2   8    64
+ *            \
+ *            64
+ * @param {TreeNode} node current node to rotate (e.g. 4)
+ * @returns {TreeNode} new parent after the rotation (e.g. 16)
+ */
+function leftRotation(node) {
+  const newParent = node.right; // E.g., node 16
+  const grandparent = node.parent; // E.g., node 1
+  const previousLeft = newParent.left; // E.g., node 8
+
+  // swap parent of node 4 from node 1 to node 16
+  swapParentChild(node, newParent, grandparent);
+
+  // Update node 16 left child to be 4, and
+  // updates node 4 parent to be node 16 (instead of 1).
+  newParent.setLeftAndUpdateParent(node);
+  // set node4 right child to be previousLeft (node 8)
+  node.setRightAndUpdateParent(previousLeft);
+
+  return newParent;
+}
+// end::leftRotation[]
+
+// tag::rightRotation[]
+/**
+ * Single Right Rotation (RR Rotation)
+* @example: #1 rotate node 3 to the right
+ *
+ *       4                                  4
+ *      /                                  /
+ *     3*                                 2
+ *    /                                 /  \
+ *   2    ---| right-rotation(3) |-->  1    3*
+ *  /
+ * 1
+ *
+ * @example: #2 rotate 16 to the right and preserve nodes
+ *       64                                       64
+ *       /                                        /
+ *      16*                                      4
+ *      / \                                     / \
+ *     4  32    -- right-rotation(16) -->      2   16
+ *    / \                                     /    / \
+ *   2   8                                   1    8   32
+ *  /
+ * 1
+ *
+ * @param {TreeNode} node
+ *    this is the node we want to rotate to the right. (E.g., node 16)
+ * @returns {TreeNode} new parent after the rotation (E.g., node 4)
+ */
+function rightRotation(node) {
+  const newParent = node.left; // E.g., node 4
+  const grandparent = node.parent; // E.g., node 64
+  const previousRight = newParent.right; // E.g., node 8
+
+  // swap node 64's left children (node 16) with node 4 (newParent).
+  swapParentChild(node, newParent, grandparent);
+
+  // update node 4's right child to be node 16,
+  // also make node 4 the new parent of node 16.
+  newParent.setRightAndUpdateParent(node);
+  // Update 16's left child to be the `previousRight` node.
+  node.setLeftAndUpdateParent(previousRight);
+
+  return newParent;
+}
+// end::rightRotation[]
+
+// tag::leftRightRotation[]
+/**
+ * Left Right Rotation (LR Rotation)
+ *
+ * @example LR rotation on node 3
+ *        4                       4
+ *      /                        /                           4
+ *    3                         3*                          /
+ *  /                          /                           2
+ * 1*   --left-rotation(1)->  2   --right-rotation(3)->  /  \
+ *  \                        /                          1    3*
+ *   2                      1
+ *
+ * @param {TreeNode} node
+ *    this is the node we want to rotate to the right. E.g., node 3
+ * @returns {TreeNode} new parent after the rotation
+ */
+function leftRightRotation(node) {
+  leftRotation(node.left);
+  return rightRotation(node);
+}
+// end::leftRightRotation[]
+
+// tag::rightLeftRotation[]
+/**
+ * Right Left Rotation (RL Rotation)
+ *
+ * @example RL rotation on 1
+ *
+ *   1*                           1*
+ *    \                            \                          2
+ *      3   -right-rotation(3)->    2   -left-rotation(1)->  /  \
+ *    /                              \                      1*   3
+ *   2                                3
+ *
+ * @param {TreeNode} node
+ * @returns {TreeNode} new parent after the rotation
+ */
+function rightLeftRotation(node) {
+  rightRotation(node.right);
+  return leftRotation(node);
+}
+// end::rightLeftRotation[]
+
+module.exports = {
+  leftRotation,
+  rightRotation,
+  leftRightRotation,
+  rightLeftRotation,
+};
diff --git a/docs/content/ds/data-structures/trees/tree-rotations.spec.js b/docs/content/ds/data-structures/trees/tree-rotations.spec.js
new file mode 100644
index 0000000000..3a82653229
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/tree-rotations.spec.js
@@ -0,0 +1,284 @@
+const BinaryTreeNode = require('./binary-tree-node');
+
+const {
+  leftRotation,
+  rightRotation,
+  leftRightRotation,
+  rightLeftRotation,
+} = require('./tree-rotations');
+
+describe('Tree rotations', () => {
+  let n1;
+  let n2;
+  let n3;
+  let n4;
+
+  beforeEach(() => {
+    n1 = new BinaryTreeNode(1);
+    n2 = new BinaryTreeNode(2);
+    n3 = new BinaryTreeNode(3);
+    n4 = new BinaryTreeNode(4);
+  });
+
+  describe('#leftRotation (LL Rotation)', () => {
+    it('basic LL rotation', () => {
+      /*
+       *  1*                                         2*
+       *   \                                       /  \
+       *    2     ---| left-rotation(1) |-->      1    3
+       *     \
+       *      3
+       */
+      n1.setRightAndUpdateParent(n2);
+      n2.setRightAndUpdateParent(n3);
+
+      const newParent = leftRotation(n1);
+      expect(newParent.value).toBe(2);
+      expect(n1.toValues()).toMatchObject({
+        value: 1, left: null, right: null, parent: 2,
+      });
+      expect(n2.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+      expect(n3.toValues()).toMatchObject({
+        value: 3, left: null, right: null, parent: 2,
+      });
+    });
+
+    it('should rotate left with root (LL Rotation)', () => {
+      // 1
+      //  \
+      //   2*
+      //    \
+      //     3
+      //      \
+      //       4
+      n1.setRightAndUpdateParent(n2);
+      n2.setRightAndUpdateParent(n3);
+      n3.setRightAndUpdateParent(n4);
+
+      const newParent = leftRotation(n2);
+
+      expect(newParent).toBe(n3);
+      expect(n1.toValues()).toMatchObject({
+        value: 1, left: null, right: 3, parent: null,
+      });
+      expect(n2.toValues()).toMatchObject({
+        value: 2, left: null, right: null, parent: 3,
+      });
+      expect(n3.toValues()).toMatchObject({
+        value: 3, left: 2, right: 4, parent: 1,
+      });
+    });
+
+    it('should rotate last two', () => {
+      //        4
+      //      /
+      //    3
+      //  /
+      // 1*
+      //  \
+      //   2
+      n4.setLeftAndUpdateParent(n3);
+      n3.setLeftAndUpdateParent(n1);
+      n1.setRightAndUpdateParent(n2);
+
+      const newParent = leftRotation(n1);
+      expect(newParent).toBe(n2);
+
+      expect(n1.toValues()).toMatchObject({
+        value: 1, left: null, right: null, parent: 2,
+      });
+      expect(n2.toValues()).toMatchObject({
+        value: 2, left: 1, right: null, parent: 3,
+      });
+      expect(n3.toValues()).toMatchObject({
+        value: 3, left: 2, right: null, parent: 4,
+      });
+    });
+
+    it('should not lose nodes on LL', () => {
+      //  1                                          1
+      //   \                                          \
+      //    4*                                         16
+      //   / \                                        / \
+      // 2    16    -- left-rotation(4) ->          4   32
+      //    /  \                                   / \    \
+      //   8   32                                2   8    64
+      //         \
+      //         64
+      const n8 = new BinaryTreeNode(8);
+      const n16 = new BinaryTreeNode(16);
+      const n32 = new BinaryTreeNode(32);
+      const n64 = new BinaryTreeNode(64);
+
+      n1.setRightAndUpdateParent(n4);
+      n4.setLeftAndUpdateParent(n2);
+      n4.setRightAndUpdateParent(n16);
+      n16.setLeftAndUpdateParent(n8);
+      n16.setRightAndUpdateParent(n32);
+      n32.setLeftAndUpdateParent(n64);
+
+      const newParent = leftRotation(n4);
+
+      expect(newParent).toBe(n16);
+      expect(n8.toValues()).toMatchObject({
+        value: 8, left: null, right: null, parent: 4,
+      });
+      expect(n4.toValues()).toMatchObject({
+        value: 4, left: 2, right: 8, parent: 16,
+      });
+    });
+  });
+
+  describe('#rightRotation (RR Rotation)', () => {
+    it('should rotate single trees', () => {
+      //           4
+      //         /
+      //       3*
+      //     /
+      //    2
+      //  /
+      // 1
+      n4.setLeftAndUpdateParent(n3);
+      n3.setLeftAndUpdateParent(n2);
+      n2.setLeftAndUpdateParent(n1);
+
+      const newParent = rightRotation(n3);
+
+      expect(newParent).toBe(n2);
+      expect(n1.toValues()).toMatchObject({
+        value: 1, left: null, right: null, parent: 2,
+      });
+      expect(n2.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: 4,
+      });
+      expect(n3.toValues()).toMatchObject({
+        value: 3, left: null, right: null, parent: 2,
+      });
+      expect(n4.toValues()).toMatchObject({
+        value: 4, left: 2, right: null, parent: null,
+      });
+    });
+
+    it('should right rotate at the top', () => {
+      //       3*
+      //     /
+      //    2
+      //  /
+      // 1
+      n3.setLeftAndUpdateParent(n2);
+      n2.setLeftAndUpdateParent(n1);
+
+      const newParent = rightRotation(n3);
+
+      expect(newParent).toBe(n2);
+      expect(n2.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+    });
+
+    it('should RR last two', () => {
+      //  1
+      //   \
+      //     3*
+      //   /
+      //  2
+      n1.setRightAndUpdateParent(n3);
+      n3.setLeftAndUpdateParent(n2);
+
+      const newParent = rightRotation(n3);
+
+      expect(newParent).toBe(n2);
+      expect(n1.toValues()).toMatchObject({
+        value: 1, left: null, right: 2, parent: null,
+      });
+      expect(n2.toValues()).toMatchObject({
+        value: 2, left: null, right: 3, parent: 1,
+      });
+      expect(n3.toValues()).toMatchObject({
+        value: 3, left: null, right: null, parent: 2,
+      });
+    });
+
+    it('should not lose nodes on RR', () => {
+      //      16*                                      4
+      //      / \                                     / \
+      //     4  32    -- right-rotation(16) -->      2   16
+      //    / \                                     /    / \
+      //   2   8                                   1    8   32
+      //  /
+      // 1
+      const n8 = new BinaryTreeNode(8);
+      const n16 = new BinaryTreeNode(16);
+      const n32 = new BinaryTreeNode(32);
+      n16.setLeftAndUpdateParent(n4);
+      n16.setRightAndUpdateParent(n32);
+      n4.setLeftAndUpdateParent(n2);
+      n4.setRightAndUpdateParent(n8);
+      n2.setLeftAndUpdateParent(n1);
+
+      const newParent = rightRotation(n16);
+
+      expect(newParent).toBe(n4);
+      expect(n8.toValues()).toMatchObject({
+        value: 8, left: null, right: null, parent: 16,
+      });
+      expect(n16.toValues()).toMatchObject({
+        value: 16, left: 8, right: 32, parent: 4,
+      });
+    });
+  });
+
+  describe('#leftRightRotation (LR Rotation)', () => {
+    it('should do LL rotation and RR rotation', () => {
+      //        4
+      //      /
+      //    3*
+      //  /
+      // 1
+      //  \
+      //   2
+      n4.setLeftAndUpdateParent(n3);
+      n3.setLeftAndUpdateParent(n1);
+      n1.setRightAndUpdateParent(n2);
+
+      const newParent = leftRightRotation(n3);
+
+      expect(newParent).toBe(n2);
+      expect(n1.toValues()).toMatchObject({
+        value: 1, left: null, right: null, parent: 2,
+      });
+      expect(n2.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: 4,
+      });
+      expect(n3.toValues()).toMatchObject({
+        value: 3, left: null, right: null, parent: 2,
+      });
+    });
+  });
+
+  describe('#rightLeftRotation (RL Rotation)', () => {
+    it('should do a RR rotation and then a LL rotation', () => {
+      //  1*
+      //   \
+      //     3
+      //   /
+      //  2
+      n1.setRightAndUpdateParent(n3);
+      n3.setLeftAndUpdateParent(n2);
+
+      const newParent = rightLeftRotation(n1);
+      expect(newParent).toBe(n2);
+      expect(n1.toValues()).toMatchObject({
+        value: 1, left: null, right: null, parent: 2,
+      });
+      expect(n2.toValues()).toMatchObject({
+        value: 2, left: 1, right: 3, parent: null,
+      });
+      expect(n3.toValues()).toMatchObject({
+        value: 3, left: null, right: null, parent: 2,
+      });
+    });
+  });
+});
diff --git a/docs/content/ds/data-structures/trees/trie-1.js b/docs/content/ds/data-structures/trees/trie-1.js
new file mode 100644
index 0000000000..fb6ed1bf95
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/trie-1.js
@@ -0,0 +1,123 @@
+class Trie {
+  constructor(val) {
+    this.val = val;
+    this.children = {};
+    this.isWord = false;
+  }
+
+  /**
+   * Insert word into trie and mark last element as such.
+   * @param {string} word
+   * @return {undefined}
+   */
+  insert(word) {
+    let curr = this;
+
+    for (const char of word) {
+      curr.children[char] = curr.children[char] || new Trie(char);
+      curr = curr.children[char];
+    }
+
+    curr.isWord = true;
+  }
+
+  /**
+   * Search for complete word (by default) or partial if flag is set.
+   * @param {string} word - Word to search.
+   * @param {boolean} options.partial - Whether or not match partial matches.
+   * @return {boolean}
+   */
+  search(word, { partial } = {}) {
+    let curr = this;
+
+    for (const char of word) {
+      if (!curr.children[char]) { return false; }
+      curr = curr.children[char];
+    }
+
+    return partial ? true : curr.isWord;
+  }
+
+  /**
+   * Return true if any word on the trie starts with the given prefix
+   * @param {string} prefix - Partial word to search.
+   * @return {boolean}
+   */
+  startsWith(prefix) {
+    return this.search(prefix, { partial: true });
+  }
+
+  /**
+   * Returns all the words from the current `node`.
+   * Uses backtracking.
+   *
+   * @param {string} prefix - The prefix to append to each word.
+   * @param {string} node - Current node to start backtracking.
+   * @param {string[]} words - Accumulated words.
+   * @param {string} string - Current string.
+   */
+  getAllWords(prefix = '', node = this, words = [], string = '') {
+    if (node.isWord) {
+      words.push(`${prefix}${string}`);
+    }
+
+    for (const char of Object.keys(node.children)) {
+      this.getAllWords(prefix, node.children[char], words, `${string}${char}`);
+    }
+
+    return words;
+  }
+
+  /**
+   * Return true if found the word to be removed, otherwise false.
+   * Iterative approach
+   * @param {string} word - The word to remove
+   * @returns {boolean}
+   */
+  remove(word) {
+    const stack = [];
+    let curr = this;
+
+    for (const char of word) {
+      if (!curr.children[char]) { return false; }
+      stack.push(curr);
+      curr = curr.children[char];
+    }
+
+    if (!curr.isWord) { return false; }
+    let node = stack.pop();
+
+    do {
+      node.children = {};
+      node = stack.pop();
+    } while (node && !node.isWord);
+
+    return true;
+  }
+
+  /**
+   * Return true if found the word to be removed, otherwise false.
+   * recursive approach
+   * @param {string} word - The word to remove
+   * @returns {boolean}
+   */
+  remove2(word, i = 0, parent = this) {
+    if (i === word.length - 1) {
+      return true;
+    }
+    const child = parent.children[word.charAt(i)];
+    if (!child) return false;
+
+    const found = this.remove(word, i + 1, child);
+
+    if (found) {
+      delete parent.children[word.charAt(i)];
+    }
+    return true;
+  }
+}
+
+// Aliases
+Trie.prototype.add = Trie.prototype.insert;
+
+module.exports = Trie;
diff --git a/docs/content/ds/data-structures/trees/trie-2.js b/docs/content/ds/data-structures/trees/trie-2.js
new file mode 100644
index 0000000000..1a03c24115
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/trie-2.js
@@ -0,0 +1,133 @@
+class Trie {
+  constructor(val) {
+    this.val = val;
+    this.children = {};
+    this.isWord = false;
+  }
+
+  /**
+   * Insert word into trie and mark last element as such.
+   * @param {string} word
+   * @return {undefined}
+   */
+  insert(word) {
+    let curr = this;
+
+    for (const char of word) {
+      curr.children[char] = curr.children[char] || new Trie(char);
+      curr = curr.children[char];
+    }
+
+    curr.isWord = true;
+  }
+
+  /**
+   * Return true if found the word to be removed, otherwise false.
+   * @param {string} word - The word to remove
+   * @returns {boolean}
+   */
+  remove(word) {
+    return this.removeHelper(word);
+  }
+
+  /**
+   * Remove word from trie, return true if found, otherwise false.
+   * @param {string} word - The word to remove.
+   * @param {Trie} parent - The parent node.
+   * @param {number} index - The index.
+   * @param {number} meta.stop - Keeps track of the last letter that won't be removed.
+   * @returns {boolean}
+   */
+  removeHelper(word, parent = this, index = 0, meta = { stop: 0 }) {
+    if (index === word.length) {
+      parent.isWord = false;
+      if (Object.keys(parent.children)) { meta.stop = index; }
+      return true;
+    }
+    const child = parent.children[word.charAt(index)];
+    if (!child) { return false; }
+    if (parent.isWord) { meta.stop = index; }
+    const found = this.removeHelper(word, child, index + 1, meta);
+    // deletes all the nodes beyond `meta.stop`.
+    if (found && index >= meta.stop) {
+      delete parent.children[word.charAt(index)];
+    }
+    return found;
+  }
+
+  /**
+   * Retun last node that matches word or prefix or false if not found.
+   * @param {string} word - Word to search.
+   * @param {boolean} options.partial - Whether or not match partial matches.
+   * @return {Trie|false}
+   */
+  searchNode(word) {
+    let curr = this;
+
+    for (const char of word) {
+      if (!curr.children[char]) { return false; }
+      curr = curr.children[char];
+    }
+
+    return curr;
+  }
+
+  /**
+   * Search for complete word (by default) or partial if flag is set.
+   * @param {string} word - Word to search.
+   * @param {boolean} options.partial - Whether or not match partial matches.
+   * @return {boolean}
+   */
+  search(word, { partial } = {}) {
+    const curr = this.searchNode(word);
+    if (!curr) { return false; }
+    return partial ? true : curr.isWord;
+  }
+
+  /**
+   * Return true if any word on the trie starts with the given prefix
+   * @param {string} prefix - Partial word to search.
+   * @return {boolean}
+   */
+  startsWith(prefix) {
+    return this.search(prefix, { partial: true });
+  }
+
+  /**
+   * Returns all the words from the current `node`.
+   * Uses backtracking.
+   *
+   * @param {string} prefix - The prefix to append to each word.
+   * @param {string} node - Current node to start backtracking.
+   */
+  getAllWords(prefix = '', node = this) {
+    let words = [];
+
+    if (!node) { return words; }
+    if (node.isWord) {
+      words.push(prefix);
+    }
+
+    for (const char of Object.keys(node.children)) {
+      const newWords = this.getAllWords(`${prefix}${char}`, node.children[char]);
+      words = words.concat(newWords);
+    }
+
+    return words;
+  }
+
+  /**
+   * Return a list of words matching the prefix
+   * @param {*} prefix - The prefix to match.
+   * @returns {string[]}
+   */
+  autocomplete(prefix = '') {
+    const curr = this.searchNode(prefix);
+    return this.getAllWords(prefix, curr);
+  }
+}
+
+// Aliases
+Trie.prototype.add = Trie.prototype.insert;
+
+module.exports = Trie;
diff --git a/docs/content/ds/data-structures/trees/trie.js b/docs/content/ds/data-structures/trees/trie.js
new file mode 100644
index 0000000000..77fa5b57ab
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/trie.js
@@ -0,0 +1,132 @@
+class Trie {
+  constructor(val) {
+    this.val = val;
+    this.children = {};
+    this.isWord = false;
+  }
+
+  /**
+   * Insert word into trie and mark last element as such.
+   * @param {string} word
+   * @return {undefined}
+   */
+  insert(word) {
+    let curr = this;
+
+    for (const char of word) {
+      curr.children[char] = curr.children[char] || new Trie(char);
+      curr = curr.children[char];
+    }
+
+    curr.isWord = true;
+  }
+
+  /**
+   * Return true if found the word to be removed, otherwise false.
+   * @param {string} word - The word to remove
+   * @returns {boolean}
+   */
+  remove(word) {
+    let curr = this;
+    // let lastWordToKeep = 0;
+    const stack = [curr];
+
+    // find word and stack path
+    for (const char of word) {
+      if (!curr.children[char]) { return false; }
+      // lastWordToKeep += 1;
+      curr = curr.children[char];
+      stack.push(curr);
+    }
+
+    let child = stack.pop();
+    child.isWord = false;
+
+    // remove non words without children
+    while (stack.length) {
+      const parent = stack.pop();
+      if (!child.isWord && !Object.keys(child.children).length) {
+        delete parent.children[child.val];
+      }
+      child = parent;
+    }
+
+    return true;
+  }
+
+  /**
+   * Retun last node that matches word or prefix or false if not found.
+   * @param {string} word - Word to search.
+   * @param {boolean} options.partial - Whether or not match partial matches.
+   * @return {Trie|false}
+   */
+  searchNode(word) {
+    let curr = this;
+
+    for (const char of word) {
+      if (!curr.children[char]) { return false; }
+      curr = curr.children[char];
+    }
+
+    return curr;
+  }
+
+  /**
+   * Search for complete word (by default) or partial if flag is set.
+   * @param {string} word - Word to search.
+   * @param {boolean} options.partial - Whether or not match partial matches.
+   * @return {boolean}
+   */
+  search(word, { partial } = {}) {
+    const curr = this.searchNode(word);
+    if (!curr) { return false; }
+    return partial ? true : curr.isWord;
+  }
+
+  /**
+   * Return true if any word on the trie starts with the given prefix
+   * @param {string} prefix - Partial word to search.
+   * @return {boolean}
+   */
+  startsWith(prefix) {
+    return this.search(prefix, { partial: true });
+  }
+
+  /**
+   * Returns all the words from the current `node`.
+   * Uses backtracking.
+   *
+   * @param {string} prefix - The prefix to append to each word.
+   * @param {string} node - Current node to start backtracking.
+   */
+  getAllWords(prefix = '', node = this) {
+    let words = [];
+
+    if (!node) { return words; }
+    if (node.isWord) {
+      words.push(prefix);
+    }
+
+    for (const char of Object.keys(node.children)) {
+      const newWords = this.getAllWords(`${prefix}${char}`, node.children[char]);
+      words = words.concat(newWords);
+    }
+
+    return words;
+  }
+
+  /**
+   * Return a list of words matching the prefix
+   * @param {*} prefix - The prefix to match.
+   * @returns {string[]}
+   */
+  autocomplete(prefix = '') {
+    const curr = this.searchNode(prefix);
+    return this.getAllWords(prefix, curr);
+  }
+}
+
+// Aliases
+Trie.prototype.add = Trie.prototype.insert;
+
+module.exports = Trie;
diff --git a/docs/content/ds/data-structures/trees/trie.spec.js b/docs/content/ds/data-structures/trees/trie.spec.js
new file mode 100644
index 0000000000..fca6588e7b
--- /dev/null
+++ b/docs/content/ds/data-structures/trees/trie.spec.js
@@ -0,0 +1,188 @@
+const Trie = require('./trie');
+
+describe('Trie', () => {
+  let trie;
+
+  beforeEach(() => {
+    trie = new Trie();
+  });
+
+  describe('construtor', () => {
+    it('should initialize trie', () => {
+      expect(trie).toBeDefined();
+    });
+
+    it('should set default value to undefined', () => {
+      expect(trie.val).toEqual(undefined);
+    });
+
+    it('should initialization value', () => {
+      trie = new Trie(1);
+      expect(trie.val).toEqual(1);
+    });
+
+    it('should initialize children as empty map', () => {
+      expect(trie.children).toEqual({});
+    });
+
+    it('should not be a word by default', () => {
+      expect(trie.isWord).toEqual(false);
+    });
+  });
+
+  describe('insert', () => {
+    it('should insert a word', () => {
+      trie.insert('ab');
+      expect(trie.children.a).toBeDefined();
+      expect(trie.children.a.children.b).toBeDefined();
+      expect(trie.children.a.isWord).toEqual(false);
+      expect(trie.children.a.children.b.isWord).toEqual(true);
+    });
+
+    it('should insert multiple words with the same root', () => {
+      trie.insert('a');
+      trie.insert('ab');
+      expect(trie.children.a.isWord).toEqual(true);
+      expect(trie.children.a.children.b.isWord).toEqual(true);
+    });
+  });
+
+  describe('search & startsWith', () => {
+    beforeEach(() => {
+      trie.insert('dog');
+      trie.insert('dogs');
+      trie.insert('door');
+    });
+
+    it('should search for words', () => {
+      expect(trie.search('dog')).toEqual(true);
+    });
+
+    it('should not match incomplete words by default', () => {
+      expect(trie.search('do')).toEqual(false);
+    });
+
+    it('should match partial words if partial is set', () => {
+      expect(trie.search('do', {
+        partial: true,
+      })).toEqual(true);
+      expect(trie.startsWith('do')).toEqual(true);
+    });
+
+    it('should match full words if partial is set', () => {
+      expect(trie.search('dogs', {
+        partial: true,
+      })).toEqual(true);
+      expect(trie.startsWith('dogs')).toEqual(true);
+    });
+
+    it('should not match non existing words', () => {
+      expect(trie.search('doors')).toEqual(false);
+    });
+
+    it('should not match non existing words with partials', () => {
+      expect(trie.search('doors', {
+        partial: true,
+      })).toEqual(false);
+      expect(trie.startsWith('doors')).toEqual(false);
+    });
+  });
+
+  describe('when multiple words are inserted', () => {
+    beforeEach(() => {
+      trie.insert('dog');
+      trie.insert('dogs');
+      trie.insert('door');
+      trie.insert('day');
+      trie.insert('cat');
+    });
+
+    describe('getAllWords', () => {
+      it('should get all words', () => {
+        const words = trie.getAllWords();
+        expect(words.length).toEqual(5);
+        expect(words).toEqual(['dog', 'dogs', 'door', 'day', 'cat']);
+      });
+
+      it('should use prefix', () => {
+        const words = trie.getAllWords("Adrian's ");
+        expect(words.length).toEqual(5);
+        expect(words).toEqual([
+          "Adrian's dog",
+          "Adrian's dogs",
+          "Adrian's door",
+          "Adrian's day",
+          "Adrian's cat",
+        ]);
+      });
+    });
+
+    describe('autocomplete', () => {
+      it('should return all words if not prefix is given', () => {
+        const words = trie.autocomplete();
+        expect(words.length).toBe(5);
+        expect(words).toEqual(['dog', 'dogs', 'door', 'day', 'cat']);
+      });
+
+      it('should auto complete words given a prefix', () => {
+        const words = trie.autocomplete('do');
+        expect(words.length).toBe(3);
+        expect(words).toEqual(['dog', 'dogs', 'door']);
+      });
+
+      it('should handle non-existing words prefixes', () => {
+        const words = trie.autocomplete('co');
+        expect(words.length).toBe(0);
+        expect(words).toEqual([]);
+      });
+    });
+
+    describe('remove', () => {
+      it('should remove a word', () => {
+        trie = new Trie();
+        trie.insert('a');
+        expect(trie.remove('a')).toEqual(true);
+        expect(trie.getAllWords()).toEqual([]);
+      });
+
+      it('should remove word and keep other words', () => {
+        trie = new Trie();
+        trie.insert('a');
+        trie.insert('ab');
+        expect(trie.remove('a')).toEqual(true);
+        expect(trie.getAllWords()).toEqual(['ab']);
+      });
+
+      it('should remove surrounding word', () => {
+        trie = new Trie();
+        trie.insert('a');
+        trie.insert('ab');
+        expect(trie.remove('ab')).toEqual(true);
+        expect(trie.getAllWords()).toEqual(['a']);
+      });
+
+      it('should return false when word is not found', () => {
+        expect(trie.remove('not there')).toBe(false);
+      });
+
+      it('should remove words in between and still match', () => {
+        expect(trie.remove('dog')).toBe(true);
+        expect(trie.search('dogs')).toBe(true);
+        expect(trie.startsWith('dog')).toBe(true);
+        expect(trie.getAllWords()).toEqual([
+          'dogs', 'door', 'day', 'cat',
+        ]);
+      });
+
+      it('should remove word and no longer match partials', () => {
+        expect(trie.remove('dogs')).toBe(true);
+        expect(trie.search('dogs')).toBe(false);
+        expect(trie.search('dog')).toBe(true);
+        expect(trie.startsWith('dog')).toBe(true);
+        expect(trie.getAllWords()).toEqual([
+          'dog', 'door', 'day', 'cat',
+        ]);
+      });
+    });
+  });
+});
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/http_/callbackhell.com/index.html b/docs/content/html-docs/docs/node-docs-complete/images/http_/callbackhell.com/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/http_/callbackhell.com/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/http_/koajs.com/index.html b/docs/content/html-docs/docs/node-docs-complete/images/http_/koajs.com/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/http_/koajs.com/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/adonisjs.com/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/adonisjs.com/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/adonisjs.com/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/adonisjs.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/adonisjs.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/adonisjs.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/angular.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/angular.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/angular.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/caniuse.com/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/caniuse.com/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/caniuse.com/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/caniuse.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/caniuse.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/caniuse.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/developer.apple.com/documentation/javascriptcore.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/developer.apple.com/documentation/javascriptcore.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/developer.apple.com/documentation/javascriptcore.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/developer.mozilla.org/en-US/docs/WebAssembly.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/developer.mozilla.org/en-US/docs/WebAssembly.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/developer.mozilla.org/en-US/docs/WebAssembly.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/docs.npmjs.com/cli/v7/configuring-npm/package-json.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/docs.npmjs.com/cli/v7/configuring-npm/package-json.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/docs.npmjs.com/cli/v7/configuring-npm/package-json.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/docs.wasmtime.dev/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/docs.wasmtime.dev/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/docs.wasmtime.dev/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/eggjs.org/en/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/eggjs.org/en/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/eggjs.org/en/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/emscripten.org/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/emscripten.org/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/emscripten.org/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Application_layer.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Application_layer.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Application_layer.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Computer_network.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Computer_network.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Computer_network.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Endianness.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Endianness.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Endianness.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Hypertext_Transfer_Protocol.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Hypertext_Transfer_Protocol.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Hypertext_Transfer_Protocol.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/OSI_model.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/OSI_model.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/OSI_model.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Transmission_Control_Protocol.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Transmission_Control_Protocol.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Transmission_Control_Protocol.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Transport_layer.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Transport_layer.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/Transport_layer.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/User_Datagram_Protocol.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/User_Datagram_Protocol.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/en.wikipedia.org/wiki/User_Datagram_Protocol.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/expressjs.com/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/expressjs.com/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/expressjs.com/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/fastify.io/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/fastify.io/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/fastify.io/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/feathersjs.com/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/feathersjs.com/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/feathersjs.com/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/fetch.spec.whatwg.org/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/fetch.spec.whatwg.org/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/fetch.spec.whatwg.org/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/gist.github.com/iamnewton/8754917.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/gist.github.com/iamnewton/8754917.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/gist.github.com/iamnewton/8754917.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/Microsoft/ChakraCore.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/Microsoft/ChakraCore.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/Microsoft/ChakraCore.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/SBoudrias/Inquirer.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/SBoudrias/Inquirer.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/SBoudrias/Inquirer.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/axios/axios.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/axios/axios.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/axios/axios.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/chalk/chalk.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/chalk/chalk.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/chalk/chalk.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/webassembly/wabt.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/webassembly/wabt.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/webassembly/wabt.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/zeit/micro.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/zeit/micro.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/github.com/zeit/micro.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/graphql.org/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/graphql.org/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/graphql.org/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/hapijs.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/hapijs.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/hapijs.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/loopback.io/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/loopback.io/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/loopback.io/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/meteor.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/meteor.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/meteor.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nestjs.com/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nestjs.com/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nestjs.com/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nextjs.org/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nextjs.org/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nextjs.org/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/discover-javascript-timers.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/discover-javascript-timers.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/discover-javascript-timers.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/semantic-versioning-using-npm/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/semantic-versioning-using-npm/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/semantic-versioning-using-npm/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/the-nodejs-event-loop.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/the-nodejs-event-loop.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/the-nodejs-event-loop.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/understanding-javascript-promises.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/understanding-javascript-promises.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/learn/understanding-javascript-promises.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/the-nodejs-http-module.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/the-nodejs-http-module.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.dev/the-nodejs-http-module.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/buffer.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/buffer.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/buffer.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/console.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/console.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/console.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/dgram.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/dgram.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/dgram.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/errors.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/errors.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/errors.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/events.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/events.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/events.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/fs.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/fs.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/fs.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/http.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/http.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/http.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/modules.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/modules.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/modules.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/net.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/net.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/net.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/readline.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/readline.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/readline.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/stream.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/stream.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/stream.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/timers.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/timers.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/api/timers.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/docs/latest-v11.x/api/util.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/docs/latest-v11.x/api/util.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nodejs.org/docs/latest-v11.x/api/util.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/nx.dev/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/nx.dev/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/nx.dev/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/pnpm.js.org/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/pnpm.js.org/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/pnpm.js.org/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/prisma.io/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/prisma.io/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/prisma.io/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/reactjs.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/reactjs.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/reactjs.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/reactjs.org/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/reactjs.org/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/reactjs.org/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/rustwasm.github.io/wasm-pack/book/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/rustwasm.github.io/wasm-pack/book/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/rustwasm.github.io/wasm-pack/book/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/rxjs.dev/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/rxjs.dev/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/rxjs.dev/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/sapper.svelte.dev/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/sapper.svelte.dev/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/sapper.svelte.dev/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/socket.io/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/socket.io/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/socket.io/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/spidermonkey.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/spidermonkey.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/spidermonkey.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/strapi.io/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/strapi.io/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/strapi.io/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/typeorm.io/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/typeorm.io/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/typeorm.io/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/v8.dev/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/v8.dev/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/v8.dev/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/vuejs.org/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/vuejs.org/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/vuejs.org/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/wasi.dev/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/wasi.dev/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/wasi.dev/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/webassembly.github.io/spec/core/text/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/webassembly.github.io/spec/core/text/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/webassembly.github.io/spec/core/text/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/webassembly.org/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/webassembly.org/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/webassembly.org/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.assemblyscript.org/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.assemblyscript.org/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.assemblyscript.org/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.gatsbyjs.com/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.gatsbyjs.com/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.gatsbyjs.com/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/browserslist.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/browserslist.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/browserslist.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/cowsay.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/cowsay.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/cowsay.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/dotenv.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/dotenv.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/dotenv.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/fs-extra.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/fs-extra.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/fs-extra.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/minimist.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/minimist.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/minimist.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/node.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/node.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/node.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/npx.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/npx.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/npx.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/progress.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/progress.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/progress.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/readline-sync.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/readline-sync.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.npmjs.com/package/readline-sync.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/www.typescriptlang.org/docs.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.typescriptlang.org/docs.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/www.typescriptlang.org/docs.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-complete/images/https_/yarnpkg.com/en/index.html b/docs/content/html-docs/docs/node-docs-complete/images/https_/yarnpkg.com/en/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-complete/images/https_/yarnpkg.com/en/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/node-docs-full/index.html b/docs/content/html-docs/docs/node-docs-full/index.html
new file mode 100644
index 0000000000..458b39f9b9
--- /dev/null
+++ b/docs/content/html-docs/docs/node-docs-full/index.html
@@ -0,0 +1,1101 @@
+<!DOCTYPE html><html><!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
+<head><style data-href="../../../styles.9ec07c865aac99f55058.css">html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}.font-fira-sans b,.font-fira-sans strong{font-weight:600}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:Lato,Helvetica,Arial,sans-serif;font-size:100%}body{background:#f8f8fa;color:#424b5f;line-height:1.425;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow:scroll}a{color:#00c6ff;text-decoration:underline;transition:color .4s ease-out}a:hover{color:#424b5f}#social-embed{bottom:120px!important;width:100%!important;width:1000px!important;box-shadow:inset 0 5px 3px -10px #000,inset 0 -11px 8px -10px #000;margin:0 auto!important;height:400px!important;overflow:scroll!important;border:1px dotted #000}iframe{overflow-y:scroll;overflow-x:scroll;border-radius:12px;border:1px dotted #000;height:1200px;box-shadow:inset 0 4px 4px -10px #000,inset 0 -11px 8px -10px #000;width:1000px;resize:both!important;overflow:scroll}code{box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}pre{box-shadow:0 1px 4px rgba(184,137,137,.3),inset 0 0 40px rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{color:#283040;font-weight:700;line-height:1.2;margin:1.5em 0 .5em;text-rendering:optimizeLegibility}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}p{margin:0 0 1em}ins,mark{background:#fff7e6;color:#283040;padding:.15em;text-decoration:none}pre{background:#283040;border-radius:3px;color:#f8f8fa;font-size:.875em;line-height:1.5;margin:1.14286em 0;overflow:auto;padding:1.5em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal}pre:first-child{margin-top:0}:not(pre)>code{background:#ecedf2;border-radius:3px;color:#424b5f;font-size:.875rem;padding:.15em;white-space:normal}blockquote{border-left:5px solid #00c6ff;font-size:1.25em;line-height:1.4;margin:1.25em 0;padding:0 0 0 1em}blockquote:first-child{margin-top:0}blockquote p{margin-bottom:.5em}blockquote cite,blockquote small{color:#67758d;display:block;font-size:.75em;font-style:normal;font-weight:400;line-height:1.5;margin-top:.5em}dl{margin:0}dt{font-weight:700}dd,ol,ul{margin:0 0 1em}ul{list-style:disc;padding:0 0 0 1.125em}ol{list-style:decimal;padding:0 0 0 1.5em}li>ol,li>ul{margin-bottom:0}hr{background-color:#dde0e7;border:0;height:1px;margin:1.875em 0}hr:first-child{margin-top:0}img{height:auto;max-width:100%;border-radius:10px}img :not(.site-logo){box-shadow:inset 10px 10px 50px #fff}@media only screen and (min-width:741px){blockquote{font-size:1.5em;line-height:1.3}h1{font-size:2.5em}h2{font-size:2.125em}h3{font-size:1.875em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1.125em}}code[class*=language-],pre[class*=language-]{color:#fff;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em #000;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#141414}pre[class*=language-]{border-radius:.5em;border:.3em solid #545454;box-shadow:inset 1px 1px .5em #000;margin:.5em 0;overflow:auto;padding:1em}pre[class*=language-]::selection{background:#27292a}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:hsla(0,0%,92.9%,.15)}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid #545454;box-shadow:inset 1px 1px .3em -.1em #000;padding:.15em .2em .05em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#777}.token.namespace,.token.punctuation{opacity:.7}.token.boolean,.token.deleted,.token.number,.token.tag{color:#ce6849}.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:#f9ed99}.language-css .token.string,.style .token.string,.token.attr-name,.token.attr-value,.token.char,.token.entity,.token.inserted,.token.operator,.token.string,.token.url,.token.variable{color:#909e6a}.token.atrule{color:#7385a5}.token.important,.token.regex{color:#e8c062}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-markup .token.attr-name,.language-markup .token.punctuation,.language-markup .token.tag{color:#ac885c}.token{position:relative;z-index:1}.line-highlight.line-highlight{background:rgba(84,84,84,.25);background:linear-gradient(90deg,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;margin-top:.75em;z-index:0}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background-color:#8693a6;color:#f4f1ef}/*! @algolia/autocomplete-theme-classic 1.5.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */:root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form[focus-within]{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-Form:focus-within{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:11px;padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:8px;padding-right:var(--aa-spacing-half);width:47px;width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:3px;padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:39px;width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;appearance:none;background:none;border:0;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input:-ms-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::-webkit-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 12.8333333333px;padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 10.1666666667px;padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:4px;border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,-webkit-filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in,-webkit-filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:8px;padding:var(--aa-spacing-half);scrollbar-color:#fff #eaeaea;scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:#eaeaea;background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:#fff;background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid #eaeaea;border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:16px;padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:8px .5em 8px 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 8px 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid #3e34d3;border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:8px;top:var(--aa-spacing-half);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,#fff,rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128,126,163,.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid #3e34d3;border:1px solid rgba(var(--aa-primary-color-rgb),1);color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:40px;min-height:calc(var(--aa-spacing)*2.5);padding:4px;padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179,173,214,.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:#7777a3;color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:28px;height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:28px;width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:20px;max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:20px;max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:8px;padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:36px;padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128,126,163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:8px;margin-left:var(--aa-spacing-half);margin-right:4px;margin-right:calc(var(--aa-spacing-half)/2);width:10px;width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:8px;height:var(--aa-spacing-half);width:8px;width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:#807ea3;color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245,223,77,.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62,52,211,.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 -5.3333333333px;margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:5.3333333333px;margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:#3e34d3;background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:8px 16px;padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:-8px;bottom:calc(var(--aa-spacing-half)*-1);content:"";height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0}.aa-PanelFooter,.aa-PanelHeader:after{z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128,126,163,.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:16px;padding:var(--aa-spacing);position:relative}.aa-PanelFooter:after{background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:16px;height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:-16px;top:calc(var(--aa-spacing)*-1);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:8px 0 8px 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128,126,163,.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:8px;padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 8px;margin:0 0 0 var(--aa-spacing-half);padding:0 8px;padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:8px;padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 5.5px;padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;height:100%;justify-content:center;width:36px;width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115,114,129,.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(hsla(0,0%,100%,0),#fff);background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}.aa-Autocomplete,.aa-DetachedContainer,.aa-Panel{--color-mark:#5468ff;--color-background:#fff;--color-selected:#f5f5fa;--color-text:#23263b;--color-input-icon:#777;--color-source-icon:rgba(80,80,80,0.32);--height:32px;--height-icon:16px;--font-size:16px}.aa-Panel{min-width:350px;z-index:1100;margin-top:2px}.aa-Panel .aa-PanelLayout{padding-top:0;padding-bottom:0;background-color:var(--color-background)}.aa-Panel .aa-PanelLayout .aa-PanelLayoutPreview{border-left:1px solid var(--color-selected)}.aa-Panel .aa-GradientBottom{background-image:none}.aa-Autocomplete .aa-Form,.aa-DetachedFormContainer .aa-Form{height:var(--height);font-size:var(--font-size);padding:0;background-color:var(--color-background)}.aa-Autocomplete .aa-Form:focus-within,.aa-DetachedFormContainer .aa-Form:focus-within{box-shadow:none}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix,.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label svg,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label svg{left:0;vertical-align:middle;color:var(--color-input-icon);width:var(--height-icon)}.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input,.aa-DetachedFormContainer .aa-Form .aa-InputWrapper .aa-Input{height:var(--height);color:var(--color-text)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix{height:var(--height)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-Item{color:var(--color-text)}.aa-Item{padding:2px 0}.aa-Item a{color:inherit;text-decoration:none}.aa-Item[aria-selected=true]{background-color:var(--color-selected)}.aa-Item .aa-ItemContent{display:flex;color:var(--color-text)}.aa-Item .aa-ItemContent mark{color:var(--color-mark);background-color:transparent}.aa-Item .aa-ItemIcon{align-items:baseline;color:var(--color-source-icon);background:none;box-shadow:none;margin:0 var(--aa-spacing-half) 0 2px}.aa-Item .aa-ItemTitle{font-size:14px;font-weight:700;line-height:18px}.aa-Item .aa-ItemHierarchy{font-size:12px;font-style:italic;line-height:18px;opacity:.8;padding:1px 0}.aa-Item .aa-ItemDescription{font-size:12px;line-height:16px;color:#797979}.aa-DetachedContainer{background:var(--color-background)}.aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedCancelButton{color:var(--color-text)}.aa-DetachedOverlay{z-index:10}.aa-DetachedSearchButton{background-color:var(--color-background)}.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon{color:var(--color-input-icon)}.aa-powered-by-link{display:inline-block;width:64px;height:18px;margin-left:4px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODUgMTIwIj48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjNTQ2OEZGIiBkPSJNMTYuOC0xLjAwMWg4OC40YzguNyAwIDE1LjggNy4wNjUgMTUuOCAxNS44djg4LjQwNWMwIDguNy03LjA2NSAxNS43OTUtMTUuOCAxNS43OTVIMTYuOGMtOC43IDAtMTUuOC03LjA2LTE1LjgtMTUuNzk1VjE0Ljc1OWMwLTguNjk1IDcuMDYtMTUuNzYgMTUuOC0xNS43NiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03My41MDUgMjUuNzg4di00LjExNWE1LjIwOSA1LjIwOSAwIDAwLTUuMjEtNS4yMDVINTYuMTVhNS4yMDkgNS4yMDkgMCAwMC01LjIxIDUuMjA1djQuMjI1YzAgLjQ3LjQzNS44LjkxLjY5YTM3Ljk2NiAzNy45NjYgMCAwMTEwLjU3LTEuNDljMy40NjUgMCA2Ljg5NS40NyAxMC4yMSAxLjM4LjQ0LjExLjg3NS0uMjE1Ljg3NS0uNjlNNDAuMjIgMzEuMTczbC0yLjA3NS0yLjA3NWE1LjIwNiA1LjIwNiAwIDAwLTcuMzY1IDBsLTIuNDggMi40NzVhNS4xODUgNS4xODUgMCAwMDAgNy4zNTVsMi4wNCAyLjA0Yy4zMy4zMjUuODA1LjI1IDEuMDk1LS4wNzVhMzkuODc2IDM5Ljg3NiAwIDAxMy45NzUtNC42NiAzNy42OCAzNy42OCAwIDAxNC43LTRjLjM2NC0uMjIuNC0uNzMuMTEtMS4wNm0yMi4xNjQgMTMuMDY1djE3LjhjMCAuNTEuNTUuODc1IDEuMDIuNjJsMTUuODI1LTguMTljLjM2LS4xOC40Ny0uNjIuMjktLjk4LTMuMjgtNS43NTUtOS4zNy05LjY4NS0xNi40MDUtOS45NC0uMzY1IDAtLjczLjI5LS43My42OW0wIDQyLjg4Yy0xMy4xOTUgMC0yMy45MTUtMTAuNzA1LTIzLjkxNS0yMy44OCAwLTEzLjE3NSAxMC43Mi0yMy44NzUgMjMuOTE1LTIzLjg3NSAxMy4yIDAgMjMuOTE2IDEwLjcgMjMuOTE2IDIzLjg3NXMtMTAuNjggMjMuODgtMjMuOTE2IDIzLjg4bTAtNTcuOGMtMTguNzQgMC0zMy45NCAxNS4xOC0zMy45NCAzMy45MiAwIDE4Ljc0NSAxNS4yIDMzLjg5IDMzLjk0IDMzLjg5czMzLjk0LTE1LjE4IDMzLjk0LTMzLjkyNWMwLTE4Ljc0NS0xNS4xNjUtMzMuODg1LTMzLjk0LTMzLjg4NSIvPjxwYXRoIGZpbGw9IiM1NDY4RkYiIGQ9Ik0yNDAuMjE0IDk0LjE3N2MtMjMuMzY1LjExLTIzLjM2NS0xOC44NTUtMjMuMzY1LTIxLjg3NWwtLjA0LTcxLjA0NSAxNC4yNTQtMi4yNnY3MC42MWMwIDEuNzE1IDAgMTIuNTYgOS4xNSAxMi41OTV2MTEuOTc1aC4wMDF6bS01Ny43OC0xMS42MWM0LjM3NCAwIDcuNjItLjI1NSA5Ljg4LS42OVY2Ny4zOTJhMjkuMTk2IDI5LjE5NiAwIDAwLTMuNDMtLjY5NSAzMy43NDIgMzMuNzQyIDAgMDAtNC45NTYtLjM2NWMtMS41NyAwLTMuMTc1LjExLTQuNzc1LjM2NS0xLjYwNS4yMi0zLjA2NS42NTUtNC4zNCAxLjI3NS0xLjI3NS42Mi0yLjMzNSAxLjQ5NS0zLjEgMi42Mi0uOCAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xMTUgMS4yNzUgNC45OTUgMS45MyA4LjYwNiAxLjkzem0tMS4yNC01MS42ODVjNC43IDAgOC42NzQuNTg1IDExLjg4NCAxLjc1IDMuMjA2IDEuMTY1IDUuNzk2IDIuOCA3LjY5IDQuODc1IDEuOTM1IDIuMTEgMy4yNDUgNC45MTUgNC4wNDYgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODZ2MzYuNjJjLTIuMTg1LjQ3LTUuNTA2IDEuMDE1LTkuOTUgMS42Ny00LjQ0Ni42NTUtOS40NC45ODUtMTQuOTg2Ljk4NS0zLjY4IDAtNy4wNy0uMzY1LTEwLjA5NS0xLjA1NS0zLjA2NS0uNjktNS42NS0xLjgyLTcuODQtMy4zODUtMi4xNS0xLjU2NS0zLjgyNS0zLjU3LTUuMDY1LTYuMDQtMS4yMDUtMi40OC0xLjgyNS01Ljk3LTEuODI1LTkuNjEgMC0zLjQ5NS42OS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUzIDUuMDY1LTIuNjIgOC4xNjUtMy4yNzUgMy4xLS42NTUgNi4zNDUtLjk4NSA5LjY5NS0uOTg1IDEuNTcgMCAzLjIxLjExIDQuOTYuMjkgMS43MTUuMTg1IDMuNTc1LjUxNSA1LjU0NS45ODV2LTIuMzNjMC0xLjYzNS0uMTg1LTMuMi0uNTg1LTQuNjU1YTEwLjAxMiAxMC4wMTIgMCAwMC0yLjA0NS0zLjg5NWMtLjk4NS0xLjEzLTIuMjU1LTIuMDA1LTMuODYtMi42Mi0xLjYwNS0uNjItMy42NS0xLjA5NS02LjA5LTEuMDk1LTMuMjggMC02LjI3LjQtOS4wMDUuODc1LTIuNzM1LjQ3LTQuOTk1IDEuMDItNi43MSAxLjYzNWwtMS43MS0xMS42OGMxLjc4NS0uNjIgNC40NDUtMS4yNCA3Ljg3NS0xLjg1NSAzLjQyNS0uNjYgNy4xMS0uOTUgMTEuMDQ1LS45NWguMDAxem0yODEuNTEgNTEuMjg1YzQuMzc1IDAgNy42MTUtLjI1NSA5Ljg3NS0uNjk1di0xNC40OGMtLjgtLjIyLTEuOTMtLjQ3NS0zLjQyNS0uNjk1YTMzLjgxMyAzMy44MTMgMCAwMC00Ljk2LS4zNjVjLTEuNTY1IDAtMy4xNy4xMS00Ljc3NS4zNjUtMS42LjIyLTMuMDYuNjU1LTQuMzM1IDEuMjc1LTEuMjguNjItMi4zMzUgMS40OTUtMy4xIDIuNjItLjgwNSAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xNSAxLjMxIDQuOTk1IDEuOTMgOC42MDUgMS45M3ptLTEuMjA1LTUxLjY0NWM0LjcgMCA4LjY3NC41OCAxMS44ODQgMS43NDUgMy4yMDUgMS4xNjUgNS43OTUgMi44IDcuNjkgNC44NzUgMS44OTUgMi4wNzUgMy4yNDUgNC45MTUgNC4wNDUgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODY1djM2LjYxNWMtMi4xODUuNDctNS41MDUgMS4wMTUtOS45NSAxLjY3NS00LjQ0NS42NTUtOS40NC45OC0xNC45ODUuOTgtMy42OCAwLTcuMDctLjM2NS0xMC4wOTQtMS4wNTUtMy4wNjUtLjY5LTUuNjUtMS44Mi03Ljg0LTMuMzg1LTIuMTUtMS41NjUtMy44MjUtMy41Ny01LjA2NS02LjA0LTEuMjA1LTIuNDc1LTEuODI1LTUuOTctMS44MjUtOS42MSAwLTMuNDk1LjY5NS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUyNSA1LjA2NS0yLjYyIDguMTY1LTMuMjc1IDMuMS0uNjU1IDYuMzQ1LS45OCA5LjctLjk4IDEuNTY1IDAgMy4yMDUuMTEgNC45NTUuMjlzMy41NzUuNTEgNS41NC45ODV2LTIuMzNjMC0xLjY0LS4xOC0zLjIwNS0uNTgtNC42NmE5Ljk3NyA5Ljk3NyAwIDAwLTIuMDQ1LTMuODk1Yy0uOTg1LTEuMTMtMi4yNTUtMi4wMDUtMy44Ni0yLjYyLTEuNjA2LS42Mi0zLjY1LTEuMDktNi4wOS0xLjA5LTMuMjggMC02LjI3LjQtOS4wMDUuODctMi43MzUuNDc1LTQuOTk1IDEuMDItNi43MSAxLjY0bC0xLjcxLTExLjY4NWMxLjc4NS0uNjIgNC40NDUtMS4yMzUgNy44NzUtMS44NTUgMy40MjUtLjYyIDcuMTA1LS45NDUgMTEuMDQ1LS45NDV6bS00Mi44LTYuNzdjNC43NzQgMCA4LjY4LTMuODYgOC42OC04LjYzIDAtNC43NjUtMy44NjYtOC42MjUtOC42OC04LjYyNS00LjgxIDAtOC42NzUgMy44Ni04LjY3NSA4LjYyNSAwIDQuNzcgMy45IDguNjMgOC42NzUgOC42M3ptNy4xOCA3MC40MjVoLTE0LjMyNnYtNjEuNDRsMTQuMzI1LTIuMjU1djYzLjY5NWguMDAxem0tMjUuMTE2IDBjLTIzLjM2NS4xMS0yMy4zNjUtMTguODU1LTIzLjM2NS0yMS44NzVsLS4wNC03MS4wNDUgMTQuMjU1LTIuMjZ2NzAuNjFjMCAxLjcxNSAwIDEyLjU2IDkuMTUgMTIuNTk1djExLjk3NXptLTQ2LjMzNS0zMS40NDVjMC02LjE1NS0xLjM1LTExLjI4NS0zLjk3NC0xNC44NS0yLjYyNS0zLjYwNS02LjMwNS01LjM4NS0xMS4wMS01LjM4NS00LjcgMC04LjM4NiAxLjc4LTExLjAwNiA1LjM4NS0yLjYyNSAzLjYtMy45MDQgOC42OTUtMy45MDQgMTQuODUgMCA2LjIyNSAxLjMxNSAxMC40MDUgMy45NCAxNC4wMSAyLjYyNSAzLjY0IDYuMzA1IDUuNDI1IDExLjAxIDUuNDI1IDQuNyAwIDguMzg1LTEuODIgMTEuMDEtNS40MjUgMi42MjQtMy42NCAzLjkzNC03Ljc4NSAzLjkzNC0xNC4wMXptMTQuNTgtLjAzNWMwIDQuODA1LS42OSA4LjQ0LTIuMTE0IDEyLjQxLTEuNDIgMy45NjUtMy40MjUgNy4zNS02LjAxIDEwLjE1NS0yLjU5IDIuOC01LjY5IDQuOTg1LTkuMzM2IDYuNTE1LTMuNjQ0IDEuNTI1LTkuMjYgMi40LTEyLjA2NSAyLjQtMi44MS0uMDM1LTguMzg1LS44MzUtMTEuOTk1LTIuNC0zLjYxLTEuNTY1LTYuNzEtMy43MTUtOS4yOTUtNi41MTUtMi41OS0yLjgwNS00LjU5NC02LjE5LTYuMDU0LTEwLjE1NS0xLjQ1Ni0zLjk3LTIuMTg1LTcuNjA1LTIuMTg1LTEyLjQxcy42NTQtOS40MyAyLjExNC0xMy4zNmMxLjQ2LTMuOTMgMy41LTcuMjggNi4xMjUtMTAuMDggMi42MjUtMi44MDUgNS43Ni00Ljk1NSA5LjMzLTYuNDggMy42MS0xLjUzIDcuNTg1LTIuMjU1IDExLjg4NS0yLjI1NSA0LjMwNSAwIDguMjc1Ljc2IDExLjkyIDIuMjU1IDMuNjUgMS41MjUgNi43ODYgMy42NzUgOS4zMzYgNi40OCAyLjU4NCAyLjggNC41OSA2LjE1IDYuMDUgMTAuMDggMS41MyAzLjkzIDIuMjk1IDguNTU1IDIuMjk1IDEzLjM2aC0uMDAxem0tMTA3LjI4NCAwYzAgNS45NjUgMS4zMSAxMi41OSAzLjkzNSAxNS4zNTUgMi42MjUgMi43NyA2LjAxNCA0LjE1IDEwLjE3NSA0LjE1IDIuMjYgMCA0LjQxLS4zMjUgNi40MTQtLjk0NSAyLjAwNS0uNjIgMy42MDYtMS4zNSA0Ljg4Ni0yLjIydi0zNS4zNGMtMS4wMi0uMjItNS4yODYtMS4wOTUtOS40MS0xLjItNS4xNzUtLjE1LTkuMTEgMS45NjUtMTEuODggNS4zNDUtMi43MzYgMy4zOS00LjEyIDkuMzItNC4xMiAxNC44NTV6bTM5LjYyNSAyOC4wOTVjMCA5LjcyLTIuNDggMTYuODE1LTcuNDc2IDIxLjMzLTQuOTkgNC41MS0xMi42MSA2Ljc3LTIyLjg5IDYuNzctMy43NTUgMC0xMS41NTUtLjczLTE3Ljc5LTIuMTFsMi4yOTUtMTEuMjg1YzUuMjE1IDEuMDkgMTIuMTA1IDEuMzg1IDE1LjcxNSAxLjM4NSA1LjcyIDAgOS44MDUtMS4xNjUgMTIuMjQ1LTMuNDk1IDIuNDQ1LTIuMzMgMy42NDUtNS43ODUgMy42NDUtMTAuMzc1di0yLjMzYy0xLjQyLjY5LTMuMjggMS4zODUtNS41NzUgMi4xMTUtMi4yOTUuNjktNC45NTUgMS4wNTUtNy45NSAxLjA1NS0zLjkzNSAwLTcuNTEtLjYyLTEwLjc1LTEuODYtMy4yNDUtMS4yMzUtNi4wNTUtMy4wNTUtOC4zNS01LjQ2LTIuMjk1LTIuNC00LjEyLTUuNDItNS4zOTUtOS4wMjUtMS4yNzUtMy42MDUtMS45MzUtMTAuMDQ1LTEuOTM1LTE0Ljc3NSAwLTQuNDQuNjk1LTEwLjAxIDIuMDQ2LTEzLjcyNSAxLjM4NC0zLjcxIDMuMzUtNi45MTUgNi4wMTQtOS41NyAyLjYyNi0yLjY1NSA1LjgzNS00LjY5NSA5LjU5LTYuMTkgMy43NTUtMS40OSA4LjE2LTIuNDM1IDEyLjkzNS0yLjQzNSA0LjYzNSAwIDguOS41OCAxMy4wNTUgMS4yNzUgNC4xNTUuNjkgNy42OSAxLjQxNSAxMC41NyAyLjIxNXY1Ni40OWguMDAxeiIvPjwvZz48L3N2Zz4=);background-repeat:no-repeat;background-size:contain;vertical-align:middle}.aa-powered-by{text-align:right;font-size:12px;color:#969faf;padding:8px 8px 4px 0;font-weight:400}table{border-collapse:collapse;border-spacing:0;line-height:1.5;margin:0;max-width:100%;width:100%}caption,table{text-align:left}caption{color:#67758d;font-size:.875em;font-style:normal;margin-bottom:1em}td,th{border-bottom:1px solid #dde0e7;padding:.5em 5px}th{color:#283040;font-weight:700}:not(.responsive-table)>table{display:block;margin:1.875em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}:not(.responsive-table)>table:first-child{margin-top:0}:not(.responsive-table)>table tbody,:not(.responsive-table)>table thead,:not(.responsive-table)>table tr{width:100%}:not(.responsive-table)>table td{min-width:10em}.responsive-table{display:block;margin:1.875em 0;overflow-x:auto;width:100%}.responsive-table:first-child{margin-top:0}label{color:#283040;font-weight:700;line-height:1.5;margin-bottom:.25em}input[type=checkbox]+label,input[type=radio]+label{font-weight:400;cursor:pointer;padding-left:.25em;padding-right:1em}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#283040;display:block;font-size:1em;font-weight:400;line-height:1.5;max-width:100%;padding:.5em;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}::-webkit-input-placeholder{color:#9aa4b9;opacity:1}:-ms-input-placeholder{color:#9aa4b9;opacity:1}::placeholder{color:#9aa4b9;opacity:1}.form-row{margin-bottom:1em}.form-submit{margin-top:1.66667em}.button{align-items:center;background:#00c6ff;border:0;border-radius:1.75em;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.875em;font-weight:700;justify-content:center;letter-spacing:.035em;line-height:1.2;opacity:1;padding:.9em 2.14285em;text-decoration:none;transition:.3s ease;vertical-align:middle}.button:active,.button:focus,.button:hover{color:#fff;opacity:.8;outline:0}.button-secondary{background:0!important;box-shadow:inset 0 0 0 2px currentColor;color:#00c6ff}.button-secondary:active,.button-secondary:focus,.button-secondary:hover{box-shadow:inset 0 0 0 3px currentColor;color:#00c6ff;opacity:1}.button-icon{background:0!important;border:0;color:inherit;font-size:1em;font-weight:400;letter-spacing:normal;padding:.25em}.button-icon:active,.button-icon:focus,.button-icon:hover{color:#00c6ff;opacity:1}#menu-close,#menu-open,.docs-nav .docs-nav-toggle,.docs-nav .docs-submenu-toggle,.submenu-toggle{background:0;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:block;font-size:inherit;height:30px;padding:0;position:relative;width:30px}#menu-close:active,#menu-close:focus,#menu-close:hover,#menu-open:active,#menu-open:focus,#menu-open:hover,.docs-nav .docs-nav-toggle:active,.docs-nav .docs-nav-toggle:focus,.docs-nav .docs-nav-toggle:hover,.docs-nav .docs-submenu-toggle:active,.docs-nav .docs-submenu-toggle:focus,.docs-nav .docs-submenu-toggle:hover,.submenu-toggle:active,.submenu-toggle:focus,.submenu-toggle:hover{outline:0}.icon{color:inherit;fill:currentColor;flex-shrink:0;height:1em;line-height:1;width:1em}.icon-close,.icon-menu{background:currentColor;border-radius:1px;color:inherit;height:2px;left:50%;margin-top:-1px;margin-left:-12px;position:absolute;top:50%;width:24px}.icon-close:after,.icon-close:before,.icon-menu:after,.icon-menu:before{background:currentColor;border-radius:1px;content:"";height:100%;left:0;position:absolute;width:100%}.icon-menu:before{top:-6px}.icon-menu:after{bottom:-6px}.icon-close{background:0;margin-left:-14px;width:28px}.icon-close:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-close:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-angle-right{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;height:8px;left:50%;margin-left:-4px;margin-top:-4px;position:absolute;top:50%;width:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.docs-nav-toggle .icon-angle-right{height:12px;left:auto;margin-left:0;margin-right:9px;margin-top:-6px;right:0;width:12px}.docs-section-item .icon-angle-right{left:auto;margin-left:0;margin-right:15px;right:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.line-left{position:relative}.line-left:after{background:#00c6ff;display:block;content:"";height:100%;left:-1px;position:absolute;top:0;width:5px}.js-reframe{margin:1.875em 0}.js-reframe:first-child{margin-top:0}.important,.note{border-radius:5px;color:#283040;margin:1.875em 0;padding:1em 1.125em}.important:first-child,.note:first-child{margin-top:0}.note{background:#fff7e6;border-left:5px solid #fcb41d}.important{background:#ffe9e6;border-left:5px solid #fc381d}.has-gradient{background:#00c6ff;background:linear-gradient(90deg,#0072ff,#00c6ff);color:#fff;position:relative}.has-gradient a:not(.button),.has-gradient h1,.has-gradient h2,.has-gradient h3,.has-gradient h4,.has-gradient h5,.has-gradient h6{color:inherit!important}.has-gradient a:not(.button):hover{opacity:.8}.has-gradient .button:not(.button-secondary){background-color:#fff;color:#00c6ff}.has-gradient .button:not(.button-secondary):active,.has-gradient .button:not(.button-secondary):focus,.has-gradient .button:not(.button-secondary):hover{opacity:.85}.has-gradient .button-secondary{color:#fff!important}.has-gradient .inner-sm{position:relative}.bg-img{-webkit-animation:fadeIn20 .75s ease-in-out;animation:fadeIn20 .75s ease-in-out;background-position:50%;background-size:cover;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.grid{display:flex;flex-wrap:wrap;margin-left:-.9375em;margin-right:-.9375em}.grid-item{box-sizing:border-box;padding-left:.9375em;padding-right:.9375em;position:relative;width:100%}.grid-center{justify-content:center}.grid-swap{flex-direction:row-reverse}.grid-middle{align-items:center}@media only screen and (min-width:641px){.grid-col-2 .grid-item{flex:0 0 50%;max-width:50%}}@media only screen and (min-width:761px){.grid-col-3 .grid-item{flex:0 0 33.333%;max-width:33.333%}}@media only screen and (max-width:600px){.grid{margin-left:-1.5vw;margin-right:-1.5vw}.grid-item{padding-left:1.5vw;padding-right:1.5vw}}@-webkit-keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}@keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}.site{display:flex;flex-direction:column;min-height:100vh;position:relative}.site-content{box-sizing:border-box;flex-grow:1;width:100%}.outer{padding-left:150px;padding-right:150px}.inner,.inner-md,.inner-sm{margin-left:auto;margin-right:auto;max-width:95%}.site-header{background:#000;background-image:url(../../../../i.imgur.com/CEYEZp8.jpg);padding-bottom:.4em;padding-top:.2em}.site-header-inside{align-items:center;display:flex}.site-branding{flex:0 1 auto}.site-title{color:#283040;font-size:1.5em;font-weight:700;line-height:1.2;margin:0}.site-logo{margin:0}.site-logo img{max-height:65px}.menu,.submenu{list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-item.current{color:#00c6ff}.menu-item a:not(.button){display:inline-block;font-size:1.1em;line-height:1.5}#masthead a:not(.button){color:inherit;display:inline-block;text-decoration:none}#masthead a:not(.button):hover{color:#00c6ff}#masthead .site-branding a:hover{color:inherit}@media only screen and (min-width:801px){#menu-close,#menu-open{display:none}.site-navigation{margin-left:auto}.menu{align-items:center;display:flex}.menu-item{display:inline-block;margin:0 0 0 1.25em;padding-bottom:.1875em;padding-top:.1875em}.menu-item a{padding-bottom:.5em;padding-top:.5em}.menu-item a.button:not(.button-icon){padding-left:1.25em;padding-right:1.25em}.menu-item.has-children>a{padding-right:18px;position:relative}.menu-item.has-children>a:after{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;content:"";height:6px;position:absolute;right:0;top:50%;width:6px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}.menu-item.has-children>a.button:not(.button-icon){padding-right:2.25em}.menu-item.has-children>a.button:not(.button-icon):after{right:1.25em}.menu-item .submenu-toggle{display:none}.menu-item.has-children:hover>.submenu{opacity:1;transition:margin .3s,opacity .2s;visibility:visible}.submenu{background:#fff;border:4px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);left:0;min-width:180px;opacity:0;padding:.5em 0;position:absolute;text-align:left;top:100%;transition:opacity .2s,visibility 0s .2s;visibility:hidden;width:100%;z-index:99}.submenu .menu-item{display:block;margin:0;padding:0 1em}.submenu a:not(.button-icon){display:block}.submenu a.button:not(.button-icon){margin:.5em 0}}@media only screen and (max-width:800px){.site{overflow:hidden;position:relative}.site-branding{margin-right:.625em}.site-header:after{background:rgba(66,75,95,.6);content:"";left:0;opacity:0;transition:opacity .15s ease-in-out,visibility 0s ease-in-out .15s;z-index:998}.site-header:after,.site-navigation{height:100vh;position:absolute;top:0;visibility:hidden;width:100%}.site-navigation{background:#fff;box-sizing:border-box;margin:0;max-width:360px;-webkit-overflow-scrolling:touch;right:-100%;transition:right .3s ease-in-out,visibility 0s ease-in-out .3s;z-index:999}.site-nav-inside{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.menu--opened .site{height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:997}.menu--opened .site-navigation{right:0;transition:right .3s ease-in-out;visibility:visible}.menu--opened .site-header:after{opacity:1;transition-delay:0s;visibility:visible}.menu{padding:calc(3vw + 2.8125em) 3vw 3em}.submenu{border-top:1px solid #dde0e7;display:none;padding-left:1em}.menu-item{display:block;margin:0}.menu-item:not(.menu-button){border-bottom:1px solid #dde0e7}.menu-item:not(.menu-button):first-child{border-top:1px solid #dde0e7}.menu-item a.button-icon,.menu-item a:not(.button){padding:.75em 0}.menu-item a:not(.button){display:block}.menu-item a.button:not(.button-icon){width:100%}.menu-item.has-children>a{margin-right:2em}.menu-item .menu-item:first-child{border-top:0}.menu-item .menu-item:last-child{border-bottom:0}.menu-item .submenu-toggle{color:#67758d;height:2.8125em;position:absolute;right:0;top:0}.menu-item.active .submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-item.active .submenu{display:block}.menu-button>.button:not(.button-icon){margin-bottom:1.25em;margin-top:1.25em}.menu-button+.menu-button>.button:not(.button-icon){margin-top:0}#menu-open{margin-left:auto}#menu-close{display:block;position:absolute;right:3vw;top:3vw}}.post{margin-bottom:2.5em}.post-feed:last-child,.post-full:last-child{margin-bottom:5em}.has-gradient.page-header,.has-gradient.post-header{padding-bottom:9.5em;padding-top:3.75em;text-align:center}.has-gradient .page-title,.has-gradient .post-title{color:inherit;font-size:2.25em;margin:0}.page-subtitle,.post-subtitle{font-size:1.125em;line-height:1.5;margin:.5em 0 0;position:relative}.post-title a{color:inherit!important;text-decoration:none}.post-thumbnail{border:0;border-radius:5px 5px 0 0;display:block;margin:0}.post-thumbnail img{border-radius:5px 5px 0 0;width:100%}.post-feed,.post-full .post-content{margin-top:-5em;position:relative}.post-feed .post,.post-full .post-content{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.post-full .post-content{padding:2.5em 1.5em}.post-full .post-meta{margin:0 0 .5em}.post-feed .post{padding:0 0 2.5em}.post-feed .post-meta{color:#67758d;font-size:.875em;margin:0 0 .5em;padding-left:1.71428em;padding-right:1.71428em}.post-feed .post-header{margin:0 0 1.25em;padding-top:1.875em}.post-feed .post-title{font-size:1.5em;margin:0;padding-left:1em;padding-right:1em}.post-feed .post-excerpt{margin-bottom:1.25em;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more{margin:0;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more-link{font-weight:700;text-decoration:none}.post-feed .read-more-link:after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}.post-feed .read-more-link:hover{color:#424b5f}@media only screen and (min-width:641px){.has-gradient .page-title,.has-gradient .post-title{font-size:3em}.page-subtitle,.post-subtitle{font-size:1.25em}.post-full .post-meta{font-size:1.125em}.post-feed .post-excerpt,.post-feed .post-meta,.post-feed .post-title,.post-feed .read-more,.post-full .post-content{padding-left:7%;padding-right:7%}}@media only screen and (max-width:1000px){.post{margin-bottom:4vw}}.docs-content{padding-top:2.5em;width:95%}.post-content{width:85%}.post.type-docs{margin-bottom:3.625em}.post.type-docs h1{font-size:1.975em}.post.type-docs h2{font-size:1.6em}.post.type-docs h3{font-size:1.45em}.post.type-docs h4{font-size:1.35em}.post.type-docs h5,.post.type-docs h6{font-size:1.2em}.post.type-docs .hash-link{float:left;font-size:1.25rem;height:1em;line-height:1;margin-left:-1.1em;opacity:0;text-align:center;text-decoration:none;transition:opacity .4s;width:1em}.post.type-docs .hash-link:before{content:"#";display:inline-block}.post.type-docs .hash-link:focus,.post.type-docs .hash-link:hover{color:#00c6ff}.post.type-docs h2 .hash-link{margin-top:.22em}.post.type-docs h3 .hash-link{margin-top:.1em}.post.type-docs h2:focus .hash-link,.post.type-docs h2:hover .hash-link,.post.type-docs h3:focus .hash-link,.post.type-docs h3:hover .hash-link{opacity:1}.post.type-docs .post-inside{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);padding:.3em;width:70vw}.post.type-docs .post-title{font-size:1.875em;margin:0 0 1.25em;padding:0 2em}.post.type-docs .post-content{padding:.975em;word-wrap:break-word}#docs-section-items{display:flex;flex-wrap:wrap;list-style:none;margin-left:-.3125em;margin-right:-.3125em;padding:0}#docs-section-items .docs-section-item{flex:1 1 240px;margin:0 .3125em .9375em}#docs-section-items .docs-item-link{border:1px solid #dde0e7;border-radius:3px;color:#283040;display:block;font-weight:700;padding:.9375em;position:relative;text-decoration:none;transition:border-color .3s ease,color .3s ease}#docs-section-items .docs-item-link:hover{border-color:#00c6ff;color:#00c6ff}.docs-nav{margin-bottom:1.875em}.docs-nav .docs-nav-toggle{color:#283040;font-size:1.125em;margin:0;padding-right:15px;text-align:left}.docs-nav .docs-submenu-toggle{color:#67758d;position:absolute;right:0;top:0}#docs-menu{color:#283040;font-weight:700;line-height:1.5;list-style:none;margin:.7em;padding:0}#docs-menu>.docs-menu-item>a{padding:.3em 0;border-radius:20px;margin:auto}#docs-menu a{color:inherit;display:block;text-decoration:none}#docs-menu .current,#docs-menu .current-parent,#docs-menu a:hover{color:#00c6ff}.docs-submenu{border-left:1px solid #dde0e7;color:#424b5f;display:none;font-size:1;font-weight:400;list-style:none;margin-top:.625rem;padding-left:1rem}.docs-menu-item{color:inherit;margin-bottom:.625rem}.docs-menu-item.has-children{padding-right:20px;position:relative}.docs-menu-item.has-children.active .docs-submenu{display:block}.docs-menu-item.has-children.active>.docs-submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#page-nav{text-overflow:wrap}#page-nav .page-nav-title{font-size:1em;margin:0 0 .625em}#page-nav ul{font-size:.875rem;line-height:1.5;list-style:none;padding:0}#page-nav ul ul{border-left:1px solid #dde0e7;margin-top:.625rem;padding-left:1.25rem}#page-nav li{margin-bottom:.625rem}#page-nav li.active>a{color:#00c6ff}#page-nav a{color:#424b5f;display:block;text-decoration:none}#page-nav a:hover{color:#00c6ff}#page-nav .page-nav-title:only-child{display:none}@media only screen and (min-width:1200px){.post.type-docs .post-content,.post.type-docs .post-title{padding-left:8%;padding-right:7%}}@media only screen and (min-width:1200px){.docs-content{display:flex;padding-top:4em;width:100%}.post.type-docs{-ms-flex:1 1 auto;align-content:center}.docs-nav,.page-nav{-ms-flex-negative:0;margin-bottom:5.625em}.docs-nav .sticky,.page-nav .sticky{position:-webkit-sticky;position:sticky;top:1.875em}.docs-nav{width:8.5em}#page-nav{font-size:12px;margin:4em}#docs-nav-toggle{display:none}}@media only screen and (min-width:1091px){#page-nav{display:block}}@media only screen and (max-width:800px){.docs-nav{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;margin-bottom:5%;padding:1em}.docs-nav-menu{display:none}.docs-menu--opened .docs-nav-menu{display:block}.docs-menu--opened .docs-nav-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#docs-menu{border-top:1px solid #dde0e7;margin-top:1.25em;padding-top:1.25em}}.block{padding-top:3.75em}.block:not(.block-hero){background:#f8f8fa}.block:last-child{padding-bottom:3.75em}.block-header,.block-image{margin-bottom:1.5em}.block-title{margin:0}.block-subtitle{color:#67758d;line-height:1.5;margin-bottom:0}.block-subtitle:not(:first-child){margin-top:.5em}.block-buttons,.grid-item-buttons{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:.9375em}.block-buttons a,.grid-item-buttons a{font-weight:700;text-decoration:none}.block-buttons{justify-content:center}.block-buttons a{margin:0 .375em .75em}.grid-item-buttons a{margin:0 .75em .75em 0}.has-gradient .block-subtitle{color:inherit}.block-hero .block-buttons:not(:first-child),.block-text .block-buttons:not(:first-child){margin-top:1.875em}.block-text .grid-item{max-width:680px;text-align:center}.block-text .block-title{font-size:1.875em}@media only screen and (min-width:641px){.block-text .block-content{font-size:1.125em}.block-text .block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-text .grid-item:not(:only-child){flex:0 0 50%;max-width:50%}.block-body:not(:only-child){text-align:left}.block-body:not(:only-child) .block-buttons{justify-content:flex-start}.block-body:not(:only-child) .block-buttons a{margin-left:0;margin-right:.75em}}@media only screen and (min-width:1001px){.block-image:not(:only-child){padding-right:2.5em}.grid-swap .block-image:not(:only-child){padding-left:2.5em;padding-right:.9375em}}.block-cta .has-gradient{border-radius:5px;margin-bottom:1.875em;padding:3.75em 3vw 1.875em}.block-cta .block-header{max-width:680px;text-align:center}.block-cta .block-title{font-size:1.875em}.block-cta .block-subtitle{font-size:1.125em}@media only screen and (min-width:641px){.block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-cta .has-gradient{padding-left:7%;padding-right:7%}.block-cta .block-header{flex:0 0 66.666%;max-width:66.666%;text-align:left}.block-cta .block-buttons{flex:0 0 33.333%;margin-top:0;max-width:33.333%}}.block-hero+.block-grid:not(.has-header){background:0;padding-top:0}.block-grid .block-header{margin-bottom:2em;text-align:center}.block-grid .block-title{font-size:1.875em}.block-grid .grid-item{display:flex;flex-direction:column;margin-bottom:1.875em}.grid-item-inside{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;flex-grow:1;padding-bottom:.75em}.grid-item-image{display:block;width:100%}.grid-item-image,.grid-item-image img{border-radius:3px 3px 0 0}.grid-item-title{font-size:1.5em;margin:1em 0 .5em;padding-left:1em;padding-right:1em}.grid-item-title:first-child{margin-top:1.25em}.grid-item-title a{color:inherit!important;text-decoration:none}.grid-item-buttons,.grid-item-content{padding-left:1.5em;padding-right:1.5em}.grid-item-content{margin-bottom:1.25em}.grid-item-buttons a:not(.button):after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}@media only screen and (max-width:1000px){.block-grid .grid-item{margin-bottom:4vw}}.block-hero{padding-bottom:7.5em;position:relative;text-align:center}.block-hero .block-header{margin-bottom:.75em}.block-hero .block-title{font-size:2.25em}.block-hero .block-content{font-size:1.125em;line-height:1.5}.block-hero+.block{margin-top:-5em;position:relative}@media only screen and (min-width:641px){.block-hero .block-title{font-size:3em}.block-hero .block-content{font-size:1.25em}.block-hero .block-buttons a{font-size:1em}}.site-footer{background-color:#000;background-image:url(https://i.imgur.com/CEYEZp8.jpeg);padding-bottom:7.5em;padding-top:8.5em;color:#fff!important;border:4px solid #000}#colophon a:not(.button){color:inherit}#colophon a:not(.button):focus,#colophon a:not(.button):hover{color:#00c6ff}.site-info,.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;font-size:.675em;line-height:1.2}.site-info .button:not(.button-icon),.social-links .button:not(.button-icon){font-size:inherit;line-height:1.2;padding:.3em 1em}.site-info{margin:.25em 0 0;text-align:center}.site-info .copyright,.site-info>a{margin:0 4px .2em 0}.social-links{margin-top:.5375em}.social-links a{margin:0 50px .2em}.social-links .icon{font-size:20px;color:#000;background-color:#000}@media only screen and (min-width:641px){.site-footer-inside{align-items:flex-start;display:flex}.site-info{text-align:left}.site-info,.social-links{justify-content:flex-start}.social-links{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;margin-top:0}.social-links a{margin-left:20px;margin-right:0}}.palette-green a:not(.button){color:#20c86e}.palette-green a:not(.button):hover{color:#424b5f}.palette-green blockquote{border-color:#20c86e}.palette-green .button,.palette-green .line-left:after{background:#20c86e}.palette-green .has-gradient{background:#20c86e;background:linear-gradient(90deg,#1ba65b,#20c86e)}.palette-green #colophon a:not(.button):hover,.palette-green #docs-menu .current,.palette-green #docs-menu .current-parent,.palette-green #docs-menu a:hover,.palette-green #masthead a:not(.button):hover,.palette-green #page-nav a:hover,.palette-green #page-nav li.active>a,.palette-green .button-icon:active,.palette-green .button-icon:focus,.palette-green .button-icon:hover,.palette-green .button-secondary,.palette-green .has-gradient .button:not(.button-secondary),.palette-green .menu-item.current,.palette-green .post.type-docs .hash-link:focus,.palette-green .post.type-docs .hash-link:hover{color:#20c86e}.palette-green #docs-section-items .docs-item-link:hover{border-color:#20c86e;color:#20c86e}.palette-navy a:not(.button){color:#004e92}.palette-navy a:not(.button):hover{color:#424b5f}.palette-navy blockquote{border-color:#004e92}.palette-navy .button,.palette-navy .line-left:after{background:#004e92}.palette-navy .has-gradient{background:#004e92;background:linear-gradient(90deg,#000428,#004e92)}.palette-navy #colophon a:not(.button):hover,.palette-navy #docs-menu .current,.palette-navy #docs-menu .current-parent,.palette-navy #docs-menu a:hover,.palette-navy #masthead a:not(.button):hover,.palette-navy #page-nav a:hover,.palette-navy #page-nav li.active>a,.palette-navy .button-icon:active,.palette-navy .button-icon:focus,.palette-navy .button-icon:hover,.palette-navy .button-secondary,.palette-navy .has-gradient .button:not(.button-secondary),.palette-navy .menu-item.current,.palette-navy .post.type-docs .hash-link:focus,.palette-navy .post.type-docs .hash-link:hover{color:#004e92}.palette-navy #docs-section-items .docs-item-link:hover{border-color:#004e92;color:#004e92}.palette-violet a:not(.button){color:#8e2de2}.palette-violet a:not(.button):hover{color:#424b5f}.palette-violet blockquote{border-color:#8e2de2}.palette-violet .button,.palette-violet .line-left:after{background:#8e2de2}.palette-violet .has-gradient{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2)}.palette-violet #colophon a:not(.button):hover,.palette-violet #docs-menu .current,.palette-violet #docs-menu .current-parent,.palette-violet #docs-menu a:hover,.palette-violet #masthead a:not(.button):hover,.palette-violet #page-nav a:hover,.palette-violet #page-nav li.active>a,.palette-violet .button-icon:active,.palette-violet .button-icon:focus,.palette-violet .button-icon:hover,.palette-violet .button-secondary,.palette-violet .has-gradient .button:not(.button-secondary),.palette-violet .menu-item.current,.palette-violet .post.type-docs .hash-link:focus,.palette-violet .post.type-docs .hash-link:hover{color:#8e2de2}.palette-violet #docs-section-items .docs-item-link:hover{border-color:#8e2de2;color:#8e2de2}</style><meta name="generator" content="Gatsby 2.25.4"/><title data-react-helmet="true">Node Docs | webdevhub</title><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet"/><link data-react-helmet="true" rel="icon" href="../../../images/favicon-750d4390.png"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"/><meta data-react-helmet="true" name="description" content=""/><meta data-react-helmet="true" name="robots" content=""/><link as="script" rel="preload" href="./../../webpack-runtime-e0d945bfc04076092229.js"/><link as="script" rel="preload" href="./../../framework-e132d18971612bcf60f3.js"/><link as="script" rel="preload" href="./../../dc6a8720040df98778fe970bf6c000a41750d3ae-8ef9d1d2adaff6ba0f59.js"/><link as="script" rel="preload" href="./../../app-10180cc44b3853f61402.js"/><link as="script" rel="preload" href="./../../styles-7d4153d260c0197f0043.js"/><link as="script" rel="preload" href="./../../29107295-e9457ed2135dcbbf6ce8.js"/><link as="script" rel="preload" href="./../../commons-5965a56c7b6ef2e118ee.js"/><link as="script" rel="preload" href="./../../component---src-templates-docs-js-731339ed0815d7cada90.js"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/docs/docs/node-docs-full/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/app-data.json" crossorigin="anonymous"/><script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'../../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5S5XXNR');</script>
+<!-- End Google Tag Manager -->
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S5XXNR"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+<meta name="google-site-verification" content="W6SJ3S45yhnjzV6ISUMCTXl_QVX5woQZ7jO3bsahONQ" />
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-4W5MG3DG4T"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-4W5MG3DG4T');
+</script>
+
+<script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script><style>blockquote,
+body,
+dd,
+dl,
+figcaption,
+figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+li,
+ol[class],
+p,
+ul[class] {
+  margin: 0
+}
+
+body {
+  min-height: 110vh;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
+  line-height: 1.6
+}
+
+
+
+
+
+article>*+* {
+  margin-top: 1em
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit
+}
+
+@media(prefers-reduced-motion:reduce) {
+  * {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+    scroll-behavior: auto !important
+  }
+}
+
+html {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: arial, x-locale-body, sans-serif;
+  letter-spacing: -.0027777778rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 100%;
+  line-height: 1.75
+}
+
+img {
+  height: auto
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.0beac26b.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.72026b3c.woff) format("woff")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.ce3a756d.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.7e4c05c9.woff) format("woff")
+}
+
+h1,
+h2,
+h3 {
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  line-height: 1.2
+}
+
+h1 {
+  font-size: 1.802rem
+}
+
+@media (min-width:47.9385em) {
+  h1 {
+    font-size: 3.052rem
+  }
+}
+
+h2 {
+  font-size: 1.602rem
+}
+
+@media (min-width:47.9385em) {
+  h2 {
+    font-size: 2.441rem
+  }
+}
+
+h3 {
+  font-size: 1.424rem;
+
+
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  max-width: -webkit-max-content;
+  max-width: -moz-max-content;
+  max-width: max-content;
+  padding: 0 6px;
+  margin: 24px 0
+}
+
+@media (min-width:47.9385em) {
+  h3 {
+    font-size: 1.953rem
+  }
+}
+
+h4 {
+  font-size: 1.266rem
+}
+
+@media (min-width:47.9385em) {
+  h4 {
+    font-size: 1.563rem
+  }
+}
+
+h5 {
+  font-size: 1.125rem
+}
+
+@media (min-width:47.9385em) {
+  h5 {
+    font-size: 1.25rem
+  }
+}
+
+p {
+  margin-bottom: 24px
+}
+
+a:link,
+a:visited {
+
+  text-decoration: none
+}
+
+a:link:active,
+a:link:focus,
+a:link:hover,
+a:visited:active,
+a:visited:focus,
+a:visited:hover {
+  text-decoration: underline
+}
+
+blockquote {
+  max-width: 45rem;
+  max-width: 85ch;
+  font-size: 1.125rem;
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  margin-bottom: 24px
+}
+
+@media (min-width:47.9385em) {
+  blockquote {
+    font-size: 1.25rem
+  }
+}
+
+blockquote:after,
+blockquote:before {
+  background-image: linear-gradient(90deg, #00356a, #83d0f2);
+  content: "";
+  display: block;
+  height: 5px;
+  margin-bottom: 12px
+}
+
+blockquote:after {
+  margin-top: 12px
+}
+
+blockquote p:last-of-type {
+  margin-bottom: 0
+}
+
+a {
+
+  text-decoration: none
+}
+
+a:focus,
+a:hover {
+  text-decoration: underline
+}
+
+a code {
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none
+}
+
+
+dl dt {
+  font-weight: 700
+}
+
+dl dd {
+  margin: 0 24px 24px
+}
+
+
+
+</style><meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU" />
+<meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="apple-touch-icon" href="logo-circle.html">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="Content-Type" content="HTML">
+  <meta name="Author" content="Bryan Guner">
+  <meta name="keywords" content="HTML, Meta Tags, Metadata">
+  <meta name="description" content="Learning about Web Development.">
+  <link type="image/x-icon" href="favicon.html" rel="shortcut icon">
+  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@bgoonz">
+  <meta name="twitter:creator" content="@bgoonz">
+  <meta name="twitter:image:src" content="/logo-circle.png">
+  <meta name="twitter:title" content="Web Development Resource Hub Bryan Guner">
+  <meta name="twitter:description" content="The new home of my blog resource sharing website.">
+<meta property="twitter:card" content="summary_large_image">
+  <link
+    href="../../../../instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png"
+    rel="apple-touch-icon">
+  <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet">
+<meta property="og:image" content="https://mugshotbot.com/m/DROicc16"><script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","../../../../chimpstatic.com/mcjs-connected/js/users/a41d8352dc1deaf4533662699/28d2370bb66d456a5d6411971.js");</script><script src="../../../../cdn.jsdelivr.net/npm/%40popperjs/core%402.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
+<script src="../../../../cdn.jsdelivr.net/npm/bootstrap%405.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script><!-- Insert makerbadge.js (download or use ☁️cloud version) -->
+
+<script type="text/javascript" src="../../../../makerbadge.s3.amazonaws.com/blmbadge.js"></script>
+
+<!-- Initialise MakerBadge with options -->
+
+<script>
+  BLMBadge.init({
+       layout:1,
+       theme:'dark',
+       promoText : 'Send a donation '+String.fromCodePoint(0x2192),
+       promoLink : 'https://minnesotafreedomfund.org/',
+       message : 'To be silent is to be complicit. Black lives matter.',
+       title : '#BlackLivesMatter',
+       imageAlt: "Black Lives Matter Badge"
+})
+</script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script>
+
+
+<script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>"use strict";
+
+!function() {
+    var t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYxZTQzZmFlY2I2NjkwNWMyZGJkMGVmZCIsInRva2VuVHlwZSI6InB1YmxpYyIsImlhdCI6MTY0MjM0ODUyNiwiZXhwIjoxNDI1Njc0ODUyNn0.VD7Lxgh5cWuOzOhV9KH51TZVdPVXvsIJgRUx-oacfVM";
+    function e() {
+        var e = document.createElement("script"), a = navigator.language || navigator.userLanguage;
+        e.type = "text/javascript", e.async = !0, e.src = "https://api.searchbar.org/v1/widget/" + t + "/" + a;
+        var n = document.getElementsByTagName("script")[0];
+        n.parentNode.insertBefore(e, n);
+    }
+    "complete" === document.readyState ? e() : window.attachEvent ? window.attachEvent("onload", e) : window.addEventListener("load", e, !1);
+}();</script><style>
+		@font-face {
+            font-family: font-sb;
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784);
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');
+            font-weight: 400;
+            font-style: normal
+        }
+
+        #sb-search-example p {
+            font-family: sans-serif;
+            font-size: 18px;
+            line-height: 12px;
+	        margin: 0;
+        }
+
+        #sb-search-example {
+            position: static;
+            bottom: 0;
+            width: auto;
+            place-content: center;
+            display: inline-block;
+            box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);
+            border: solid 5px white;
+            border-radius: 100px;
+            flex-shrink: initial;
+            flex-grow: initial;
+        }
+
+
+        #sb-search-example .sb-icon {
+            font: normal normal 400 26px font-sb;
+            align-items: center;
+            padding: 10px;
+            speak: none;
+            display: inline-block;
+            text-decoration: inherit;
+            text-align: center;
+            text-transform: none;
+            cursor: pointer;
+            margin: 0;
+        }
+
+        #sb-search-example .sb-search-icon {
+            box-sizing: border-box;
+            border: 0px;
+            align-items: center;
+            background: #007cff;
+            color: #fff;
+            cursor: pointer;
+            display: flex;
+            border-radius: 26px;
+            padding: 0 20px 0 4px;
+        }
+	</style><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><style>
+#scrollBtn {
+  display: none;
+  position: fixed;
+  bottom: 140px;
+  right: 20px;
+  z-index: 99;
+  border: 1px black solid;
+  outline: none;
+  background-color: #044274;
+  color: white;
+  cursor: pointer;
+  padding: 5px;
+  border-radius: 28px;
+  font-size: 12px;
+}
+
+#scrollBtn:hover {
+  background-color: #ffffff;
+color:#000000;
+}
+
+</style><style>
+a {
+  text-decoration: none;
+  color: #007edf;
+  text-shadow: none;
+
+  transition: color 0.5s ease;
+  transition: text-shadow 0.5s ease;
+  -webkit-transition: color 0.5s ease;
+  -webkit-transition: text-shadow 0.5s ease;
+  -moz-transition: color 0.5s ease;
+  -moz-transition: text-shadow 0.5s ease;
+  -o-transition: color 0.5s ease;
+  -o-transition: text-shadow 0.5s ease;
+  -ms-transition: color 0.5s ease;
+  -ms-transition: text-shadow 0.5s ease;
+}
+a:hover, a:focus {text-decoration: underline;}
+
+footer a {
+  color: #F2F2F2;
+  text-decoration: underline;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+pre {
+  width: 100%;
+  padding: 10px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+  overflow: auto;
+}
+
+code {
+  padding: 3px;
+  margin: 0 3px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
+pre code {
+  display: block;
+  box-shadow: none;
+}
+
+blockquote {
+  color: #666;
+  margin-bottom: 20px;
+  padding: 0 0 0 20px;
+  border-left: 3px solid #bbb;
+}
+</style></head><body class="palette-navy"><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="page" class="site"><header id="masthead" class="site-header outer"><br/><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-logo"><a href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></p></div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item has-children menu-button"><a class="button" href="../../sitemap/index.html">Navigation</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Docs</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/showcase">Showcase</a></li><li class="menu-item menu-button"><a class="button" href="../../faq/contact/index.html">Contact!</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../python/python-ds/index.html">Python</a></li><li class="menu-item menu-button"><a class="button" href="../../javascript/index.html">JavaScript</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/">Blog</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz.blogspot.com/" target="_blank" rel="noopener " class="button">Blog-Post-Archive</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/platform-docs/">platform docs</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../articles/nodejs/index.html">nodejs</a></li><li class="menu-item menu-button"><a href="https://blog-w-comments.vercel.app/" target="_blank" rel="noopener " class="button">Blog with Comments</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../interview/job-search-nav/index.html">Job Search</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/interview/job-boards">Job Boards</a></li><li class="menu-item"><a href="#">lorem-ipsum</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../tools/archive/index.html">Archive</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Learning-Assets" target="_blank" rel="noopener " class="button">Resource-Archive-Server</a></li><li class="menu-item menu-button"><a href="https://lambda-resources.netlify.app/" class="button">Bootcamp Resources</a></li><li class="menu-item menu-button"><a href="https://web-dev-resource-hub.netlify.app/" target="_blank" rel="noopener " class="button">OG-Blog</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Top Repos</a></li><li class="menu-item menu-button"><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener " class="button">MY_DOCS</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../projects/index.html">Projects</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">Potluck Planner</a></li><li class="menu-item menu-button"><a href="https://meditate42app.netlify.app/" target="_blank" rel="noopener " class="button">Meditation App</a></li><li class="menu-item menu-button"><a href="https://search-awesome.vercel.app/" target="_blank" rel="noopener " class="button">SearchAwesome</a></li><li class="menu-item menu-button"><a href="https://bg-portfolio.netlify.app/" target="_blank" rel="noopener " class="button">Condensed -Portfolio</a></li><li class="menu-item menu-button"><a href="https://a.familypromiseservicetracker.dev/" target="_blank" rel="noopener " class="button">Family Promise Tracker</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering" class="button">DTW-Guitar-FX-Automation</a></li><li class="menu-item menu-button"><a href="https://friendly-panda-b61ab.netlify.app/" class="button">Embeds Blog</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">alt-blogs</a></li><li class="menu-item menu-button"><a href="https://bgoonz-games.netlify.app/" class="button">Games</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" target="_blank" rel="noopener " class="button">Blog Backup</a></li><li class="menu-item menu-button"><a href="https://bgoonz-cv.netlify.app/" class="button">Cover Letter</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Centric</a></li><li class="menu-item menu-button"><a href="https://web-dev-hub.com/" target="_blank" rel="noopener " class="button">Wordpress Blog</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Portfolio Gallery</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/github-stats-website/" class="button">github-stats-website</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../tools/index.html">Tools</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://githtmlpreview.netlify.app/" target="_blank" rel="noopener " class="button">Github HTML Previewer</a></li><li class="menu-item menu-button"><a href="https://devtools42.netlify.app/" target="_blank" rel="noopener " class="button">Text Tools</a></li><li class="menu-item menu-button"><a href="https://ternary42.netlify.app/" target="_blank" rel="noopener " class="button">Ternary 2 If Else</a></li><li class="menu-item menu-button"><a href="https://determined-dijkstra-ee7390.netlify.app/" target="_blank" rel="noopener " class="button">Job Search Resources</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/web-dev-setup-checker" target="_blank" rel="noopener " class="button">Setup Checker</a></li><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">PotluckPlanner</a></li><li class="menu-item menu-button"><a href="https://web-dev-interview-prep-quiz-website.netlify.app/" class="button">WebDev Quizzes</a></li><li class="menu-item menu-button"><a href="https://github.com/search/advanced" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Github-Advanced-Search</span></a></li></ul></li></ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button></div></div><div><div id="sb-search-example"><div class="sb-search-icon" id="myCustomSearchButtonID"><i class="sb-icon"></i><p>Search</p></div></div><a class="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github"><svg aria-hidden="true" width="40" height="40" viewBox="0 0 250 250" style="z-index:100000;fill:black;color:#fff;position:fixed;top:0px;border:0;left:0px;transform:scale(-1.5, 1.5)"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="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="transform-origin:130px 106px"></path><path class="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><main id="content" class="site-content"><div class="inner outer"><div class="docs-content"><nav id="docs-nav" class="docs-nav"><div id="docs-nav-inside" class="docs-nav-inside sticky"><button id="docs-nav-toggle" class="docs-nav-toggle">Navigate Docs<span class="icon-angle-right" aria-hidden="true"></span></button><div class="docs-nav-menu"><ul id="docs-menu" class="docs-menu"><li class="docs-menu-item"><a href="../../index.html">Docs</a></li><li class="docs-menu-item has-children"><a href="../../about/index.html">About</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../about/README/index.html">readme</a></li><li class="docs-menu-item"><a href="../../about/eng-portfolio/index.html">Engineering Portfolio</a></li><li class="docs-menu-item"><a href="../../about/resume/index.html">Resume</a></li><li class="docs-menu-item"><a href="../../about/youtube/index.html">Youtube</a></li><li class="docs-menu-item"><a href="../../about/job-search/index.html">Job Search</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../articles/index.html">Articles</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../articles/how-the-web-works/index.html">How The Web Works</a></li><li class="docs-menu-item"><a href="../../articles/http/index.html">The HTTP Protocol</a></li><li class="docs-menu-item"><a href="../../articles/nextjs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../articles/node-cli-args/index.html">where-is-npm-pack</a></li><li class="docs-menu-item"><a href="../../articles/node-env-variables/index.html">Node Export Module</a></li><li class="docs-menu-item"><a href="../../articles/node-common-modules/index.html">Common Modules</a></li><li class="docs-menu-item"><a href="../../articles/node-repl/index.html">The-package-lock.json-file</a></li><li class="docs-menu-item"><a href="../../articles/node-js-language/index.html">packagejson</a></li><li class="docs-menu-item"><a href="../../articles/node-package-manager/index.html">Sorting Algorithms</a></li><li class="docs-menu-item"><a href="../../articles/node-run-cli/index.html">node-cli-args</a></li><li class="docs-menu-item"><a href="../../articles/npm/index.html">Introduction to npm</a></li><li class="docs-menu-item"><a href="../../articles/the-uniform-resource-locator-(url)/index.html">The Uniform Resource Locator (URL)</a></li><li class="docs-menu-item"><a href="../../articles/v8/index.html">npm global or local packages</a></li><li class="docs-menu-item"><a href="../../articles/semantic-html/index.html">Web Design</a></li><li class="docs-menu-item"><a href="../../articles/web-standards-checklist/index.html">Web Standards Checklist</a></li><li class="docs-menu-item"><a href="../../articles/understanding-firebase/index.html">Firebase</a></li><li class="docs-menu-item"><a href="../../articles/webdev-tools/index.html">Web Developer Tools</a></li><li class="docs-menu-item"><a href="../../articles/buffers/index.html">Node Buffers</a></li><li class="docs-menu-item"><a href="../../articles/dev-dep/index.html">Dev Dependencies</a></li><li class="docs-menu-item"><a href="../../articles/event-loop/index.html">The Node.js Event Loop</a></li><li class="docs-menu-item"><a href="../../articles/basic-web-dev/index.html">Web Dev Review</a></li><li class="docs-menu-item"><a href="../../articles/fs-module/index.html">Fs-Module</a></li><li class="docs-menu-item"><a href="../../articles/how-search-engines-work/index.html">The Anatomy of a Search Engine</a></li><li class="docs-menu-item"><a href="../../articles/install/index.html">Install</a></li><li class="docs-menu-item"><a href="../../articles/intro/index.html">Intro To Node</a></li><li class="docs-menu-item"><a href="../../articles/modules/index.html">Node Modules System</a></li><li class="docs-menu-item"><a href="../../articles/nodejs/index.html">Javascript and Node</a></li><li class="docs-menu-item"><a href="../../articles/npx/index.html">The npx Node.js Package Runner</a></li><li class="docs-menu-item"><a href="../../articles/nodevsbrowser/index.html">Node vs Browser</a></li><li class="docs-menu-item"><a href="../../articles/reading-files/index.html">Reading Files</a></li><li class="docs-menu-item"><a href="../../articles/os-module/index.html">OS-Module</a></li><li class="docs-menu-item"><a href="../../articles/semantic/index.html">Semantic Versioning</a></li><li class="docs-menu-item"><a href="../../articles/writing-files/index.html">Writing Files</a></li><li class="docs-menu-item"><a href="../../articles/node-api-express/index.html">Node APIs With Express</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../audio/index.html">Audio</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../audio/audio/index.html">Audio</a></li><li class="docs-menu-item"><a href="../../audio/discrete-fft/index.html">Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/audio-feature-extraction/index.html">Audio Feature Extraction</a></li><li class="docs-menu-item"><a href="../../audio/dfft/index.html">Discrete Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/dtw-python-explained/index.html">Dynamic Time Warping Algorithm Explained (Python)</a></li><li class="docs-menu-item"><a href="../../audio/dynamic-time-warping/index.html">dynamic-time-warping</a></li><li class="docs-menu-item"><a href="../../audio/web-audio-api/index.html">Web Apis</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../career/index.html">Career</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../career/dev-interview/index.html">Developer Interview Questions</a></li><li class="docs-menu-item"><a href="../../career/interview-dos-n-donts/index.html">Do &amp; Don&#x27;t of Interviewing!</a></li><li class="docs-menu-item"><a href="../../career/job-boards/index.html">Job Board</a></li><li class="docs-menu-item"><a href="../../career/wed-dev-questions/index.html">Javascript Practice</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../community/index.html">Community</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../community/an-open-letter-2-future-developers/index.html">New Developers</a></li><li class="docs-menu-item"><a href="../../community/video-chat/index.html">Video Chat</a></li><li class="docs-menu-item"><a href="../../community/github-profiles/index.html">Cool Github Profiles</a></li><li class="docs-menu-item"><a href="../../community/bookmarks/index.html">Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../content/index.html">Content</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../content/bash-intro/index.html">Tuning Command Line History in Bash - ShellHacks</a></li><li class="docs-menu-item"><a href="../../content/gatsby-Queries-Mutations/index.html">Queries and Mutations (Gatsby)</a></li><li class="docs-menu-item"><a href="../../content/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../content/github-api/index.html">All the Things You Can Do With GitHub API and Python</a></li><li class="docs-menu-item"><a href="../../content/history-api/index.html">History API</a></li><li class="docs-menu-item"><a href="../../content/trouble-shooting/index.html">Trouble Shooting</a></li><li class="docs-menu-item"><a href="../../content/netlify/index.html">Netlify Docs</a></li><li class="docs-menu-item"><a href="../../content/algo/index.html">Algorithms &amp; Data Structures</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../css/index.html">Css</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../css/css-positioning/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../data-structures/index.html">Data Structures</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../data-structures/data-structures-in-depth/index.html">Data Structures</a></li><li class="docs-menu-item"><a href="../../data-structures/big-o/index.html">Big-O Notation</a></li><li class="docs-menu-item"><a href="../../data-structures/ds-algo-interview/index.html">Data Structures Interview</a></li></ul></li><li class="docs-menu-item has-children active"><a href="../index.html">Docs</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../appendix/index.html">Apendix</a></li><li class="docs-menu-item"><a href="../css/index.html">Learn Css</a></li><li class="docs-menu-item"><a href="../art-of-command-line/index.html">Command Line Basics</a></li><li class="docs-menu-item"><a href="../git-repos/index.html">Git Repo List</a></li><li class="docs-menu-item"><a href="../git-reference/index.html">Git Reference</a></li><li class="docs-menu-item"><a href="../data-structures-docs/index.html">Data Structures Docs</a></li><li class="docs-menu-item"><a href="../markdown/index.html">Markdown</a></li><li class="docs-menu-item"><a href="../jamstack/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../regex-in-js/index.html">Regular Expressions</a></li><li class="docs-menu-item"><a href="../sitemap/index.html">Sitemap</a></li><li class="docs-menu-item"><a href="../es-6-features/index.html">ECMAScript 6</a></li><li class="docs-menu-item"><a href="../bash/index.html">Bash Commands That Save Me Time and Frustration</a></li><li class="docs-menu-item"><a href="../html-spec/index.html">HTML SPEC</a></li><li class="docs-menu-item"><a href="../no-whiteboarding/index.html">lorem-ipsum</a></li><li class="docs-menu-item current"><a aria-current="page" class="" href="index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../snippets/index.html">Useful Snippets</a></li><li class="docs-menu-item"><a href="../node-docs-complete/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../glossary/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../faq/index.html">FAQ</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../faq/plug-ins/index.html">Plug-ins</a></li><li class="docs-menu-item"><a href="../../faq/contact/index.html">Contact!</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interact/index.html">Interactive</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interact/callstack-visual/index.html">Callstack Visualizer</a></li><li class="docs-menu-item"><a href="../../interact/clock/index.html">Clock</a></li><li class="docs-menu-item"><a href="../../interact/jupyter-notebooks/index.html">Jupyter Notebooks</a></li><li class="docs-menu-item"><a href="../../interact/other-sites/index.html">Other Websites</a></li><li class="docs-menu-item"><a href="../../interact/video-chat/index.html">Zumzi Video Conferencing (Mesibo API Backend)</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../javascript/index.html">Javascript</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../javascript/arrow-functions/index.html">JS Fat Arrow Functions</a></li><li class="docs-menu-item"><a href="../../javascript/asyncjs/index.html">Asynchronous-JS</a></li><li class="docs-menu-item"><a href="../../javascript/await-keyword/index.html">Await </a></li><li class="docs-menu-item"><a href="../../javascript/constructor-functions/index.html">Constructor Functions</a></li><li class="docs-menu-item"><a href="../../javascript/cs-basics-in-js/index.html">CS Basics</a></li><li class="docs-menu-item"><a href="../../javascript/for-loops/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../javascript/promises/index.html">Promises</a></li><li class="docs-menu-item"><a href="../../javascript/clean-code/index.html">Clean Code</a></li><li class="docs-menu-item"><a href="../../javascript/review/index.html">Javascript Concepts Review</a></li><li class="docs-menu-item"><a href="../../javascript/this-is-about-this/index.html">WhatisTHIS</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interview/index.html">Interviewing</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interview/job-search-nav/index.html">Job Search Navigation</a></li><li class="docs-menu-item"><a href="../../interview/review-concepts/index.html">Review Of Concepts</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../leetcode/index.html">Leetcode</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../leetcode/004._Median_of_Two_Sorted_Arrays/index.html">004._Median_of_Two_Sorted_Arrays</a></li><li class="docs-menu-item"><a href="../../leetcode/006._ZigZag_Conversion/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/008._String_to_Integer_(atoi)/index.html">008._String_to_Integer</a></li><li class="docs-menu-item"><a href="../../leetcode/009._Palindrome_Number/index.html">009._Palindrome_Number</a></li><li class="docs-menu-item"><a href="../../leetcode/011._Container_With_Most_Water/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/010._Regular_Expression_Matching/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/012._Integer_to_Roman/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/013._Roman_to_Integer/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/014._Longest_Common_Prefix/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/019._Remove_Nth_Node_From_End_of_List/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/020._Valid_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/022._Generate_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/029._Divide_Two_Integers/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/031._Next_Permutation/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/033._Search_in_Rotated_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/first-100/index.html">Leetcode</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../projects/index.html">Projects</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../projects/embeded-websites/index.html">Embeded Websites &amp; Projects</a></li><li class="docs-menu-item"><a href="../../projects/list-of-projects/index.html">List Of Projects</a></li><li class="docs-menu-item"><a href="../../projects/main-projects/index.html">RECENT PROJECTS</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects2/index.html">Mini Projects 2</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects/index.html">Mini Projects</a></li><li class="docs-menu-item"><a href="../../projects/my-websites/index.html">My Sites</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../python/index.html">Python</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../python/examples/index.html">Practice</a></li><li class="docs-menu-item"><a href="../../python/flow-control/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/functions/index.html">Python Functions</a></li><li class="docs-menu-item"><a href="../../python/google-sheets-api/index.html">google-sheets-api</a></li><li class="docs-menu-item"><a href="../../python/install-python-ubuntu/index.html">How to install Python 2.7 on Ubuntu 20.04 LTS</a></li><li class="docs-menu-item"><a href="../../python/intro-for-js-devs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/python-ds/index.html">Python General Notes</a></li><li class="docs-menu-item"><a href="../../python/python-quiz/index.html">Python Quiz</a></li><li class="docs-menu-item"><a href="../../python/snippets/index.html">Python Snippets</a></li><li class="docs-menu-item"><a href="../../python/cheat-sheet/index.html">Python Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../python/comprehensive-guide/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/at-length/index.html">Python at length</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../quick-reference/index.html">QuickRef</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../quick-reference/all-emojis/index.html">All Emojis</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-bash/index.html">Git Bash</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-tricks/index.html">Git Tricks</a></li><li class="docs-menu-item"><a href="../../quick-reference/google-firebase/index.html">Firebase (Firebasics)</a></li><li class="docs-menu-item"><a href="../../quick-reference/markdown-dropdowns/index.html">Markdown Dropdown</a></li><li class="docs-menu-item"><a href="../../quick-reference/installation/index.html">Installation</a></li><li class="docs-menu-item"><a href="../../quick-reference/minifiction/index.html">How To Minify Code For Better Web Performance </a></li><li class="docs-menu-item"><a href="../../quick-reference/new-repo-instructions/index.html">new-repo-git</a></li><li class="docs-menu-item"><a href="../../quick-reference/pull-request-rubric/index.html">Pull Request Template</a></li><li class="docs-menu-item"><a href="../../quick-reference/quick-links/index.html">Quick Links</a></li><li class="docs-menu-item"><a href="../../quick-reference/heroku-error-codes/index.html">Heroku Error Codes</a></li><li class="docs-menu-item"><a href="../../quick-reference/topRepos/index.html">Top Repos</a></li><li class="docs-menu-item"><a href="../../quick-reference/psql-setup/index.html">PostgreSQL Setup</a></li><li class="docs-menu-item"><a href="../../quick-reference/understanding-path/index.html">Understanding PATH</a></li><li class="docs-menu-item"><a href="../../quick-reference/Emmet/index.html">Emmet Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../quick-reference/create-react-app/index.html">Getting Started W Create React App</a></li><li class="docs-menu-item"><a href="../../quick-reference/vscode-themes/index.html">vscode-themes</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../react/index.html">React</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../react/ajax-n-apis/index.html">AJAX and APIs</a></li><li class="docs-menu-item"><a href="../../react/createReactApp/index.html">npx-create-react-app</a></li><li class="docs-menu-item"><a href="../../react/cheatsheet/index.html">React Cheat Sheets:</a></li><li class="docs-menu-item"><a href="../../react/demo/index.html">React Class Components Demo</a></li><li class="docs-menu-item"><a href="../../react/jsx/index.html">Introducing JSX</a></li><li class="docs-menu-item"><a href="../../react/dont-use-index-as-keys/index.html">Index as a key is an anti-pattern</a></li><li class="docs-menu-item"><a href="../../react/react-w-api/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../react/quiz/index.html">React Quiz Questions</a></li><li class="docs-menu-item"><a href="../../react/react-patterns-by-usecase/index.html">React Patterns &amp; Use Cases</a></li><li class="docs-menu-item"><a href="../../react/render-elements/index.html">Rendering Elements With React</a></li><li class="docs-menu-item"><a href="../../react/react-docs/index.html">React Docs</a></li><li class="docs-menu-item"><a href="../../react/react2/index.html">Intro To React</a></li><li class="docs-menu-item"><a href="../../react/react-in-depth/index.html">React In Depth</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../reference/index.html">Reference</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../reference/awesome-static/index.html">Awesome Static Site Resources</a></li><li class="docs-menu-item"><a href="../../reference/embed-the-web/index.html">Embed The Web</a></li><li class="docs-menu-item"><a href="../../reference/google-cloud/index.html">Google Cloud</a></li><li class="docs-menu-item"><a href="../../reference/bash-commands/index.html">Bash-Commands</a></li><li class="docs-menu-item"><a href="../../reference/how-to-kill-a-process/index.html">Kill a Process in Linux</a></li><li class="docs-menu-item"><a href="../../reference/how-2-reinstall-npm/index.html">How To Reinstall NPM and Node.js On Your System</a></li><li class="docs-menu-item"><a href="../../reference/installing-node/index.html">Installing Node</a></li><li class="docs-menu-item"><a href="../../reference/intro-to-nodejs/index.html">Intro To NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/notes-template/index.html">Notes Template</a></li><li class="docs-menu-item"><a href="../../reference/markdown-styleguide/index.html">Markdown Lint Styleguide</a></li><li class="docs-menu-item"><a href="../../reference/psql/index.html">Postgresql Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../reference/vscode/index.html">vscode</a></li><li class="docs-menu-item"><a href="../../reference/resources/index.html">Developer Resources</a></li><li class="docs-menu-item"><a href="../../reference/awesome-nodejs/index.html">Awesome NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/github-search/index.html">Github Search</a></li><li class="docs-menu-item"><a href="../../reference/awesome-lists/index.html">Awesome Lists</a></li><li class="docs-menu-item"><a href="../../reference/web-api%27s/index.html">Web Apis</a></li><li class="docs-menu-item"><a href="../../reference/bookmarks/index.html">Web Dev Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tools/index.html">Tools</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tools/dev-utilities/index.html">General Utilities</a></li><li class="docs-menu-item"><a href="../../tools/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../tools/markdown-html/index.html">md and html</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tips/index.html">Tips</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tips/array-methods/index.html">Tips</a></li><li class="docs-menu-item"><a href="../../tips/insert-into-array/index.html">Insert Into Array</a></li><li class="docs-menu-item"><a href="../../tips/sorting-strings/index.html">Sorting Strings</a></li><li class="docs-menu-item"><a href="../../tips/regex-tips/index.html">Regex Tricks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tutorials/index.html">Tutorials</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tutorials/how-to-use-google-sheets-as-cms/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../tutorials/enviorment-setup/index.html">Basic Bash Proficiency</a></li></ul></li></ul></div></div></nav><article class="post type-docs"><div class="post-inside"><header class="post-header"><h1 class="post-title line-left">Node Docs</h1></header><div class="post-content"><h2>Cheat Sheet:</h2><pre><code class="language-js">/* *******************************************************************************************
+ * SYNOPSIS
+ * http://nodejs.org/api/synopsis.html
+ * ******************************************************************************************* */
+
+
+var http = require(&#x27;http&#x27;);
+
+// An example of a web server written with Node which responds with &#x27;Hello World&#x27;.
+// To run the server, put the code into a file called example.js and execute it with the node program.
+http.createServer(function (request, response) {
+  response.writeHead(200, {&#x27;Content-Type&#x27;: &#x27;text/plain&#x27;});
+  response.end(&#x27;Hello World\n&#x27;);
+}).listen(8124);
+
+console.log(&#x27;Server running at http://127.0.0.1:8124/&#x27;);
+
+
+/* *******************************************************************************************
+ * GLOBAL OBJECTS
+ * http://nodejs.org/api/globals.html
+ * ******************************************************************************************* */
+
+
+// In browsers, the top-level scope is the global scope.
+// That means that in browsers if you&#x27;re in the global scope var something will define a global variable.
+// In Node this is different. The top-level scope is not the global scope; var something inside a Node module will be local to that module.
+
+__filename;  // The filename of the code being executed. (absolute path)
+__dirname;   // The name of the directory that the currently executing script resides in. (absolute path)
+module;      // A reference to the current module. In particular module.exports is used for defining what a module exports and makes available through require().
+exports;     // A reference to the module.exports that is shorter to type.
+process;     // The process object is a global object and can be accessed from anywhere. It is an instance of EventEmitter.
+Buffer;      // The Buffer class is a global type for dealing with binary data directly.
+
+
+/* *******************************************************************************************
+ * CONSOLE
+ * http://nodejs.org/api/console.html
+ * ******************************************************************************************* */
+
+
+console.log([data], [...]);             // Prints to stdout with newline.
+console.info([data], [...]);            // Same as console.log.
+console.error([data], [...]);           // Same as console.log but prints to stderr.
+console.warn([data], [...]);            // Same as console.error.
+console.dir(obj);                       // Uses util.inspect on obj and prints resulting string to stdout.
+console.time(label);                    // Mark a time.
+console.timeEnd(label);                 // Finish timer, record output.
+console.trace(label);                   // Print a stack trace to stderr of the current position.
+console.assert(expression, [message]);  // Same as assert.ok() where if the expression evaluates as false throw an AssertionError with message.
+
+
+/* *******************************************************************************************
+ * TIMERS
+ * http://nodejs.org/api/timers.html
+ * ******************************************************************************************* */
+
+
+setTimeout(callback, delay, [arg], [...]);   // To schedule execution of a one-time callback after delay milliseconds. Optionally you can also pass arguments to the callback.
+clearTimeout(t);                             // Stop a timer that was previously created with setTimeout().
+setInterval(callback, delay, [arg], [...]);  // To schedule the repeated execution of callback every delay milliseconds. Optionally you can also pass arguments to the callback.
+clearInterval(t);                            // Stop a timer that was previously created with setInterval().
+setImmediate(callback, [arg], [...]);        // To schedule the &quot;immediate&quot; execution of callback after I/O events callbacks and before setTimeout and setInterval.
+clearImmediate(immediateObject);             // Stop a timer that was previously created with setImmediate().
+
+unref();  // Allow you to create a timer that is active but if it is the only item left in the event loop, node won&#x27;t keep the program running.
+ref();    // If you had previously unref()d a timer you can call ref() to explicitly request the timer hold the program open.
+
+
+/* *******************************************************************************************
+ * MODULES
+ * http://nodejs.org/api/modules.html
+ * ******************************************************************************************* */
+
+
+var module = require(&#x27;./module.js&#x27;);    // Loads the module module.js in the same directory.
+module.require(&#x27;./another_module.js&#x27;);  // load another_module as if require() was called from the module itself.
+
+module.id;        // The identifier for the module. Typically this is the fully resolved filename.
+module.filename;  // The fully resolved filename to the module.
+module.loaded;    // Whether or not the module is done loading, or is in the process of loading.
+module.parent;    // The module that required this one.
+module.children;  // The module objects required by this one.
+
+exports.area = function (r) {
+  return Math.PI * r * r;
+};
+
+// If you want the root of your module&#x27;s export to be a function (such as a constructor)
+// or if you want to export a complete object in one assignment instead of building it one property at a time,
+// assign it to module.exports instead of exports.
+module.exports = function(width) {
+  return {
+    area: function() {
+      return width * width;
+    }
+  };
+}
+
+
+/* *******************************************************************************************
+ * PROCESS
+ * http://nodejs.org/api/process.html
+ * ******************************************************************************************* */
+
+
+process.on(&#x27;exit&#x27;, function(code) {});              // Emitted when the process is about to exit
+process.on(&#x27;uncaughtException&#x27;, function(err) {});  // Emitted when an exception bubbles all the way back to the event loop. (should not be used)
+
+process.stdout;           // A writable stream to stdout.
+process.stderr;           // A writable stream to stderr.
+process.stdin;            // A readable stream for stdin.
+
+process.argv;             // An array containing the command line arguments.
+process.env;              // An object containing the user environment.
+process.execPath;         // This is the absolute pathname of the executable that started the process.
+process.execArgv;         // This is the set of node-specific command line options from the executable that started the process.
+
+process.arch;             // What processor architecture you&#x27;re running on: &#x27;arm&#x27;, &#x27;ia32&#x27;, or &#x27;x64&#x27;.
+process.config;           // An Object containing the JavaScript representation of the configure options that were used to compile the current node executable.
+process.pid;              // The PID of the process.
+process.platform;         // What platform you&#x27;re running on: &#x27;darwin&#x27;, &#x27;freebsd&#x27;, &#x27;linux&#x27;, &#x27;sunos&#x27; or &#x27;win32&#x27;.
+process.title;            // Getter/setter to set what is displayed in &#x27;ps&#x27;.
+process.version;          // A compiled-in property that exposes NODE_VERSION.
+process.versions;         // A property exposing version strings of node and its dependencies.
+
+process.abort();          // This causes node to emit an abort. This will cause node to exit and generate a core file.
+process.chdir(dir);       // Changes the current working directory of the process or throws an exception if that fails.
+process.cwd();            // Returns the current working directory of the process.
+process.exit([code]);     // Ends the process with the specified code. If omitted, exit uses the &#x27;success&#x27; code 0.
+process.getgid();         // Gets the group identity of the process.
+process.setgid(id);       // Sets the group identity of the process.
+process.getuid();         // Gets the user identity of the process.
+process.setuid(id);       // Sets the user identity of the process.
+process.getgroups();      // Returns an array with the supplementary group IDs.
+process.setgroups(grps);  // Sets the supplementary group IDs.
+
+process.initgroups(user, extra_grp);  // Reads /etc/group and initializes the group access list, using all groups of which the user is a member.
+process.kill(pid, [signal]);          // Send a signal to a process. pid is the process id and signal is the string describing the signal to send.
+process.memoryUsage();                // Returns an object describing the memory usage of the Node process measured in bytes.
+process.nextTick(callback);           // On the next loop around the event loop call this callback.
+process.maxTickDepth;                 // Callbacks passed to process.nextTick will usually be called at the end of the current flow of execution, and are thus approximately as fast as calling a function synchronously.
+process.umask([mask]);                // Sets or reads the process&#x27;s file mode creation mask.
+process.uptime();                     // Number of seconds Node has been running.
+process.hrtime();                     // Returns the current high-resolution real time in a [seconds, nanoseconds] tuple Array.
+
+
+/* *******************************************************************************************
+ * CHILD PROCESS
+ * http://nodejs.org/api/child_process.html
+ * ******************************************************************************************* */
+
+
+// Node provides a tri-directional popen facility through the child_process module.
+// It is possible to stream data through a child&#x27;s stdin, stdout, and stderr in a fully non-blocking way.
+
+ChildProcess;                                                 // Class. ChildProcess is an EventEmitter.
+
+child.stdin;                                                  // A Writable Stream that represents the child process&#x27;s stdin
+child.stdout;                                                 // A Readable Stream that represents the child process&#x27;s stdout
+child.stderr;                                                 // A Readable Stream that represents the child process&#x27;s stderr.
+child.pid;                                                    // The PID of the child process
+child.connected;                                              // If .connected is false, it is no longer possible to send messages
+child.kill([signal]);                                         // Send a signal to the child process
+child.send(message, [sendHandle]);                            // When using child_process.fork() you can write to the child using child.send(message, [sendHandle]) and messages are received by a &#x27;message&#x27; event on the child.
+child.disconnect();                                           // Close the IPC channel between parent and child, allowing the child to exit gracefully once there are no other connections keeping it alive.
+child_process.spawn(command, [args], [options]);              // Launches a new process with the given command, with command line arguments in args. If omitted, args defaults to an empty Array.
+child_process.exec(command, [options], callback);             // Runs a command in a shell and buffers the output.
+child_process.execFile(file, [args], [options], [callback]);  // Runs a command in a shell and buffers the output.
+child_process.fork(modulePath, [args], [options]);            // This is a special case of the spawn() functionality for spawning Node processes. In addition to having all the methods in a normal ChildProcess instance, the returned object has a communication channel built-in. 
+
+
+/* *******************************************************************************************
+ * UTIL
+ * http://nodejs.org/api/util.html
+ * ******************************************************************************************* */
+
+
+// These functions are in the module &#x27;util&#x27;. Use require(&#x27;util&#x27;) to access them.
+
+util.format(format, [...]);    // Returns a formatted string using the first argument as a printf-like format. (%s, %d, %j)
+util.debug(string);            // A synchronous output function. Will block the process and output string immediately to stderr.
+util.error([...]);             // Same as util.debug() except this will output all arguments immediately to stderr.
+util.puts([...]);              // A synchronous output function. Will block the process and output all arguments to stdout with newlines after each argument.
+util.print([...]);             // A synchronous output function. Will block the process, cast each argument to a string then output to stdout. (no newlines)
+util.log(string);              // Output with timestamp on stdout.
+util.inspect(object, [opts]);  // Return a string representation of object, which is useful for debugging. (options: showHidden, depth, colors, customInspect)
+util.isArray(object);          // Returns true if the given &quot;object&quot; is an Array. false otherwise.
+util.isRegExp(object);         // Returns true if the given &quot;object&quot; is a RegExp. false otherwise.
+util.isDate(object);           // Returns true if the given &quot;object&quot; is a Date. false otherwise.
+util.isError(object);          // Returns true if the given &quot;object&quot; is an Error. false otherwise.
+util.promisify(fn)             // Takes a function whose last argument is a callback and returns a version that returns promises.
+
+util.inherits(constructor, superConstructor);  // Inherit the prototype methods from one constructor into another.
+
+
+/* *******************************************************************************************
+ * EVENTS
+ * http://nodejs.org/api/events.html
+ * ******************************************************************************************* */
+
+
+// All objects which emit events are instances of events.EventEmitter. You can access this module by doing: require(&quot;events&quot;);
+// To access the EventEmitter class, require(&#x27;events&#x27;).EventEmitter.
+// All EventEmitters emit the event &#x27;newListener&#x27; when new listeners are added and &#x27;removeListener&#x27; when a listener is removed.
+
+emitter.addListener(event, listener);        // Adds a listener to the end of the listeners array for the specified event.
+emitter.on(event, listener);                 // Same as emitter.addListener().
+emitter.once(event, listener);               // Adds a one time listener for the event. This listener is invoked only the next time the event is fired, after which it is removed.
+emitter.removeListener(event, listener);     // Remove a listener from the listener array for the specified event.
+emitter.removeAllListeners([event]);         // Removes all listeners, or those of the specified event.
+emitter.setMaxListeners(n);                  // By default EventEmitters will print a warning if more than 10 listeners are added for a particular event.
+emitter.listeners(event);                    // Returns an array of listeners for the specified event.
+emitter.emit(event, [arg1], [arg2], [...]);  // Execute each of the listeners in order with the supplied arguments. Returns true if event had listeners, false otherwise.
+
+EventEmitter.listenerCount(emitter, event);  // Return the number of listeners for a given event.
+
+
+/* *******************************************************************************************
+ * STREAM
+ * http://nodejs.org/api/stream.html
+ * ******************************************************************************************* */
+
+
+// A stream is an abstract interface implemented by various objects in Node. For example a request to an HTTP server is a stream, as is stdout.
+// Streams are readable, writable, or both. All streams are instances of EventEmitter.
+
+// The Readable stream interface is the abstraction for a source of data that you are reading from.
+// In other words, data comes out of a Readable stream.
+// A Readable stream will not start emitting data until you indicate that you are ready to receive it.
+// Examples of readable streams include: http responses on the client, http requests on the server, fs read streams
+// zlib streams, crypto streams, tcp sockets, child process stdout and stderr, process.stdin.
+
+var readable = getReadableStreamSomehow();
+
+readable.on(&#x27;readable&#x27;, function() {});   // When a chunk of data can be read from the stream, it will emit a &#x27;readable&#x27; event.
+readable.on(&#x27;data&#x27;, function(chunk) {});  // If you attach a data event listener, then it will switch the stream into flowing mode, and data will be passed to your handler as soon as it is available.
+readable.on(&#x27;end&#x27;, function() {});        // This event fires when there will be no more data to read.
+readable.on(&#x27;close&#x27;, function() {});      // Emitted when the underlying resource (for example, the backing file descriptor) has been closed. Not all streams will emit this.
+readable.on(&#x27;error&#x27;, function() {});      // Emitted if there was an error receiving data.
+
+// The read() method pulls some data out of the internal buffer and returns it. If there is no data available, then it will return null.
+// This method should only be called in non-flowing mode. In flowing-mode, this method is called automatically until the internal buffer is drained.
+readable.read([size]);
+
+readable.setEncoding(encoding);           // Call this function to cause the stream to return strings of the specified encoding instead of Buffer objects.
+readable.resume();                        // This method will cause the readable stream to resume emitting data events.
+readable.pause();                         // This method will cause a stream in flowing-mode to stop emitting data events.
+readable.pipe(destination, [options]);    // This method pulls all the data out of a readable stream, and writes it to the supplied destination, automatically managing the flow so that the destination is not overwhelmed by a fast readable stream.
+readable.unpipe([destination]);           // This method will remove the hooks set up for a previous pipe() call. If the destination is not specified, then all pipes are removed.
+readable.unshift(chunk);                  // This is useful in certain cases where a stream is being consumed by a parser, which needs to &quot;un-consume&quot; some data that it has optimistically pulled out of the source, so that the stream can be passed on to some other party.
+
+
+// The Writable stream interface is an abstraction for a destination that you are writing data to.
+// Examples of writable streams include: http requests on the client, http responses on the server, fs write streams,
+// zlib streams, crypto streams, tcp sockets, child process stdin, process.stdout, process.stderr.
+
+var writer = getWritableStreamSomehow();
+
+writable.write(chunk, [encoding], [callback]);  // This method writes some data to the underlying system, and calls the supplied callback once the data has been fully handled.
+writer.once(&#x27;drain&#x27;, write);                    // If a writable.write(chunk) call returns false, then the drain event will indicate when it is appropriate to begin writing more data to the stream.
+
+writable.end([chunk], [encoding], [callback]);  // Call this method when no more data will be written to the stream.
+writer.on(&#x27;finish&#x27;, function() {});             // When the end() method has been called, and all data has been flushed to the underlying system, this event is emitted.
+writer.on(&#x27;pipe&#x27;, function(src) {});            // This is emitted whenever the pipe() method is called on a readable stream, adding this writable to its set of destinations.
+writer.on(&#x27;unpipe&#x27;, function(src) {});          // This is emitted whenever the unpipe() method is called on a readable stream, removing this writable from its set of destinations.
+writer.on(&#x27;error&#x27;, function(src) {});           // Emitted if there was an error when writing or piping data.
+
+
+// Duplex streams are streams that implement both the Readable and Writable interfaces. See above for usage.
+// Examples of Duplex streams include: tcp sockets, zlib streams, crypto streams.
+
+// Transform streams are Duplex streams where the output is in some way computed from the input. They implement both the Readable and Writable interfaces. See above for usage.
+// Examples of Transform streams include: zlib streams, crypto streams.
+
+
+/* *******************************************************************************************
+ * FILE SYSTEM
+ * http://nodejs.org/api/fs.html
+ * ******************************************************************************************* */
+
+
+// To use this module do require(&#x27;fs&#x27;).
+// All the methods have asynchronous and synchronous forms.
+
+fs.rename(oldPath, newPath, callback);  // Asynchronous rename. No arguments other than a possible exception are given to the completion callback.Asynchronous ftruncate. No arguments other than a possible exception are given to the completion callback.
+fs.renameSync(oldPath, newPath);        // Synchronous rename.
+
+fs.ftruncate(fd, len, callback);        // Asynchronous ftruncate. No arguments other than a possible exception are given to the completion callback.
+fs.ftruncateSync(fd, len);              // Synchronous ftruncate.
+fs.truncate(path, len, callback);       // Asynchronous truncate. No arguments other than a possible exception are given to the completion callback.
+fs.truncateSync(path, len);             // Synchronous truncate.
+
+fs.chown(path, uid, gid, callback);     // Asynchronous chown. No arguments other than a possible exception are given to the completion callback.
+fs.chownSync(path, uid, gid);           // Synchronous chown.
+fs.fchown(fd, uid, gid, callback);      // Asynchronous fchown. No arguments other than a possible exception are given to the completion callback.
+fs.fchownSync(fd, uid, gid);            // Synchronous fchown.
+fs.lchown(path, uid, gid, callback);    // Asynchronous lchown. No arguments other than a possible exception are given to the completion callback.
+fs.lchownSync(path, uid, gid);          // Synchronous lchown.
+
+fs.chmod(path, mode, callback);         // Asynchronous chmod. No arguments other than a possible exception are given to the completion callback.
+fs.chmodSync(path, mode);               // Synchronous chmod.
+fs.fchmod(fd, mode, callback);          // Asynchronous fchmod. No arguments other than a possible exception are given to the completion callback.
+fs.fchmodSync(fd, mode);                // Synchronous fchmod.
+fs.lchmod(path, mode, callback);        // Asynchronous lchmod. No arguments other than a possible exception are given to the completion callback.
+fs.lchmodSync(path, mode);              // Synchronous lchmod.
+
+fs.stat(path, callback);                // Asynchronous stat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. 
+fs.statSync(path);                      // Synchronous stat. Returns an instance of fs.Stats.
+fs.lstat(path, callback);               // Asynchronous lstat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. lstat() is identical to stat(), except that if path is a symbolic link, then the link itself is stat-ed, not the file that it refers to.
+fs.lstatSync(path);                     // Synchronous lstat. Returns an instance of fs.Stats.
+fs.fstat(fd, callback);                 // Asynchronous fstat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. fstat() is identical to stat(), except that the file to be stat-ed is specified by the file descriptor fd.
+fs.fstatSync(fd);                       // Synchronous fstat. Returns an instance of fs.Stats.
+
+fs.link(srcpath, dstpath, callback);             // Asynchronous link. No arguments other than a possible exception are given to the completion callback.
+fs.linkSync(srcpath, dstpath);                   // Synchronous link.
+fs.symlink(srcpath, dstpath, [type], callback);  // Asynchronous symlink. No arguments other than a possible exception are given to the completion callback. The type argument can be set to &#x27;dir&#x27;, &#x27;file&#x27;, or &#x27;junction&#x27; (default is &#x27;file&#x27;) and is only available on Windows (ignored on other platforms)
+fs.symlinkSync(srcpath, dstpath, [type]);        // Synchronous symlink.
+fs.readlink(path, callback);                     // Asynchronous readlink. The callback gets two arguments (err, linkString).
+fs.readlinkSync(path);                           // Synchronous readlink. Returns the symbolic link&#x27;s string value.
+fs.unlink(path, callback);                       // Asynchronous unlink. No arguments other than a possible exception are given to the completion callback.
+fs.unlinkSync(path);                             // Synchronous unlink.
+
+fs.realpath(path, [cache], callback);     // Asynchronous realpath. The callback gets two arguments (err, resolvedPath).
+fs.realpathSync(path, [cache]);           // Synchronous realpath. Returns the resolved path.
+
+fs.rmdir(path, callback);                 // Asynchronous rmdir. No arguments other than a possible exception are given to the completion callback.
+fs.rmdirSync(path);                       // Synchronous rmdir.
+fs.mkdir(path, [mode], callback);         // Asynchronous mkdir. No arguments other than a possible exception are given to the completion callback. mode defaults to 0777.
+fs.mkdirSync(path, [mode]);               // Synchronous mkdir.
+fs.readdir(path, callback);               // Asynchronous readdir. Reads the contents of a directory. The callback gets two arguments (err, files) where files is an array of the names of the files in the directory excluding &#x27;.&#x27; and &#x27;..&#x27;.
+fs.readdirSync(path);                     // Synchronous readdir. Returns an array of filenames excluding &#x27;.&#x27; and &#x27;..&#x27;.
+fs.close(fd, callback);                   // Asynchronous close. No arguments other than a possible exception are given to the completion callback.
+fs.closeSync(fd);                         // Synchronous close.
+fs.open(path, flags, [mode], callback);   // Asynchronous file open.
+fs.openSync(path, flags, [mode]);         // Synchronous version of fs.open().
+fs.utimes(path, atime, mtime, callback);  // Change file timestamps of the file referenced by the supplied path.
+fs.utimesSync(path, atime, mtime);        // Synchronous version of fs.utimes().
+fs.futimes(fd, atime, mtime, callback);   // Change the file timestamps of a file referenced by the supplied file descriptor.
+fs.futimesSync(fd, atime, mtime);         // Synchronous version of fs.futimes().
+fs.fsync(fd, callback);                   // Asynchronous fsync. No arguments other than a possible exception are given to the completion callback.
+fs.fsyncSync(fd);                         // Synchronous fsync.
+
+fs.write(fd, buffer, offset, length, position, callback);  // Write buffer to the file specified by fd.
+fs.writeSync(fd, buffer, offset, length, position);        // Synchronous version of fs.write(). Returns the number of bytes written.
+fs.read(fd, buffer, offset, length, position, callback);   // Read data from the file specified by fd.
+fs.readSync(fd, buffer, offset, length, position);         // Synchronous version of fs.read. Returns the number of bytesRead.
+fs.readFile(filename, [options], callback);                // Asynchronously reads the entire contents of a file.
+fs.readFileSync(filename, [options]);                      // Synchronous version of fs.readFile. Returns the contents of the filename. If the encoding option is specified then this function returns a string. Otherwise it returns a buffer.
+
+fs.writeFile(filename, data, [options], callback);   // Asynchronously writes data to a file, replacing the file if it already exists. data can be a string or a buffer.
+fs.writeFileSync(filename, data, [options]);         // The synchronous version of fs.writeFile.
+fs.appendFile(filename, data, [options], callback);  // Asynchronously append data to a file, creating the file if it not yet exists. data can be a string or a buffer.
+fs.appendFileSync(filename, data, [options]);        // The synchronous version of fs.appendFile.
+fs.watch(filename, [options], [listener]);           // Watch for changes on filename, where filename is either a file or a directory. The returned object is a fs.FSWatcher. The listener callback gets two arguments (event, filename). event is either &#x27;rename&#x27; or &#x27;change&#x27;, and filename is the name of the file which triggered the event.
+fs.exists(path, callback);                           // Test whether or not the given path exists by checking with the file system. Then call the callback argument with either true or false. (should not be used)
+fs.existsSync(path);                                 // Synchronous version of fs.exists. (should not be used)
+
+// fs.Stats: objects returned from fs.stat(), fs.lstat() and fs.fstat() and their synchronous counterparts are of this type.
+stats.isFile();
+stats.isDirectory()
+stats.isBlockDevice()
+stats.isCharacterDevice()
+stats.isSymbolicLink()  // (only valid with fs.lstat())
+stats.isFIFO()
+stats.isSocket()
+
+fs.createReadStream(path, [options]);   // Returns a new ReadStream object.
+fs.createWriteStream(path, [options]);  // Returns a new WriteStream object.
+
+
+/* *******************************************************************************************
+ * PATH
+ * http://nodejs.org/api/fs.html
+ * ******************************************************************************************* */
+
+
+// Use require(&#x27;path&#x27;) to use this module.
+// This module contains utilities for handling and transforming file paths.
+// Almost all these methods perform only string transformations.
+// The file system is not consulted to check whether paths are valid.
+
+path.normalize(p);                    // Normalize a string path, taking care of &#x27;..&#x27; and &#x27;.&#x27; parts.
+path.join([path1], [path2], [...]);   // Join all arguments together and normalize the resulting path.
+path.resolve([from ...], to);         // Resolves &#x27;to&#x27; to an absolute path.
+path.relative(from, to);              // Solve the relative path from &#x27;from&#x27; to &#x27;to&#x27;.
+path.dirname(p);                      // Return the directory name of a path. Similar to the Unix dirname command.
+path.basename(p, [ext]);              // Return the last portion of a path. Similar to the Unix basename command.
+path.extname(p);                      // Return the extension of the path, from the last &#x27;.&#x27; to end of string in the last portion of the path.
+
+path.sep;                             // The platform-specific file separator. &#x27;\\&#x27; or &#x27;/&#x27;.
+path.delimiter;                       // The platform-specific path delimiter, &#x27;;&#x27; or &#x27;:&#x27;.
+
+
+/* *******************************************************************************************
+ * HTTP
+ * http://nodejs.org/api/http.html
+ * ******************************************************************************************* */
+
+
+// To use the HTTP server and client one must require(&#x27;http&#x27;).
+
+http.STATUS_CODES;                                             // A collection of all the standard HTTP response status codes, and the short description of each.
+http.request(options, [callback]);                             // This function allows one to transparently issue requests.
+http.get(options, [callback]);                                 // Set the method to GET and calls req.end() automatically.
+
+server = http.createServer([requestListener]);                 // Returns a new web server object. The requestListener is a function which is automatically added to the &#x27;request&#x27; event.
+server.listen(port, [hostname], [backlog], [callback]);        // Begin accepting connections on the specified port and hostname.
+server.listen(path, [callback]);                               // Start a UNIX socket server listening for connections on the given path.
+server.listen(handle, [callback]);                             // The handle object can be set to either a server or socket (anything with an underlying _handle member), or a {fd: &lt;n&gt;} object.
+server.close([callback]);                                      // Stops the server from accepting new connections. 
+server.setTimeout(msecs, callback);                            // Sets the timeout value for sockets, and emits a &#x27;timeout&#x27; event on the Server object, passing the socket as an argument, if a timeout occurs.
+
+server.maxHeadersCount;  // Limits maximum incoming headers count, equal to 1000 by default. If set to 0 - no limit will be applied.
+server.timeout;          // The number of milliseconds of inactivity before a socket is presumed to have timed out.
+
+server.on(&#x27;request&#x27;, function (request, response) { });        // Emitted each time there is a request.
+server.on(&#x27;connection&#x27;, function (socket) { });                // When a new TCP stream is established.
+server.on(&#x27;close&#x27;, function () { });                           // Emitted when the server closes.
+server.on(&#x27;checkContinue&#x27;, function (request, response) { });  // Emitted each time a request with an http Expect: 100-continue is received.
+server.on(&#x27;connect&#x27;, function (request, socket, head) { });    // Emitted each time a client requests a http CONNECT method.
+server.on(&#x27;upgrade&#x27;, function (request, socket, head) { });    // Emitted each time a client requests a http upgrade.
+server.on(&#x27;clientError&#x27;, function (exception, socket) { });    // If a client connection emits an &#x27;error&#x27; event - it will forwarded here.
+
+request.write(chunk, [encoding]);                              // Sends a chunk of the body.
+request.end([data], [encoding]);                               // Finishes sending the request. If any parts of the body are unsent, it will flush them to the stream.
+request.abort();                                               // Aborts a request.
+request.setTimeout(timeout, [callback]);                       // Once a socket is assigned to this request and is connected socket.setTimeout() will be called.
+request.setNoDelay([noDelay]);                                 // Once a socket is assigned to this request and is connected socket.setNoDelay() will be called.
+request.setSocketKeepAlive([enable], [initialDelay]);          // Once a socket is assigned to this request and is connected socket.setKeepAlive() will be called.
+
+request.on(&#x27;response&#x27;, function(response) { });                // Emitted when a response is received to this request. This event is emitted only once.
+request.on(&#x27;socket&#x27;, function(socket) { });                    // Emitted after a socket is assigned to this request.
+request.on(&#x27;connect&#x27;, function(response, socket, head) { });   // Emitted each time a server responds to a request with a CONNECT method. If this event isn&#x27;t being listened for, clients receiving a CONNECT method will have their connections closed.
+request.on(&#x27;upgrade&#x27;, function(response, socket, head) { });   // Emitted each time a server responds to a request with an upgrade. If this event isn&#x27;t being listened for, clients receiving an upgrade header will have their connections closed.
+request.on(&#x27;continue&#x27;, function() { });                        // Emitted when the server sends a &#x27;100 Continue&#x27; HTTP response, usually because the request contained &#x27;Expect: 100-continue&#x27;. This is an instruction that the client should send the request body.
+
+response.write(chunk, [encoding]);                             // This sends a chunk of the response body. If this merthod is called and response.writeHead() has not been called, it will switch to implicit header mode and flush the implicit headers.
+response.writeContinue();                                      // Sends a HTTP/1.1 100 Continue message to the client, indicating that the request body should be sent.
+response.writeHead(statusCode, [reasonPhrase], [headers]);     // Sends a response header to the request.
+response.setTimeout(msecs, callback);                          // Sets the Socket&#x27;s timeout value to msecs. If a callback is provided, then it is added as a listener on the &#x27;timeout&#x27; event on the response object.
+response.setHeader(name, value);                               // Sets a single header value for implicit headers. If this header already exists in the to-be-sent headers, its value will be replaced. Use an array of strings here if you need to send multiple headers with the same name.
+response.getHeader(name);                                      // Reads out a header that&#x27;s already been queued but not sent to the client. Note that the name is case insensitive.
+response.removeHeader(name);                                   // Removes a header that&#x27;s queued for implicit sending.
+response.addTrailers(headers);                                 // This method adds HTTP trailing headers (a header but at the end of the message) to the response.
+response.end([data], [encoding]);                              // This method signals to the server that all of the response headers and body have been sent; that server should consider this message complete. The method, response.end(), MUST be called on each response.
+
+response.statusCode;                                           // When using implicit headers (not calling response.writeHead() explicitly), this property controls the status code that will be sent to the client when the headers get flushed.
+response.headersSent;                                          // Boolean (read-only). True if headers were sent, false otherwise.
+response.sendDate;                                             // When true, the Date header will be automatically generated and sent in the response if it is not already present in the headers. Defaults to true.
+
+response.on(&#x27;close&#x27;, function () { });  // Indicates that the underlying connection was terminated before response.end() was called or able to flush.
+response.on(&#x27;finish&#x27;, function() { });  // Emitted when the response has been sent. 
+
+message.httpVersion;                    // In case of server request, the HTTP version sent by the client. In the case of client response, the HTTP version of the connected-to server.
+message.headers;                        // The request/response headers object.
+message.trailers;                       // The request/response trailers object. Only populated after the &#x27;end&#x27; event.
+message.method;                         // The request method as a string. Read only. Example: &#x27;GET&#x27;, &#x27;DELETE&#x27;.
+message.url;                            // Request URL string. This contains only the URL that is present in the actual HTTP request.
+message.statusCode;                     // The 3-digit HTTP response status code. E.G. 404.
+message.socket;                         // The net.Socket object associated with the connection.
+
+message.setTimeout(msecs, callback);    // Calls message.connection.setTimeout(msecs, callback).
+
+
+/* *******************************************************************************************
+ * URL
+ * http://nodejs.org/api/url.html
+ * ******************************************************************************************* */
+
+
+// This module has utilities for URL resolution and parsing. Call require(&#x27;url&#x27;) to use it.
+
+url.parse(urlStr, [parseQueryString], [slashesDenoteHost]);  // Take a URL string, and return an object.
+url.format(urlObj);                                          // Take a parsed URL object, and return a formatted URL string.
+url.resolve(from, to);                                       // Take a base URL, and a href URL, and resolve them as a browser would for an anchor tag.
+
+
+/* *******************************************************************************************
+ * QUERY STRING
+ * http://nodejs.org/api/querystring.html
+ * ******************************************************************************************* */
+
+
+// This module provides utilities for dealing with query strings. Call require(&#x27;querystring&#x27;) to use it.
+
+querystring.stringify(obj, [sep], [eq]);         // Serialize an object to a query string. Optionally override the default separator (&#x27;&amp;&#x27;) and assignment (&#x27;=&#x27;) characters.
+querystring.parse(str, [sep], [eq], [options]);  // Deserialize a query string to an object. Optionally override the default separator (&#x27;&amp;&#x27;) and assignment (&#x27;=&#x27;) characters.
+
+
+/* *******************************************************************************************
+ * ASSERT
+ * http://nodejs.org/api/assert.html
+ * ******************************************************************************************* */
+
+
+// This module is used for writing unit tests for your applications, you can access it with require(&#x27;assert&#x27;).
+
+assert.fail(actual, expected, message, operator);     // Throws an exception that displays the values for actual and expected separated by the provided operator.
+assert(value, message); assert.ok(value, [message]);  // Tests if value is truthy, it is equivalent to assert.equal(true, !!value, message);
+assert.equal(actual, expected, [message]);            // Tests shallow, coercive equality with the equal comparison operator ( == ).
+assert.notEqual(actual, expected, [message]);         // Tests shallow, coercive non-equality with the not equal comparison operator ( != ).
+assert.deepEqual(actual, expected, [message]);        // Tests for deep equality.
+assert.notDeepEqual(actual, expected, [message]);     // Tests for any deep inequality.
+assert.strictEqual(actual, expected, [message]);      // Tests strict equality, as determined by the strict equality operator ( === )
+assert.notStrictEqual(actual, expected, [message]);   // Tests strict non-equality, as determined by the strict not equal operator ( !== )
+assert.throws(block, [error], [message]);             // Expects block to throw an error. error can be constructor, RegExp or validation function.
+assert.doesNotThrow(block, [message]);                // Expects block not to throw an error, see assert.throws for details.
+assert.ifError(value);                                // Tests if value is not a false value, throws if it is a true value. Useful when testing the first argument, error in callbacks.
+
+
+/* *******************************************************************************************
+ * OS
+ * http://nodejs.org/api/os.html
+ * ******************************************************************************************* */
+
+
+// Provides a few basic operating-system related utility functions.
+// Use require(&#x27;os&#x27;) to access this module.
+
+os.tmpdir();             // Returns the operating system&#x27;s default directory for temp files.
+os.endianness();         // Returns the endianness of the CPU. Possible values are &quot;BE&quot; or &quot;LE&quot;.
+os.hostname();           // Returns the hostname of the operating system.
+os.type();               // Returns the operating system name.
+os.platform();           // Returns the operating system platform.
+os.arch();               // Returns the operating system CPU architecture.
+os.release();            // Returns the operating system release.
+os.uptime();             // Returns the system uptime in seconds.
+os.loadavg();            // Returns an array containing the 1, 5, and 15 minute load averages.
+os.totalmem();           // Returns the total amount of system memory in bytes.
+os.freemem();            // Returns the amount of free system memory in bytes.
+os.cpus();               // Returns an array of objects containing information about each CPU/core installed: model, speed (in MHz), and times (an object containing the number of milliseconds the CPU/core spent in: user, nice, sys, idle, and irq).
+os.networkInterfaces();  // Get a list of network interfaces.
+os.EOL;                  // A constant defining the appropriate End-of-line marker for the operating system.
+
+
+/* *******************************************************************************************
+ * BUFFER
+ * http://nodejs.org/api/buffer.html
+ * ******************************************************************************************* */
+
+
+// Buffer is used to dealing with binary data
+// Buffer is similar to an array of integers but corresponds to a raw memory allocation outside the V8 heap
+
+Buffer.from(size);                                                  // Allocates a new buffer of size octets.
+Buffer.from(array);                                                 // Allocates a new buffer using an array of octets.
+Buffer.from(str, [encoding]);                                       // Allocates a new buffer containing the given str. encoding defaults to &#x27;utf8&#x27;.
+
+Buffer.isEncoding(encoding);                                        // Returns true if the encoding is a valid encoding argument, or false otherwise.
+Buffer.isBuffer(obj);                                               // Tests if obj is a Buffer
+Buffer.concat(list, [totalLength]);                                 // Returns a buffer which is the result of concatenating all the buffers in the list together.
+Buffer.byteLength(string, [encoding]);                              // Gives the actual byte length of a string.
+
+buf.write(string, [offset], [length], [encoding]);                  // Writes string to the buffer at offset using the given encoding
+buf.toString([encoding], [start], [end]);                           // Decodes and returns a string from buffer data encoded with encoding (defaults to &#x27;utf8&#x27;) beginning at start (defaults to 0) and ending at end (defaults to buffer.length).
+buf.toJSON();                                                       // Returns a JSON-representation of the Buffer instance, which is identical to the output for JSON Arrays
+buf.copy(targetBuffer, [targetStart], [sourceStart], [sourceEnd]);  // Does copy between buffers. The source and target regions can be overlapped
+buf.slice([start], [end]);                                          // Returns a new buffer which references the same memory as the old, but offset and cropped by the start (defaults to 0) and end (defaults to buffer.length) indexes. Negative indexes start from the end of the buffer.   
+buf.fill(value, [offset], [end]);                                   // Fills the buffer with the specified value
+buf[index];                                                         // Get and set the octet at index
+buf.length;                                                         // The size of the buffer in bytes, Note that this is not necessarily the size of the contents
+
+buffer.INSPECT_MAX_BYTES;                                           // How many bytes will be returned when buffer.inspect() is called. This can be overridden by user modules.
+</code></pre><p>Node.js is an open-source and cross-platform JavaScript runtime environment. It is a popular tool for almost any kind of project!</p><p>Node.js runs the V8 JavaScript engine, the core of Google Chrome, outside of the browser. This allows Node.js to be very performant.</p><p>A Node.js app runs in a single process, without creating a new thread for every request. Node.js provides a set of asynchronous I/O primitives in its standard library that prevent JavaScript code from blocking and generally, libraries in Node.js are written using non-blocking paradigms, making blocking behavior the exception rather than the norm.</p><p>When Node.js performs an I/O operation, like reading from the network, accessing a database or the filesystem, instead of blocking the thread and wasting CPU cycles waiting, Node.js will resume the operations when the response comes back.</p><p>This allows Node.js to handle thousands of concurrent connections with a single server without introducing the burden of managing thread concurrency, which could be a significant source of bugs.</p><p>Node.js has a unique advantage because millions of frontend developers that write JavaScript for the browser are now able to write the server-side code in addition to the client-side code without the need to learn a completely different language.</p><p>In Node.js the new ECMAScript standards can be used without problems, as you don&#x27;t have to wait for all your users to update their browsers - you are in charge of deciding which ECMAScript version to use by changing the Node.js version, and you can also enable specific experimental features by running Node.js with flags.</p><h2><a href="https://nodejs.dev/learn#a-vast-number-of-libraries"></a>A Vast Number of Libraries</h2><p>npm with its simple structure helped the ecosystem of Node.js proliferate, and now the npm registry hosts over 1,000,000 open source packages you can freely use.</p><h2><a href="https://nodejs.dev/learn#an-example-nodejs-application"></a>An Example Node.js Application</h2><p>The most common example Hello World of Node.js is a web server:</p><p>This code first includes the Node.js <a href="https://nodejs.org/api/http.html"><code>http</code> module</a>.</p><p>Node.js has a fantastic <a href="https://nodejs.org/api/">standard library</a>, including first-class support for networking.</p><p>The <code>createServer()</code> method of <code>http</code> creates a new HTTP server and returns it.</p><p>The server is set to listen on the specified port and host name. When the server is ready, the callback function is called, in this case informing us that the server is running.</p><p>Whenever a new request is received, the <a href="https://nodejs.org/api/http.html#http_event_request"><code>request</code> event</a> is called, providing two objects: a request (an <a href="https://nodejs.org/api/http.html#http_class_http_incomingmessage"><code>http.IncomingMessage</code></a> object) and a response (an <a href="https://nodejs.org/api/http.html#http_class_http_serverresponse"><code>http.ServerResponse</code></a> object).</p><p>Those 2 objects are essential to handle the HTTP call.</p><p>The first provides the request details. In this simple example, this is not used, but you could access the request headers and request data.</p><p>The second is used to return data to the caller.</p><p>In this case with:</p><p>JS</p><p>res.statusCode = 200</p><p>we set the statusCode property to 200, to indicate a successful response.</p><p>We set the Content-Type header:</p><p>JS</p><p>res.setHeader(&#x27;Content-Type&#x27;, &#x27;text/plain&#x27;)</p><p>and we close the response, adding the content as an argument to <code>end()</code>:</p><p>JS</p><p>res.end(&#x27;Hello World\n&#x27;)</p><p>Node.js is a low-level platform. In order to make things easy and exciting for developers, thousands of libraries were built upon Node.js by the community.</p><p>Many of those established over time as popular options. Here is a non-comprehensive list of the ones worth learning:</p><ul><li><a href="https://adonisjs.com/"><strong>AdonisJS</strong></a>: A TypeScript-based fully featured framework highly focused on developer ergonomics, stability, and confidence. Adonis is one of the fastest Node.js web frameworks.</li><li><a href="https://eggjs.org/en/"><strong>Egg.js</strong></a>: A framework to build better enterprise frameworks and apps with Node.js &amp; Koa.</li><li><a href="https://expressjs.com/"><strong>Express</strong></a>: It provides one of the most simple yet powerful ways to create a web server. Its minimalist approach, unopinionated, focused on the core features of a server, is key to its success.</li><li><a href="https://fastify.io/"><strong>Fastify</strong></a>: A web framework highly focused on providing the best developer experience with the least overhead and a powerful plugin architecture. Fastify is one of the fastest Node.js web frameworks.</li><li><a href="https://feathersjs.com/"><strong>FeatherJS</strong></a>: Feathers is a lightweight web-framework for creating real-time applications and REST APIs using JavaScript or TypeScript. Build prototypes in minutes and production-ready apps in days.</li><li><a href="https://www.gatsbyjs.com/"><strong>Gatsby</strong></a>: A <a href="https://reactjs.org/">React</a>-based, <a href="https://graphql.org/">GraphQL</a> powered, static site generator with a very rich ecosystem of plugins and starters.</li><li><a href="https://hapijs.com/"><strong>hapi</strong></a>: A rich framework for building applications and services that enables developers to focus on writing reusable application logic instead of spending time building infrastructure.</li><li><a href="http://koajs.com/"><strong>koa</strong></a>: It is built by the same team behind Express, aims to be even simpler and smaller, building on top of years of knowledge. The new project born out of the need to create incompatible changes without disrupting the existing community.</li><li><a href="https://loopback.io/"><strong>Loopback.io</strong></a>: Makes it easy to build modern applications that require complex integrations.</li><li><a href="https://meteor.com/"><strong>Meteor</strong></a>: An incredibly powerful full-stack framework, powering you with an isomorphic approach to building apps with JavaScript, sharing code on the client and the server. Once an off-the-shelf tool that provided everything, now integrates with frontend libs <a href="https://reactjs.org/">React</a>, <a href="https://vuejs.org/">Vue</a>, and <a href="https://angular.io/">Angular</a>. Can be used to create mobile apps as well.</li><li><a href="https://github.com/zeit/micro"><strong>Micro</strong></a>: It provides a very lightweight server to create asynchronous HTTP microservices.</li><li><a href="https://nestjs.com/"><strong>NestJS</strong></a>: A TypeScript based progressive Node.js framework for building enterprise-grade efficient, reliable and scalable server-side applications.</li><li><a href="https://nextjs.org/"><strong>Next.js</strong></a>: <a href="https://reactjs.org/">React</a> framework that gives you the best developer experience with all the features you need for production: hybrid static &amp; server rendering, TypeScript support, smart bundling, route pre-fetching, and more.</li><li><a href="https://nx.dev/"><strong>Nx</strong></a>: A toolkit for full-stack monorepo development using NestJS, Express, <a href="https://reactjs.org/">React</a>, <a href="https://angular.io/">Angular</a>, and more! Nx helps scale your development from one team building one application to many teams collaborating on multiple applications!</li><li><a href="https://sapper.svelte.dev/"><strong>Sapper</strong></a>: Sapper is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing. Offers SSR and more!</li><li><a href="https://socket.io/"><strong>Socket.io</strong></a>: A real-time communication engine to build network applications.</li><li><a href="https://strapi.io/"><strong>Strapi</strong></a>: Strapi is a flexible, open-source Headless CMS that gives developers the freedom to choose their favorite tools and frameworks while also allowing editors to easily manage and distribute their content. By making the admin panel and API extensible through a plugin system, Strapi enables the world&#x27;s largest companies to accelerate content delivery while building beautiful digital experiences.</li></ul><p>Node.js can be installed in different ways. This post highlights the most common and convenient ones.</p><p>Official packages for all the major platforms are available at <a href="https://nodejs.dev/download/">https://nodejs.dev/download/</a>.</p><p>One very convenient way to install Node.js is through a package manager. In this case, every operating system has its own.</p><p>Other package managers for MacOS, Linux, and Windows are listed in <a href="https://nodejs.dev/download/package-manager/">https://nodejs.dev/download/package-manager/</a></p><p><code>nvm</code> is a popular way to run Node.js. It allows you to easily switch the Node.js version, and install new versions to try and easily rollback if something breaks, for example.</p><p>It is also very useful to test your code with old Node.js versions.</p><p>See <a href="https://github.com/nvm-sh/nvm">https://github.com/nvm-sh/nvm</a> for more information about this option.</p><p>In any case, when Node.js is installed you&#x27;ll have access to the <code>node</code> executable program in the command line.</p><h1>How much JavaScript do you need to know to use Node.js</h1><p>As a beginner, it&#x27;s hard to get to a point where you are confident enough in your programming abilities.</p><p>While learning to code, you might also be confused at where does JavaScript end, and where Node.js begins, and vice versa.</p><p>I would recommend you to have a good grasp of the main JavaScript concepts before diving into Node.js:</p><ul><li>Lexical Structure</li><li>Expressions</li><li>Types</li><li>Classes</li><li>Variables</li><li>Functions</li><li>this</li><li>Arrow Functions</li><li>Loops</li><li>Scopes</li><li>Arrays</li><li>Template Literals</li><li>Semicolons</li><li>Strict Mode</li><li>ECMAScript 6, 2016, 2017</li></ul><p>With those concepts in mind, you are well on your road to become a proficient JavaScript developer, in both the browser and in Node.js.</p><p>The following concepts are also key to understand asynchronous programming, which is one of the fundamental parts of Node.js:</p><ul><li><a href="https://nodejs.dev/learn/javascript-asynchronous-programming-and-callbacks">Asynchronous programming and callbacks</a></li><li><a href="https://nodejs.dev/learn/discover-javascript-timers">Timers</a></li><li><a href="https://nodejs.dev/learn/understanding-javascript-promises">Promises</a></li><li><a href="https://nodejs.dev/learn/modern-asynchronous-javascript-with-async-and-await">Async and Await</a></li><li>Closures</li><li><a href="https://nodejs.dev/learn/the-nodejs-event-loop">The Event Loop</a></li></ul><h1>Differences between Node.js and the Browser</h1><p>Both the browser and Node.js use JavaScript as their programming language.</p><p>Building apps that run in the browser is a completely different thing than building a Node.js application.</p><p>Despite the fact that it&#x27;s always JavaScript, there are some key differences that make the experience radically different.</p><p>From the perspective of a frontend developer who extensively uses JavaScript, Node.js apps bring with them a huge advantage: the comfort of programming everything - the frontend and the backend - in a single language.</p><p>You have a huge opportunity because we know how hard it is to fully, deeply learn a programming language, and by using the same language to perform all your work on the web - both on the client and on the server, you&#x27;re in a unique position of advantage.</p><p>What changes is the ecosystem.</p><p>In the browser, most of the time what you are doing is interacting with the DOM, or other Web Platform APIs like Cookies. Those do not exist in Node.js, of course. You don&#x27;t have the <code>document</code>, <code>window</code> and all the other objects that are provided by the browser.</p><p>And in the browser, we don&#x27;t have all the nice APIs that Node.js provides through its modules, like the filesystem access functionality.</p><p>Another big difference is that in Node.js you control the environment. Unless you are building an open source application that anyone can deploy anywhere, you know which version of Node.js you will run the application on. Compared to the browser environment, where you don&#x27;t get the luxury to choose what browser your visitors will use, this is very convenient.</p><p>This means that you can write all the modern ES6-7-8-9 JavaScript that your Node.js version supports.</p><p>Since JavaScript moves so fast, but browsers can be a bit slow to upgrade, sometimes on the web you are stuck with using older JavaScript / ECMAScript releases.</p><p>You can use Babel to transform your code to be ES5-compatible before shipping it to the browser, but in Node.js, you won&#x27;t need that.</p><p>Another difference is that Node.js uses the CommonJS module system, while in the browser we are starting to see the ES Modules standard being implemented.</p><p>In practice, this means that for the time being you use <code>require()</code> in Node.js and <code>import</code> in the browser.</p><h1>The V8 JavaScript Engine</h1><p>V8 is the name of the JavaScript engine that powers Google Chrome. It&#x27;s the thing that takes our JavaScript and executes it while browsing with Chrome.</p><p>V8 provides the runtime environment in which JavaScript executes. The DOM, and the other Web Platform APIs are provided by the browser.</p><p>The cool thing is that the JavaScript engine is independent of the browser in which it&#x27;s hosted. This key feature enabled the rise of Node.js. V8 was chosen to be the engine that powered Node.js back in 2009, and as the popularity of Node.js exploded, V8 became the engine that now powers an incredible amount of server-side code written in JavaScript.</p><p>The Node.js ecosystem is huge and thanks to V8 which also powers desktop apps, with projects like Electron.</p><h2><a href="https://nodejs.dev/learn#other-js-engines"></a>Other JS engines</h2><p>Other browsers have their own JavaScript engine:</p><ul><li>Firefox has <a href="https://spidermonkey.dev/"><strong>SpiderMonkey</strong></a></li><li>Safari has <a href="https://developer.apple.com/documentation/javascriptcore"><strong>JavaScriptCore</strong></a> (also called Nitro)</li><li>Edge was originally based on <a href="https://github.com/Microsoft/ChakraCore"><strong>Chakra</strong></a> but has more recently been <a href="https://support.microsoft.com/en-us/help/4501095/download-the-new-microsoft-edge-based-on-chromium">rebuilt using Chromium</a> and the V8 engine.</li></ul><p>and many others exist as well.</p><p>All those engines implement the <a href="https://www.ecma-international.org/publications/standards/Ecma-262.htm">ECMA ES-262 standard</a>, also called ECMAScript, the standard used by JavaScript.</p><h2><a href="https://nodejs.dev/learn#the-quest-for-performance"></a>The quest for performance</h2><p>V8 is written in C++, and it&#x27;s continuously improved. It is portable and runs on Mac, Windows, Linux and several other systems.</p><p>In this V8 introduction, we will ignore the implementation details of V8: they can be found on more authoritative sites (e.g. the <a href="https://v8.dev/">V8 official site</a>), and they change over time, often radically.</p><p>V8 is always evolving, just like the other JavaScript engines around, to speed up the Web and the Node.js ecosystem.</p><p>On the web, there is a race for performance that&#x27;s been going on for years, and we (as users and developers) benefit a lot from this competition because we get faster and more optimized machines year after year.</p><h2><a href="https://nodejs.dev/learn#compilation"></a>Compilation</h2><p>JavaScript is generally considered an interpreted language, but modern JavaScript engines no longer just interpret JavaScript, they compile it.</p><p>This has been happening since 2009, when the SpiderMonkey JavaScript compiler was added to Firefox 3.5, and everyone followed this idea.</p><p>JavaScript is internally compiled by V8 with <strong>just-in-time</strong> (JIT) <strong>compilation</strong> to speed up the execution.</p><p>This might seem counter-intuitive, but since the introduction of Google Maps in 2004, JavaScript has evolved from a language that was generally executing a few dozens of lines of code to complete applications with thousands to hundreds of thousands of lines running in the browser.</p><p>Our applications can now run for hours inside a browser, rather than being just a few form validation rules or simple scripts.</p><p>In this <em>new world</em>, compiling JavaScript makes perfect sense because while it might take a little bit more to have the JavaScript <em>ready</em>, once done it&#x27;s going to be much more performant than purely interpreted code.</p><h1>Run Node.js scripts from the command line</h1><p>The usual way to run a Node.js program is to run the <code>node</code> globally available command (once you install Node.js) and pass the name of the file you want to execute.</p><p>If your main Node.js application file is <code>app.js</code>, you can call it by typing:</p><p>BASH</p><p>node app.js</p><p>Above, you are explicitly telling the shell to run your script with <code>node</code>. You can also embed this information into your JavaScript file with a &quot;shebang&quot; line. The &quot;shebang&quot; is the first line in the file, and tells the OS which interpreter to use for running the script. Below is the first line of JavaScript:</p><p>BASH</p><h1>!/usr/bin/node</h1><p>Above, we are explicitly giving the absolute path of interpreter. Not all operating systems have <code>node</code> in the bin folder, but all should have <code>env</code>. You can tell the OS to run <code>env</code> with node as parameter:</p><p>BASH</p><h1>!/usr/bin/env node</h1><p>// your code</p><p>To use a shebang, your file should have executable permission. You can give <code>app.js</code> the executable permission by running:</p><p>BASH</p><p>chmod u+x app.js</p><p>While running the command, make sure you are in the same directory which contains the <code>app.js</code> file.</p><h1>How to exit from a Node.js program</h1><hr/><p>created: 2021-11-27T11:28:53 (UTC -05:00)
+tags: []
+source: <a href="https://nodejs.dev/learn">https://nodejs.dev/learn</a>
+author: </p><hr/><h1>How to exit from a Node.js program</h1><blockquote><h2>Excerpt</h2><p>Learn how to terminate a Node.js app in the best possible way</p></blockquote><hr/><p>There are various ways to terminate a Node.js application.</p><p>When running a program in the console you can close it with <code>ctrl-C</code>, but what we want to discuss here is programmatically exiting.</p><p>Let&#x27;s start with the most drastic one, and see why you&#x27;re better off <em>not</em> using it.</p><p>The <code>process</code> core module provides a handy method that allows you to programmatically exit from a Node.js program: <code>process.exit()</code>.</p><p>When Node.js runs this line, the process is immediately forced to terminate.</p><p>This means that any callback that&#x27;s pending, any network request still being sent, any filesystem access, or processes writing to <code>stdout</code> or <code>stderr</code> - all is going to be ungracefully terminated right away.</p><p>If this is fine for you, you can pass an integer that signals the operating system the exit code:</p><p>JS</p><p>process.exit(1)</p><p>By default the exit code is <code>0</code>, which means success. Different exit codes have different meaning, which you might want to use in your own system to have the program communicate to other programs.</p><p>You can read more on exit codes at <a href="https://nodejs.org/api/process.html#process_exit_codes">https://nodejs.org/api/process.html#process_exit_codes</a></p><p>You can also set the <code>process.exitCode</code> property:</p><p>JS</p><p>process.exitCode = 1</p><p>and when the program ends, Node.js will return that exit code.</p><p>A program will gracefully exit when all the processing is done.</p><p>Many times with Node.js we start servers, like this HTTP server:</p><p>JS</p><p>const express = require(&#x27;express&#x27;)</p><p>const app = express()</p><p>app.get(&#x27;/&#x27;, (req, res) =&gt; {</p><p> res.send(&#x27;Hi!&#x27;)</p><p>})</p><p>app.listen(3000, () =&gt; console.log(&#x27;Server ready&#x27;))</p><blockquote><p>Express is a framework that uses the http module under the hood, app.listen() returns an instance of http. You would use https.createServer if you needed to serve your app using HTTPS, as app.listen only uses the http module.</p></blockquote><p>This program is never going to end. If you call <code>process.exit()</code>, any currently pending or running request is going to be aborted. This is <em>not nice</em>.</p><p>In this case you need to send the command a SIGTERM signal, and handle that with the process signal handler:</p><blockquote><p>Note: <code>process</code> does not require a &quot;require&quot;, it&#x27;s automatically available.</p></blockquote><p>JS</p><p>const express = require(&#x27;express&#x27;)</p><p>const app = express()</p><p>app.get(&#x27;/&#x27;, (req, res) =&gt; {</p><p> res.send(&#x27;Hi!&#x27;)</p><p>})</p><p>const server = app.listen(3000, () =&gt; console.log(&#x27;Server ready&#x27;))</p><p>process.on(&#x27;SIGTERM&#x27;, () =&gt; {</p><p> server.close(() =&gt; {</p><p> console.log(&#x27;Process terminated&#x27;)</p><p> })</p><p>})</p><blockquote><p>What are signals? Signals are a POSIX intercommunication system: a notification sent to a process in order to notify it of an event that occurred.</p></blockquote><p><code>SIGKILL</code> is the signal that tells a process to immediately terminate, and would ideally act like <code>process.exit()</code>.</p><p><code>SIGTERM</code> is the signal that tells a process to gracefully terminate. It is the signal that&#x27;s sent from process managers like <code>upstart</code> or <code>supervisord</code> and many others.</p><p>You can send this signal from inside the program, in another function:</p><p>JS</p><p>process.kill(process.pid, &#x27;SIGTERM&#x27;)</p><p>Or from another Node.js running program, or any other app running in your system that knows the PID of the process you want to terminate.</p></div></div></article><nav id="page-nav" class="page-nav"><div id="page-nav-inside" class="page-nav-inside sticky"><h2 class="page-nav-title">Jump to Section</h2><div id="page-nav-link-container"></div></div></nav></div><div id="disqus_thread"></div><div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&amp;g=1&amp;e=1"></div></div></main><footer id="colophon" class="site-footer outer"><div><center><br/><div id="search"> <!-- --> </div><br/><table cellPadding="0" cellSpacing="0" border="0"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><center><table width="95%" cellPadding="0" cellSpacing="0" border="0" style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="left"><a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">index</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="center"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0">sitemap</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="right"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;pid=a">advanced</a></td></tr></tbody></table></center><form style="margin:0px;margin-top:2px" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self"><input type="hidden" name="si" value="14588965"/><input type="hidden" name="pid" value="r"/><input type="hidden" name="n" value="0"/><input type="hidden" name="_charset_" value="true"/><input type="hidden" name="bcd" value="÷"/><input type="text" name="query" size="15"/><input type="submit" value="search"/></form></td></tr><tr><td style="text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:7.5pt;padding-top:4px"><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">search engine</a><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">by<span style="color:transparent">freefind</span></a></td></tr></tbody></table><a class="save2PDF" href="http://pdfcrowd.com/url_to_pdf/?">Save to PDF</a></center><a aria-current="page" class="site-logo" href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></div><div class="inner"><div id="search" class="inner"></div><div class="site-footer-inside"><p class="site-info"><span class="copyright">@bgoonz on almost every platform</span><a href="https://random-static-html-deploys.netlify.app/blm.html" target="_blank" rel="noopener " class="button">BLM</a><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener ">Docs</a><a href="#">lorem-ipsum</a> </p><div class="social-links"><a href="https://twitter.com/bgooonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Twitter</span></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">LinkedIn</span></a><a href="https://github.com/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">GitHub</span></a><a href="https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Youtube</span></a><a href="https://www.instagram.com/bgoonz/?hl=en" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Instagram</span></a><a href="https://dev.to/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">dev.to</span></a><a href="#">lorem-ipsum</a> </div> </div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script src='../../../../d33wubrfki0l68.cloudfront.net/bundles/0233599d4c45be641254dc1947c4cc78b0c22051.js'></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="index.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-50463aa39b84c4d1ec96.js"],"app":["/app-10180cc44b3853f61402.js"],"component---src-templates-advanced-js":["/component---src-templates-advanced-js-6f213d193b5ecf8f0dd1.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-d1d7372de9a72caa6ec8.js"],"component---src-templates-docs-js":["/component---src-templates-docs-js-731339ed0815d7cada90.js"],"component---src-templates-page-js":["/component---src-templates-page-js-dcb6b8bc1563f876e59f.js"],"component---src-templates-post-js":["/component---src-templates-post-js-8dfc6c5f64f9cf30c603.js"]};/*]]>*/</script><script nomodule src='../../../../d33wubrfki0l68.cloudfront.net/js/582b61cb624d3b5bcc6977024571665de2ae7a24/polyfill-50463aa39b84c4d1ec96.js'></script><script async src='../../../../d33wubrfki0l68.cloudfront.net/bundles/a315e5520efecbe9f2dbefdf6e0d24cc6e3a3847.js'></script><input type="button" style="position: fixed;top: 10px;right: 10px;width:80px;color:white;font-weight:bold;background-color:rgba(0, 0, 0, 0.856); border-radius:15px;" value="Go Back" onclick="history.back(-1)" />
+      <?php
+        $url = htmlspecialchars($_SERVER['HTTP_REFERER']);
+        echo "<a href='%24url.html'></a><script src="../../../../widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="609b2d7c71a5dd0016f36326"></script><!-- Go to www.addthis.com/dashboard to customize your tools -->
+<script type="text/javascript" src="../../../../s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60dcec1ece575946"></script><script>
+let div = window.createElement('div');
+div.id('search');
+div.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;bottom: 0px;right: 25%;left: 50 %;';
+let docscontent = window.getElementByClassName('docs-content');
+docscontent.appendChild(div);
+
+let div1 = window.createElement('div');
+div1.id('search');
+div1.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;background:#063;bottom: 0px;right: 25%;left: 50 %;margin-left: -150px';
+let header = window.getElementByClassName('site-header-inside');
+header.appendChild('div1');
+
+</script><!-- Default Statcounter code for 2
+https://bgoonz-blog.netlify.app/ -->
+<script type="text/javascript">
+var sc_project=12702211; 
+var sc_invisible=0; 
+var sc_security="011fbeb6"; 
+var sc_text=3; 
+var scJsHost = "https:///";
+document.write("<sc"+"ript type='text/javascript' src='" +
+scJsHost+
+"statcounter.com/counter/counter.js'></"+"script>");
+</script>
+<noscript><div class="statcounter"><a title="Web Analytics"
+href="https://statcounter.com/" target="_blank"><img
+class="statcounter"
+src="https://c.statcounter.com/12702211/0/011fbeb6/0/"
+alt="Web Analytics"
+referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
+<!-- End of Statcounter Code -->
+<a href="https://statcounter.com/p12702211/?guest=1">View My
+Stats</a><script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>
+          // Get the button:
+          mybutton = document.getElementById("scrollBtn");
+          // When the user scrolls down 20px from the top of the document, show the button
+          window.onscroll = function () {
+            scrollFunction();
+          };
+          function scrollFunction() {
+            if (
+              document.body.scrollTop > 20 ||
+              document.documentElement.scrollTop > 20
+            ) {
+              mybutton.style.display = "block";
+            } else {
+              mybutton.style.display = "none";
+            }
+          }
+          // When the user clicks on the button, scroll to the top of the document
+          function topFunction() {
+            document.body.scrollTop = 0; // For Safari
+            document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+          }
+        </script>
+        <script>
+          window.addEventListener("DOMContentLoaded", (event) => {
+            console.log("DOM fully loaded and parsed");
+            const scrollToTop = () => {
+              const c =
+                document.documentElement.scrollTop || document.body.scrollTop;
+              if (c > 0) {
+                window.requestAnimationFrame(scrollToTop);
+                window.scrollTo(0, c - c / 8);
+              }
+            };
+            scrollToTop();
+          });
+        </script>
+<button id="scrollBtn" title="Go to top" onclick="topFunction()" style="display: block;">
+          Back To Top
+        </button></body></html>
diff --git a/docs/content/html-docs/docs/python/index.html b/docs/content/html-docs/docs/python/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/docs/python/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/docs/regex-in-js/index.html b/docs/content/html-docs/docs/regex-in-js/index.html
new file mode 100644
index 0000000000..0ea8687372
--- /dev/null
+++ b/docs/content/html-docs/docs/regex-in-js/index.html
@@ -0,0 +1,588 @@
+<!DOCTYPE html><html><!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
+<head><style data-href="../../../styles.9ec07c865aac99f55058.css">html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}.font-fira-sans b,.font-fira-sans strong{font-weight:600}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:Lato,Helvetica,Arial,sans-serif;font-size:100%}body{background:#f8f8fa;color:#424b5f;line-height:1.425;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow:scroll}a{color:#00c6ff;text-decoration:underline;transition:color .4s ease-out}a:hover{color:#424b5f}#social-embed{bottom:120px!important;width:100%!important;width:1000px!important;box-shadow:inset 0 5px 3px -10px #000,inset 0 -11px 8px -10px #000;margin:0 auto!important;height:400px!important;overflow:scroll!important;border:1px dotted #000}iframe{overflow-y:scroll;overflow-x:scroll;border-radius:12px;border:1px dotted #000;height:1200px;box-shadow:inset 0 4px 4px -10px #000,inset 0 -11px 8px -10px #000;width:1000px;resize:both!important;overflow:scroll}code{box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}pre{box-shadow:0 1px 4px rgba(184,137,137,.3),inset 0 0 40px rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{color:#283040;font-weight:700;line-height:1.2;margin:1.5em 0 .5em;text-rendering:optimizeLegibility}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}p{margin:0 0 1em}ins,mark{background:#fff7e6;color:#283040;padding:.15em;text-decoration:none}pre{background:#283040;border-radius:3px;color:#f8f8fa;font-size:.875em;line-height:1.5;margin:1.14286em 0;overflow:auto;padding:1.5em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal}pre:first-child{margin-top:0}:not(pre)>code{background:#ecedf2;border-radius:3px;color:#424b5f;font-size:.875rem;padding:.15em;white-space:normal}blockquote{border-left:5px solid #00c6ff;font-size:1.25em;line-height:1.4;margin:1.25em 0;padding:0 0 0 1em}blockquote:first-child{margin-top:0}blockquote p{margin-bottom:.5em}blockquote cite,blockquote small{color:#67758d;display:block;font-size:.75em;font-style:normal;font-weight:400;line-height:1.5;margin-top:.5em}dl{margin:0}dt{font-weight:700}dd,ol,ul{margin:0 0 1em}ul{list-style:disc;padding:0 0 0 1.125em}ol{list-style:decimal;padding:0 0 0 1.5em}li>ol,li>ul{margin-bottom:0}hr{background-color:#dde0e7;border:0;height:1px;margin:1.875em 0}hr:first-child{margin-top:0}img{height:auto;max-width:100%;border-radius:10px}img :not(.site-logo){box-shadow:inset 10px 10px 50px #fff}@media only screen and (min-width:741px){blockquote{font-size:1.5em;line-height:1.3}h1{font-size:2.5em}h2{font-size:2.125em}h3{font-size:1.875em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1.125em}}code[class*=language-],pre[class*=language-]{color:#fff;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em #000;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#141414}pre[class*=language-]{border-radius:.5em;border:.3em solid #545454;box-shadow:inset 1px 1px .5em #000;margin:.5em 0;overflow:auto;padding:1em}pre[class*=language-]::selection{background:#27292a}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:hsla(0,0%,92.9%,.15)}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid #545454;box-shadow:inset 1px 1px .3em -.1em #000;padding:.15em .2em .05em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#777}.token.namespace,.token.punctuation{opacity:.7}.token.boolean,.token.deleted,.token.number,.token.tag{color:#ce6849}.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:#f9ed99}.language-css .token.string,.style .token.string,.token.attr-name,.token.attr-value,.token.char,.token.entity,.token.inserted,.token.operator,.token.string,.token.url,.token.variable{color:#909e6a}.token.atrule{color:#7385a5}.token.important,.token.regex{color:#e8c062}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-markup .token.attr-name,.language-markup .token.punctuation,.language-markup .token.tag{color:#ac885c}.token{position:relative;z-index:1}.line-highlight.line-highlight{background:rgba(84,84,84,.25);background:linear-gradient(90deg,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;margin-top:.75em;z-index:0}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background-color:#8693a6;color:#f4f1ef}/*! @algolia/autocomplete-theme-classic 1.5.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */:root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form[focus-within]{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-Form:focus-within{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:11px;padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:8px;padding-right:var(--aa-spacing-half);width:47px;width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:3px;padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:39px;width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;appearance:none;background:none;border:0;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input:-ms-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::-webkit-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 12.8333333333px;padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 10.1666666667px;padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:4px;border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,-webkit-filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in,-webkit-filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:8px;padding:var(--aa-spacing-half);scrollbar-color:#fff #eaeaea;scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:#eaeaea;background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:#fff;background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid #eaeaea;border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:16px;padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:8px .5em 8px 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 8px 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid #3e34d3;border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:8px;top:var(--aa-spacing-half);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,#fff,rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128,126,163,.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid #3e34d3;border:1px solid rgba(var(--aa-primary-color-rgb),1);color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:40px;min-height:calc(var(--aa-spacing)*2.5);padding:4px;padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179,173,214,.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:#7777a3;color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:28px;height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:28px;width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:20px;max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:20px;max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:8px;padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:36px;padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128,126,163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:8px;margin-left:var(--aa-spacing-half);margin-right:4px;margin-right:calc(var(--aa-spacing-half)/2);width:10px;width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:8px;height:var(--aa-spacing-half);width:8px;width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:#807ea3;color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245,223,77,.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62,52,211,.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 -5.3333333333px;margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:5.3333333333px;margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:#3e34d3;background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:8px 16px;padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:-8px;bottom:calc(var(--aa-spacing-half)*-1);content:"";height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0}.aa-PanelFooter,.aa-PanelHeader:after{z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128,126,163,.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:16px;padding:var(--aa-spacing);position:relative}.aa-PanelFooter:after{background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:16px;height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:-16px;top:calc(var(--aa-spacing)*-1);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:8px 0 8px 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128,126,163,.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:8px;padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 8px;margin:0 0 0 var(--aa-spacing-half);padding:0 8px;padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:8px;padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 5.5px;padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;height:100%;justify-content:center;width:36px;width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115,114,129,.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(hsla(0,0%,100%,0),#fff);background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}.aa-Autocomplete,.aa-DetachedContainer,.aa-Panel{--color-mark:#5468ff;--color-background:#fff;--color-selected:#f5f5fa;--color-text:#23263b;--color-input-icon:#777;--color-source-icon:rgba(80,80,80,0.32);--height:32px;--height-icon:16px;--font-size:16px}.aa-Panel{min-width:350px;z-index:1100;margin-top:2px}.aa-Panel .aa-PanelLayout{padding-top:0;padding-bottom:0;background-color:var(--color-background)}.aa-Panel .aa-PanelLayout .aa-PanelLayoutPreview{border-left:1px solid var(--color-selected)}.aa-Panel .aa-GradientBottom{background-image:none}.aa-Autocomplete .aa-Form,.aa-DetachedFormContainer .aa-Form{height:var(--height);font-size:var(--font-size);padding:0;background-color:var(--color-background)}.aa-Autocomplete .aa-Form:focus-within,.aa-DetachedFormContainer .aa-Form:focus-within{box-shadow:none}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix,.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label svg,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label svg{left:0;vertical-align:middle;color:var(--color-input-icon);width:var(--height-icon)}.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input,.aa-DetachedFormContainer .aa-Form .aa-InputWrapper .aa-Input{height:var(--height);color:var(--color-text)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix{height:var(--height)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-Item{color:var(--color-text)}.aa-Item{padding:2px 0}.aa-Item a{color:inherit;text-decoration:none}.aa-Item[aria-selected=true]{background-color:var(--color-selected)}.aa-Item .aa-ItemContent{display:flex;color:var(--color-text)}.aa-Item .aa-ItemContent mark{color:var(--color-mark);background-color:transparent}.aa-Item .aa-ItemIcon{align-items:baseline;color:var(--color-source-icon);background:none;box-shadow:none;margin:0 var(--aa-spacing-half) 0 2px}.aa-Item .aa-ItemTitle{font-size:14px;font-weight:700;line-height:18px}.aa-Item .aa-ItemHierarchy{font-size:12px;font-style:italic;line-height:18px;opacity:.8;padding:1px 0}.aa-Item .aa-ItemDescription{font-size:12px;line-height:16px;color:#797979}.aa-DetachedContainer{background:var(--color-background)}.aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedCancelButton{color:var(--color-text)}.aa-DetachedOverlay{z-index:10}.aa-DetachedSearchButton{background-color:var(--color-background)}.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon{color:var(--color-input-icon)}.aa-powered-by-link{display:inline-block;width:64px;height:18px;margin-left:4px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODUgMTIwIj48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjNTQ2OEZGIiBkPSJNMTYuOC0xLjAwMWg4OC40YzguNyAwIDE1LjggNy4wNjUgMTUuOCAxNS44djg4LjQwNWMwIDguNy03LjA2NSAxNS43OTUtMTUuOCAxNS43OTVIMTYuOGMtOC43IDAtMTUuOC03LjA2LTE1LjgtMTUuNzk1VjE0Ljc1OWMwLTguNjk1IDcuMDYtMTUuNzYgMTUuOC0xNS43NiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03My41MDUgMjUuNzg4di00LjExNWE1LjIwOSA1LjIwOSAwIDAwLTUuMjEtNS4yMDVINTYuMTVhNS4yMDkgNS4yMDkgMCAwMC01LjIxIDUuMjA1djQuMjI1YzAgLjQ3LjQzNS44LjkxLjY5YTM3Ljk2NiAzNy45NjYgMCAwMTEwLjU3LTEuNDljMy40NjUgMCA2Ljg5NS40NyAxMC4yMSAxLjM4LjQ0LjExLjg3NS0uMjE1Ljg3NS0uNjlNNDAuMjIgMzEuMTczbC0yLjA3NS0yLjA3NWE1LjIwNiA1LjIwNiAwIDAwLTcuMzY1IDBsLTIuNDggMi40NzVhNS4xODUgNS4xODUgMCAwMDAgNy4zNTVsMi4wNCAyLjA0Yy4zMy4zMjUuODA1LjI1IDEuMDk1LS4wNzVhMzkuODc2IDM5Ljg3NiAwIDAxMy45NzUtNC42NiAzNy42OCAzNy42OCAwIDAxNC43LTRjLjM2NC0uMjIuNC0uNzMuMTEtMS4wNm0yMi4xNjQgMTMuMDY1djE3LjhjMCAuNTEuNTUuODc1IDEuMDIuNjJsMTUuODI1LTguMTljLjM2LS4xOC40Ny0uNjIuMjktLjk4LTMuMjgtNS43NTUtOS4zNy05LjY4NS0xNi40MDUtOS45NC0uMzY1IDAtLjczLjI5LS43My42OW0wIDQyLjg4Yy0xMy4xOTUgMC0yMy45MTUtMTAuNzA1LTIzLjkxNS0yMy44OCAwLTEzLjE3NSAxMC43Mi0yMy44NzUgMjMuOTE1LTIzLjg3NSAxMy4yIDAgMjMuOTE2IDEwLjcgMjMuOTE2IDIzLjg3NXMtMTAuNjggMjMuODgtMjMuOTE2IDIzLjg4bTAtNTcuOGMtMTguNzQgMC0zMy45NCAxNS4xOC0zMy45NCAzMy45MiAwIDE4Ljc0NSAxNS4yIDMzLjg5IDMzLjk0IDMzLjg5czMzLjk0LTE1LjE4IDMzLjk0LTMzLjkyNWMwLTE4Ljc0NS0xNS4xNjUtMzMuODg1LTMzLjk0LTMzLjg4NSIvPjxwYXRoIGZpbGw9IiM1NDY4RkYiIGQ9Ik0yNDAuMjE0IDk0LjE3N2MtMjMuMzY1LjExLTIzLjM2NS0xOC44NTUtMjMuMzY1LTIxLjg3NWwtLjA0LTcxLjA0NSAxNC4yNTQtMi4yNnY3MC42MWMwIDEuNzE1IDAgMTIuNTYgOS4xNSAxMi41OTV2MTEuOTc1aC4wMDF6bS01Ny43OC0xMS42MWM0LjM3NCAwIDcuNjItLjI1NSA5Ljg4LS42OVY2Ny4zOTJhMjkuMTk2IDI5LjE5NiAwIDAwLTMuNDMtLjY5NSAzMy43NDIgMzMuNzQyIDAgMDAtNC45NTYtLjM2NWMtMS41NyAwLTMuMTc1LjExLTQuNzc1LjM2NS0xLjYwNS4yMi0zLjA2NS42NTUtNC4zNCAxLjI3NS0xLjI3NS42Mi0yLjMzNSAxLjQ5NS0zLjEgMi42Mi0uOCAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xMTUgMS4yNzUgNC45OTUgMS45MyA4LjYwNiAxLjkzem0tMS4yNC01MS42ODVjNC43IDAgOC42NzQuNTg1IDExLjg4NCAxLjc1IDMuMjA2IDEuMTY1IDUuNzk2IDIuOCA3LjY5IDQuODc1IDEuOTM1IDIuMTEgMy4yNDUgNC45MTUgNC4wNDYgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODZ2MzYuNjJjLTIuMTg1LjQ3LTUuNTA2IDEuMDE1LTkuOTUgMS42Ny00LjQ0Ni42NTUtOS40NC45ODUtMTQuOTg2Ljk4NS0zLjY4IDAtNy4wNy0uMzY1LTEwLjA5NS0xLjA1NS0zLjA2NS0uNjktNS42NS0xLjgyLTcuODQtMy4zODUtMi4xNS0xLjU2NS0zLjgyNS0zLjU3LTUuMDY1LTYuMDQtMS4yMDUtMi40OC0xLjgyNS01Ljk3LTEuODI1LTkuNjEgMC0zLjQ5NS42OS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUzIDUuMDY1LTIuNjIgOC4xNjUtMy4yNzUgMy4xLS42NTUgNi4zNDUtLjk4NSA5LjY5NS0uOTg1IDEuNTcgMCAzLjIxLjExIDQuOTYuMjkgMS43MTUuMTg1IDMuNTc1LjUxNSA1LjU0NS45ODV2LTIuMzNjMC0xLjYzNS0uMTg1LTMuMi0uNTg1LTQuNjU1YTEwLjAxMiAxMC4wMTIgMCAwMC0yLjA0NS0zLjg5NWMtLjk4NS0xLjEzLTIuMjU1LTIuMDA1LTMuODYtMi42Mi0xLjYwNS0uNjItMy42NS0xLjA5NS02LjA5LTEuMDk1LTMuMjggMC02LjI3LjQtOS4wMDUuODc1LTIuNzM1LjQ3LTQuOTk1IDEuMDItNi43MSAxLjYzNWwtMS43MS0xMS42OGMxLjc4NS0uNjIgNC40NDUtMS4yNCA3Ljg3NS0xLjg1NSAzLjQyNS0uNjYgNy4xMS0uOTUgMTEuMDQ1LS45NWguMDAxem0yODEuNTEgNTEuMjg1YzQuMzc1IDAgNy42MTUtLjI1NSA5Ljg3NS0uNjk1di0xNC40OGMtLjgtLjIyLTEuOTMtLjQ3NS0zLjQyNS0uNjk1YTMzLjgxMyAzMy44MTMgMCAwMC00Ljk2LS4zNjVjLTEuNTY1IDAtMy4xNy4xMS00Ljc3NS4zNjUtMS42LjIyLTMuMDYuNjU1LTQuMzM1IDEuMjc1LTEuMjguNjItMi4zMzUgMS40OTUtMy4xIDIuNjItLjgwNSAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xNSAxLjMxIDQuOTk1IDEuOTMgOC42MDUgMS45M3ptLTEuMjA1LTUxLjY0NWM0LjcgMCA4LjY3NC41OCAxMS44ODQgMS43NDUgMy4yMDUgMS4xNjUgNS43OTUgMi44IDcuNjkgNC44NzUgMS44OTUgMi4wNzUgMy4yNDUgNC45MTUgNC4wNDUgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODY1djM2LjYxNWMtMi4xODUuNDctNS41MDUgMS4wMTUtOS45NSAxLjY3NS00LjQ0NS42NTUtOS40NC45OC0xNC45ODUuOTgtMy42OCAwLTcuMDctLjM2NS0xMC4wOTQtMS4wNTUtMy4wNjUtLjY5LTUuNjUtMS44Mi03Ljg0LTMuMzg1LTIuMTUtMS41NjUtMy44MjUtMy41Ny01LjA2NS02LjA0LTEuMjA1LTIuNDc1LTEuODI1LTUuOTctMS44MjUtOS42MSAwLTMuNDk1LjY5NS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUyNSA1LjA2NS0yLjYyIDguMTY1LTMuMjc1IDMuMS0uNjU1IDYuMzQ1LS45OCA5LjctLjk4IDEuNTY1IDAgMy4yMDUuMTEgNC45NTUuMjlzMy41NzUuNTEgNS41NC45ODV2LTIuMzNjMC0xLjY0LS4xOC0zLjIwNS0uNTgtNC42NmE5Ljk3NyA5Ljk3NyAwIDAwLTIuMDQ1LTMuODk1Yy0uOTg1LTEuMTMtMi4yNTUtMi4wMDUtMy44Ni0yLjYyLTEuNjA2LS42Mi0zLjY1LTEuMDktNi4wOS0xLjA5LTMuMjggMC02LjI3LjQtOS4wMDUuODctMi43MzUuNDc1LTQuOTk1IDEuMDItNi43MSAxLjY0bC0xLjcxLTExLjY4NWMxLjc4NS0uNjIgNC40NDUtMS4yMzUgNy44NzUtMS44NTUgMy40MjUtLjYyIDcuMTA1LS45NDUgMTEuMDQ1LS45NDV6bS00Mi44LTYuNzdjNC43NzQgMCA4LjY4LTMuODYgOC42OC04LjYzIDAtNC43NjUtMy44NjYtOC42MjUtOC42OC04LjYyNS00LjgxIDAtOC42NzUgMy44Ni04LjY3NSA4LjYyNSAwIDQuNzcgMy45IDguNjMgOC42NzUgOC42M3ptNy4xOCA3MC40MjVoLTE0LjMyNnYtNjEuNDRsMTQuMzI1LTIuMjU1djYzLjY5NWguMDAxem0tMjUuMTE2IDBjLTIzLjM2NS4xMS0yMy4zNjUtMTguODU1LTIzLjM2NS0yMS44NzVsLS4wNC03MS4wNDUgMTQuMjU1LTIuMjZ2NzAuNjFjMCAxLjcxNSAwIDEyLjU2IDkuMTUgMTIuNTk1djExLjk3NXptLTQ2LjMzNS0zMS40NDVjMC02LjE1NS0xLjM1LTExLjI4NS0zLjk3NC0xNC44NS0yLjYyNS0zLjYwNS02LjMwNS01LjM4NS0xMS4wMS01LjM4NS00LjcgMC04LjM4NiAxLjc4LTExLjAwNiA1LjM4NS0yLjYyNSAzLjYtMy45MDQgOC42OTUtMy45MDQgMTQuODUgMCA2LjIyNSAxLjMxNSAxMC40MDUgMy45NCAxNC4wMSAyLjYyNSAzLjY0IDYuMzA1IDUuNDI1IDExLjAxIDUuNDI1IDQuNyAwIDguMzg1LTEuODIgMTEuMDEtNS40MjUgMi42MjQtMy42NCAzLjkzNC03Ljc4NSAzLjkzNC0xNC4wMXptMTQuNTgtLjAzNWMwIDQuODA1LS42OSA4LjQ0LTIuMTE0IDEyLjQxLTEuNDIgMy45NjUtMy40MjUgNy4zNS02LjAxIDEwLjE1NS0yLjU5IDIuOC01LjY5IDQuOTg1LTkuMzM2IDYuNTE1LTMuNjQ0IDEuNTI1LTkuMjYgMi40LTEyLjA2NSAyLjQtMi44MS0uMDM1LTguMzg1LS44MzUtMTEuOTk1LTIuNC0zLjYxLTEuNTY1LTYuNzEtMy43MTUtOS4yOTUtNi41MTUtMi41OS0yLjgwNS00LjU5NC02LjE5LTYuMDU0LTEwLjE1NS0xLjQ1Ni0zLjk3LTIuMTg1LTcuNjA1LTIuMTg1LTEyLjQxcy42NTQtOS40MyAyLjExNC0xMy4zNmMxLjQ2LTMuOTMgMy41LTcuMjggNi4xMjUtMTAuMDggMi42MjUtMi44MDUgNS43Ni00Ljk1NSA5LjMzLTYuNDggMy42MS0xLjUzIDcuNTg1LTIuMjU1IDExLjg4NS0yLjI1NSA0LjMwNSAwIDguMjc1Ljc2IDExLjkyIDIuMjU1IDMuNjUgMS41MjUgNi43ODYgMy42NzUgOS4zMzYgNi40OCAyLjU4NCAyLjggNC41OSA2LjE1IDYuMDUgMTAuMDggMS41MyAzLjkzIDIuMjk1IDguNTU1IDIuMjk1IDEzLjM2aC0uMDAxem0tMTA3LjI4NCAwYzAgNS45NjUgMS4zMSAxMi41OSAzLjkzNSAxNS4zNTUgMi42MjUgMi43NyA2LjAxNCA0LjE1IDEwLjE3NSA0LjE1IDIuMjYgMCA0LjQxLS4zMjUgNi40MTQtLjk0NSAyLjAwNS0uNjIgMy42MDYtMS4zNSA0Ljg4Ni0yLjIydi0zNS4zNGMtMS4wMi0uMjItNS4yODYtMS4wOTUtOS40MS0xLjItNS4xNzUtLjE1LTkuMTEgMS45NjUtMTEuODggNS4zNDUtMi43MzYgMy4zOS00LjEyIDkuMzItNC4xMiAxNC44NTV6bTM5LjYyNSAyOC4wOTVjMCA5LjcyLTIuNDggMTYuODE1LTcuNDc2IDIxLjMzLTQuOTkgNC41MS0xMi42MSA2Ljc3LTIyLjg5IDYuNzctMy43NTUgMC0xMS41NTUtLjczLTE3Ljc5LTIuMTFsMi4yOTUtMTEuMjg1YzUuMjE1IDEuMDkgMTIuMTA1IDEuMzg1IDE1LjcxNSAxLjM4NSA1LjcyIDAgOS44MDUtMS4xNjUgMTIuMjQ1LTMuNDk1IDIuNDQ1LTIuMzMgMy42NDUtNS43ODUgMy42NDUtMTAuMzc1di0yLjMzYy0xLjQyLjY5LTMuMjggMS4zODUtNS41NzUgMi4xMTUtMi4yOTUuNjktNC45NTUgMS4wNTUtNy45NSAxLjA1NS0zLjkzNSAwLTcuNTEtLjYyLTEwLjc1LTEuODYtMy4yNDUtMS4yMzUtNi4wNTUtMy4wNTUtOC4zNS01LjQ2LTIuMjk1LTIuNC00LjEyLTUuNDItNS4zOTUtOS4wMjUtMS4yNzUtMy42MDUtMS45MzUtMTAuMDQ1LTEuOTM1LTE0Ljc3NSAwLTQuNDQuNjk1LTEwLjAxIDIuMDQ2LTEzLjcyNSAxLjM4NC0zLjcxIDMuMzUtNi45MTUgNi4wMTQtOS41NyAyLjYyNi0yLjY1NSA1LjgzNS00LjY5NSA5LjU5LTYuMTkgMy43NTUtMS40OSA4LjE2LTIuNDM1IDEyLjkzNS0yLjQzNSA0LjYzNSAwIDguOS41OCAxMy4wNTUgMS4yNzUgNC4xNTUuNjkgNy42OSAxLjQxNSAxMC41NyAyLjIxNXY1Ni40OWguMDAxeiIvPjwvZz48L3N2Zz4=);background-repeat:no-repeat;background-size:contain;vertical-align:middle}.aa-powered-by{text-align:right;font-size:12px;color:#969faf;padding:8px 8px 4px 0;font-weight:400}table{border-collapse:collapse;border-spacing:0;line-height:1.5;margin:0;max-width:100%;width:100%}caption,table{text-align:left}caption{color:#67758d;font-size:.875em;font-style:normal;margin-bottom:1em}td,th{border-bottom:1px solid #dde0e7;padding:.5em 5px}th{color:#283040;font-weight:700}:not(.responsive-table)>table{display:block;margin:1.875em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}:not(.responsive-table)>table:first-child{margin-top:0}:not(.responsive-table)>table tbody,:not(.responsive-table)>table thead,:not(.responsive-table)>table tr{width:100%}:not(.responsive-table)>table td{min-width:10em}.responsive-table{display:block;margin:1.875em 0;overflow-x:auto;width:100%}.responsive-table:first-child{margin-top:0}label{color:#283040;font-weight:700;line-height:1.5;margin-bottom:.25em}input[type=checkbox]+label,input[type=radio]+label{font-weight:400;cursor:pointer;padding-left:.25em;padding-right:1em}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#283040;display:block;font-size:1em;font-weight:400;line-height:1.5;max-width:100%;padding:.5em;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}::-webkit-input-placeholder{color:#9aa4b9;opacity:1}:-ms-input-placeholder{color:#9aa4b9;opacity:1}::placeholder{color:#9aa4b9;opacity:1}.form-row{margin-bottom:1em}.form-submit{margin-top:1.66667em}.button{align-items:center;background:#00c6ff;border:0;border-radius:1.75em;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.875em;font-weight:700;justify-content:center;letter-spacing:.035em;line-height:1.2;opacity:1;padding:.9em 2.14285em;text-decoration:none;transition:.3s ease;vertical-align:middle}.button:active,.button:focus,.button:hover{color:#fff;opacity:.8;outline:0}.button-secondary{background:0!important;box-shadow:inset 0 0 0 2px currentColor;color:#00c6ff}.button-secondary:active,.button-secondary:focus,.button-secondary:hover{box-shadow:inset 0 0 0 3px currentColor;color:#00c6ff;opacity:1}.button-icon{background:0!important;border:0;color:inherit;font-size:1em;font-weight:400;letter-spacing:normal;padding:.25em}.button-icon:active,.button-icon:focus,.button-icon:hover{color:#00c6ff;opacity:1}#menu-close,#menu-open,.docs-nav .docs-nav-toggle,.docs-nav .docs-submenu-toggle,.submenu-toggle{background:0;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:block;font-size:inherit;height:30px;padding:0;position:relative;width:30px}#menu-close:active,#menu-close:focus,#menu-close:hover,#menu-open:active,#menu-open:focus,#menu-open:hover,.docs-nav .docs-nav-toggle:active,.docs-nav .docs-nav-toggle:focus,.docs-nav .docs-nav-toggle:hover,.docs-nav .docs-submenu-toggle:active,.docs-nav .docs-submenu-toggle:focus,.docs-nav .docs-submenu-toggle:hover,.submenu-toggle:active,.submenu-toggle:focus,.submenu-toggle:hover{outline:0}.icon{color:inherit;fill:currentColor;flex-shrink:0;height:1em;line-height:1;width:1em}.icon-close,.icon-menu{background:currentColor;border-radius:1px;color:inherit;height:2px;left:50%;margin-top:-1px;margin-left:-12px;position:absolute;top:50%;width:24px}.icon-close:after,.icon-close:before,.icon-menu:after,.icon-menu:before{background:currentColor;border-radius:1px;content:"";height:100%;left:0;position:absolute;width:100%}.icon-menu:before{top:-6px}.icon-menu:after{bottom:-6px}.icon-close{background:0;margin-left:-14px;width:28px}.icon-close:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-close:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-angle-right{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;height:8px;left:50%;margin-left:-4px;margin-top:-4px;position:absolute;top:50%;width:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.docs-nav-toggle .icon-angle-right{height:12px;left:auto;margin-left:0;margin-right:9px;margin-top:-6px;right:0;width:12px}.docs-section-item .icon-angle-right{left:auto;margin-left:0;margin-right:15px;right:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.line-left{position:relative}.line-left:after{background:#00c6ff;display:block;content:"";height:100%;left:-1px;position:absolute;top:0;width:5px}.js-reframe{margin:1.875em 0}.js-reframe:first-child{margin-top:0}.important,.note{border-radius:5px;color:#283040;margin:1.875em 0;padding:1em 1.125em}.important:first-child,.note:first-child{margin-top:0}.note{background:#fff7e6;border-left:5px solid #fcb41d}.important{background:#ffe9e6;border-left:5px solid #fc381d}.has-gradient{background:#00c6ff;background:linear-gradient(90deg,#0072ff,#00c6ff);color:#fff;position:relative}.has-gradient a:not(.button),.has-gradient h1,.has-gradient h2,.has-gradient h3,.has-gradient h4,.has-gradient h5,.has-gradient h6{color:inherit!important}.has-gradient a:not(.button):hover{opacity:.8}.has-gradient .button:not(.button-secondary){background-color:#fff;color:#00c6ff}.has-gradient .button:not(.button-secondary):active,.has-gradient .button:not(.button-secondary):focus,.has-gradient .button:not(.button-secondary):hover{opacity:.85}.has-gradient .button-secondary{color:#fff!important}.has-gradient .inner-sm{position:relative}.bg-img{-webkit-animation:fadeIn20 .75s ease-in-out;animation:fadeIn20 .75s ease-in-out;background-position:50%;background-size:cover;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.grid{display:flex;flex-wrap:wrap;margin-left:-.9375em;margin-right:-.9375em}.grid-item{box-sizing:border-box;padding-left:.9375em;padding-right:.9375em;position:relative;width:100%}.grid-center{justify-content:center}.grid-swap{flex-direction:row-reverse}.grid-middle{align-items:center}@media only screen and (min-width:641px){.grid-col-2 .grid-item{flex:0 0 50%;max-width:50%}}@media only screen and (min-width:761px){.grid-col-3 .grid-item{flex:0 0 33.333%;max-width:33.333%}}@media only screen and (max-width:600px){.grid{margin-left:-1.5vw;margin-right:-1.5vw}.grid-item{padding-left:1.5vw;padding-right:1.5vw}}@-webkit-keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}@keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}.site{display:flex;flex-direction:column;min-height:100vh;position:relative}.site-content{box-sizing:border-box;flex-grow:1;width:100%}.outer{padding-left:150px;padding-right:150px}.inner,.inner-md,.inner-sm{margin-left:auto;margin-right:auto;max-width:95%}.site-header{background:#000;background-image:url(../../../../i.imgur.com/CEYEZp8.jpg);padding-bottom:.4em;padding-top:.2em}.site-header-inside{align-items:center;display:flex}.site-branding{flex:0 1 auto}.site-title{color:#283040;font-size:1.5em;font-weight:700;line-height:1.2;margin:0}.site-logo{margin:0}.site-logo img{max-height:65px}.menu,.submenu{list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-item.current{color:#00c6ff}.menu-item a:not(.button){display:inline-block;font-size:1.1em;line-height:1.5}#masthead a:not(.button){color:inherit;display:inline-block;text-decoration:none}#masthead a:not(.button):hover{color:#00c6ff}#masthead .site-branding a:hover{color:inherit}@media only screen and (min-width:801px){#menu-close,#menu-open{display:none}.site-navigation{margin-left:auto}.menu{align-items:center;display:flex}.menu-item{display:inline-block;margin:0 0 0 1.25em;padding-bottom:.1875em;padding-top:.1875em}.menu-item a{padding-bottom:.5em;padding-top:.5em}.menu-item a.button:not(.button-icon){padding-left:1.25em;padding-right:1.25em}.menu-item.has-children>a{padding-right:18px;position:relative}.menu-item.has-children>a:after{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;content:"";height:6px;position:absolute;right:0;top:50%;width:6px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}.menu-item.has-children>a.button:not(.button-icon){padding-right:2.25em}.menu-item.has-children>a.button:not(.button-icon):after{right:1.25em}.menu-item .submenu-toggle{display:none}.menu-item.has-children:hover>.submenu{opacity:1;transition:margin .3s,opacity .2s;visibility:visible}.submenu{background:#fff;border:4px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);left:0;min-width:180px;opacity:0;padding:.5em 0;position:absolute;text-align:left;top:100%;transition:opacity .2s,visibility 0s .2s;visibility:hidden;width:100%;z-index:99}.submenu .menu-item{display:block;margin:0;padding:0 1em}.submenu a:not(.button-icon){display:block}.submenu a.button:not(.button-icon){margin:.5em 0}}@media only screen and (max-width:800px){.site{overflow:hidden;position:relative}.site-branding{margin-right:.625em}.site-header:after{background:rgba(66,75,95,.6);content:"";left:0;opacity:0;transition:opacity .15s ease-in-out,visibility 0s ease-in-out .15s;z-index:998}.site-header:after,.site-navigation{height:100vh;position:absolute;top:0;visibility:hidden;width:100%}.site-navigation{background:#fff;box-sizing:border-box;margin:0;max-width:360px;-webkit-overflow-scrolling:touch;right:-100%;transition:right .3s ease-in-out,visibility 0s ease-in-out .3s;z-index:999}.site-nav-inside{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.menu--opened .site{height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:997}.menu--opened .site-navigation{right:0;transition:right .3s ease-in-out;visibility:visible}.menu--opened .site-header:after{opacity:1;transition-delay:0s;visibility:visible}.menu{padding:calc(3vw + 2.8125em) 3vw 3em}.submenu{border-top:1px solid #dde0e7;display:none;padding-left:1em}.menu-item{display:block;margin:0}.menu-item:not(.menu-button){border-bottom:1px solid #dde0e7}.menu-item:not(.menu-button):first-child{border-top:1px solid #dde0e7}.menu-item a.button-icon,.menu-item a:not(.button){padding:.75em 0}.menu-item a:not(.button){display:block}.menu-item a.button:not(.button-icon){width:100%}.menu-item.has-children>a{margin-right:2em}.menu-item .menu-item:first-child{border-top:0}.menu-item .menu-item:last-child{border-bottom:0}.menu-item .submenu-toggle{color:#67758d;height:2.8125em;position:absolute;right:0;top:0}.menu-item.active .submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-item.active .submenu{display:block}.menu-button>.button:not(.button-icon){margin-bottom:1.25em;margin-top:1.25em}.menu-button+.menu-button>.button:not(.button-icon){margin-top:0}#menu-open{margin-left:auto}#menu-close{display:block;position:absolute;right:3vw;top:3vw}}.post{margin-bottom:2.5em}.post-feed:last-child,.post-full:last-child{margin-bottom:5em}.has-gradient.page-header,.has-gradient.post-header{padding-bottom:9.5em;padding-top:3.75em;text-align:center}.has-gradient .page-title,.has-gradient .post-title{color:inherit;font-size:2.25em;margin:0}.page-subtitle,.post-subtitle{font-size:1.125em;line-height:1.5;margin:.5em 0 0;position:relative}.post-title a{color:inherit!important;text-decoration:none}.post-thumbnail{border:0;border-radius:5px 5px 0 0;display:block;margin:0}.post-thumbnail img{border-radius:5px 5px 0 0;width:100%}.post-feed,.post-full .post-content{margin-top:-5em;position:relative}.post-feed .post,.post-full .post-content{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.post-full .post-content{padding:2.5em 1.5em}.post-full .post-meta{margin:0 0 .5em}.post-feed .post{padding:0 0 2.5em}.post-feed .post-meta{color:#67758d;font-size:.875em;margin:0 0 .5em;padding-left:1.71428em;padding-right:1.71428em}.post-feed .post-header{margin:0 0 1.25em;padding-top:1.875em}.post-feed .post-title{font-size:1.5em;margin:0;padding-left:1em;padding-right:1em}.post-feed .post-excerpt{margin-bottom:1.25em;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more{margin:0;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more-link{font-weight:700;text-decoration:none}.post-feed .read-more-link:after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}.post-feed .read-more-link:hover{color:#424b5f}@media only screen and (min-width:641px){.has-gradient .page-title,.has-gradient .post-title{font-size:3em}.page-subtitle,.post-subtitle{font-size:1.25em}.post-full .post-meta{font-size:1.125em}.post-feed .post-excerpt,.post-feed .post-meta,.post-feed .post-title,.post-feed .read-more,.post-full .post-content{padding-left:7%;padding-right:7%}}@media only screen and (max-width:1000px){.post{margin-bottom:4vw}}.docs-content{padding-top:2.5em;width:95%}.post-content{width:85%}.post.type-docs{margin-bottom:3.625em}.post.type-docs h1{font-size:1.975em}.post.type-docs h2{font-size:1.6em}.post.type-docs h3{font-size:1.45em}.post.type-docs h4{font-size:1.35em}.post.type-docs h5,.post.type-docs h6{font-size:1.2em}.post.type-docs .hash-link{float:left;font-size:1.25rem;height:1em;line-height:1;margin-left:-1.1em;opacity:0;text-align:center;text-decoration:none;transition:opacity .4s;width:1em}.post.type-docs .hash-link:before{content:"#";display:inline-block}.post.type-docs .hash-link:focus,.post.type-docs .hash-link:hover{color:#00c6ff}.post.type-docs h2 .hash-link{margin-top:.22em}.post.type-docs h3 .hash-link{margin-top:.1em}.post.type-docs h2:focus .hash-link,.post.type-docs h2:hover .hash-link,.post.type-docs h3:focus .hash-link,.post.type-docs h3:hover .hash-link{opacity:1}.post.type-docs .post-inside{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);padding:.3em;width:70vw}.post.type-docs .post-title{font-size:1.875em;margin:0 0 1.25em;padding:0 2em}.post.type-docs .post-content{padding:.975em;word-wrap:break-word}#docs-section-items{display:flex;flex-wrap:wrap;list-style:none;margin-left:-.3125em;margin-right:-.3125em;padding:0}#docs-section-items .docs-section-item{flex:1 1 240px;margin:0 .3125em .9375em}#docs-section-items .docs-item-link{border:1px solid #dde0e7;border-radius:3px;color:#283040;display:block;font-weight:700;padding:.9375em;position:relative;text-decoration:none;transition:border-color .3s ease,color .3s ease}#docs-section-items .docs-item-link:hover{border-color:#00c6ff;color:#00c6ff}.docs-nav{margin-bottom:1.875em}.docs-nav .docs-nav-toggle{color:#283040;font-size:1.125em;margin:0;padding-right:15px;text-align:left}.docs-nav .docs-submenu-toggle{color:#67758d;position:absolute;right:0;top:0}#docs-menu{color:#283040;font-weight:700;line-height:1.5;list-style:none;margin:.7em;padding:0}#docs-menu>.docs-menu-item>a{padding:.3em 0;border-radius:20px;margin:auto}#docs-menu a{color:inherit;display:block;text-decoration:none}#docs-menu .current,#docs-menu .current-parent,#docs-menu a:hover{color:#00c6ff}.docs-submenu{border-left:1px solid #dde0e7;color:#424b5f;display:none;font-size:1;font-weight:400;list-style:none;margin-top:.625rem;padding-left:1rem}.docs-menu-item{color:inherit;margin-bottom:.625rem}.docs-menu-item.has-children{padding-right:20px;position:relative}.docs-menu-item.has-children.active .docs-submenu{display:block}.docs-menu-item.has-children.active>.docs-submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#page-nav{text-overflow:wrap}#page-nav .page-nav-title{font-size:1em;margin:0 0 .625em}#page-nav ul{font-size:.875rem;line-height:1.5;list-style:none;padding:0}#page-nav ul ul{border-left:1px solid #dde0e7;margin-top:.625rem;padding-left:1.25rem}#page-nav li{margin-bottom:.625rem}#page-nav li.active>a{color:#00c6ff}#page-nav a{color:#424b5f;display:block;text-decoration:none}#page-nav a:hover{color:#00c6ff}#page-nav .page-nav-title:only-child{display:none}@media only screen and (min-width:1200px){.post.type-docs .post-content,.post.type-docs .post-title{padding-left:8%;padding-right:7%}}@media only screen and (min-width:1200px){.docs-content{display:flex;padding-top:4em;width:100%}.post.type-docs{-ms-flex:1 1 auto;align-content:center}.docs-nav,.page-nav{-ms-flex-negative:0;margin-bottom:5.625em}.docs-nav .sticky,.page-nav .sticky{position:-webkit-sticky;position:sticky;top:1.875em}.docs-nav{width:8.5em}#page-nav{font-size:12px;margin:4em}#docs-nav-toggle{display:none}}@media only screen and (min-width:1091px){#page-nav{display:block}}@media only screen and (max-width:800px){.docs-nav{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;margin-bottom:5%;padding:1em}.docs-nav-menu{display:none}.docs-menu--opened .docs-nav-menu{display:block}.docs-menu--opened .docs-nav-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#docs-menu{border-top:1px solid #dde0e7;margin-top:1.25em;padding-top:1.25em}}.block{padding-top:3.75em}.block:not(.block-hero){background:#f8f8fa}.block:last-child{padding-bottom:3.75em}.block-header,.block-image{margin-bottom:1.5em}.block-title{margin:0}.block-subtitle{color:#67758d;line-height:1.5;margin-bottom:0}.block-subtitle:not(:first-child){margin-top:.5em}.block-buttons,.grid-item-buttons{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:.9375em}.block-buttons a,.grid-item-buttons a{font-weight:700;text-decoration:none}.block-buttons{justify-content:center}.block-buttons a{margin:0 .375em .75em}.grid-item-buttons a{margin:0 .75em .75em 0}.has-gradient .block-subtitle{color:inherit}.block-hero .block-buttons:not(:first-child),.block-text .block-buttons:not(:first-child){margin-top:1.875em}.block-text .grid-item{max-width:680px;text-align:center}.block-text .block-title{font-size:1.875em}@media only screen and (min-width:641px){.block-text .block-content{font-size:1.125em}.block-text .block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-text .grid-item:not(:only-child){flex:0 0 50%;max-width:50%}.block-body:not(:only-child){text-align:left}.block-body:not(:only-child) .block-buttons{justify-content:flex-start}.block-body:not(:only-child) .block-buttons a{margin-left:0;margin-right:.75em}}@media only screen and (min-width:1001px){.block-image:not(:only-child){padding-right:2.5em}.grid-swap .block-image:not(:only-child){padding-left:2.5em;padding-right:.9375em}}.block-cta .has-gradient{border-radius:5px;margin-bottom:1.875em;padding:3.75em 3vw 1.875em}.block-cta .block-header{max-width:680px;text-align:center}.block-cta .block-title{font-size:1.875em}.block-cta .block-subtitle{font-size:1.125em}@media only screen and (min-width:641px){.block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-cta .has-gradient{padding-left:7%;padding-right:7%}.block-cta .block-header{flex:0 0 66.666%;max-width:66.666%;text-align:left}.block-cta .block-buttons{flex:0 0 33.333%;margin-top:0;max-width:33.333%}}.block-hero+.block-grid:not(.has-header){background:0;padding-top:0}.block-grid .block-header{margin-bottom:2em;text-align:center}.block-grid .block-title{font-size:1.875em}.block-grid .grid-item{display:flex;flex-direction:column;margin-bottom:1.875em}.grid-item-inside{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;flex-grow:1;padding-bottom:.75em}.grid-item-image{display:block;width:100%}.grid-item-image,.grid-item-image img{border-radius:3px 3px 0 0}.grid-item-title{font-size:1.5em;margin:1em 0 .5em;padding-left:1em;padding-right:1em}.grid-item-title:first-child{margin-top:1.25em}.grid-item-title a{color:inherit!important;text-decoration:none}.grid-item-buttons,.grid-item-content{padding-left:1.5em;padding-right:1.5em}.grid-item-content{margin-bottom:1.25em}.grid-item-buttons a:not(.button):after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}@media only screen and (max-width:1000px){.block-grid .grid-item{margin-bottom:4vw}}.block-hero{padding-bottom:7.5em;position:relative;text-align:center}.block-hero .block-header{margin-bottom:.75em}.block-hero .block-title{font-size:2.25em}.block-hero .block-content{font-size:1.125em;line-height:1.5}.block-hero+.block{margin-top:-5em;position:relative}@media only screen and (min-width:641px){.block-hero .block-title{font-size:3em}.block-hero .block-content{font-size:1.25em}.block-hero .block-buttons a{font-size:1em}}.site-footer{background-color:#000;background-image:url(https://i.imgur.com/CEYEZp8.jpeg);padding-bottom:7.5em;padding-top:8.5em;color:#fff!important;border:4px solid #000}#colophon a:not(.button){color:inherit}#colophon a:not(.button):focus,#colophon a:not(.button):hover{color:#00c6ff}.site-info,.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;font-size:.675em;line-height:1.2}.site-info .button:not(.button-icon),.social-links .button:not(.button-icon){font-size:inherit;line-height:1.2;padding:.3em 1em}.site-info{margin:.25em 0 0;text-align:center}.site-info .copyright,.site-info>a{margin:0 4px .2em 0}.social-links{margin-top:.5375em}.social-links a{margin:0 50px .2em}.social-links .icon{font-size:20px;color:#000;background-color:#000}@media only screen and (min-width:641px){.site-footer-inside{align-items:flex-start;display:flex}.site-info{text-align:left}.site-info,.social-links{justify-content:flex-start}.social-links{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;margin-top:0}.social-links a{margin-left:20px;margin-right:0}}.palette-green a:not(.button){color:#20c86e}.palette-green a:not(.button):hover{color:#424b5f}.palette-green blockquote{border-color:#20c86e}.palette-green .button,.palette-green .line-left:after{background:#20c86e}.palette-green .has-gradient{background:#20c86e;background:linear-gradient(90deg,#1ba65b,#20c86e)}.palette-green #colophon a:not(.button):hover,.palette-green #docs-menu .current,.palette-green #docs-menu .current-parent,.palette-green #docs-menu a:hover,.palette-green #masthead a:not(.button):hover,.palette-green #page-nav a:hover,.palette-green #page-nav li.active>a,.palette-green .button-icon:active,.palette-green .button-icon:focus,.palette-green .button-icon:hover,.palette-green .button-secondary,.palette-green .has-gradient .button:not(.button-secondary),.palette-green .menu-item.current,.palette-green .post.type-docs .hash-link:focus,.palette-green .post.type-docs .hash-link:hover{color:#20c86e}.palette-green #docs-section-items .docs-item-link:hover{border-color:#20c86e;color:#20c86e}.palette-navy a:not(.button){color:#004e92}.palette-navy a:not(.button):hover{color:#424b5f}.palette-navy blockquote{border-color:#004e92}.palette-navy .button,.palette-navy .line-left:after{background:#004e92}.palette-navy .has-gradient{background:#004e92;background:linear-gradient(90deg,#000428,#004e92)}.palette-navy #colophon a:not(.button):hover,.palette-navy #docs-menu .current,.palette-navy #docs-menu .current-parent,.palette-navy #docs-menu a:hover,.palette-navy #masthead a:not(.button):hover,.palette-navy #page-nav a:hover,.palette-navy #page-nav li.active>a,.palette-navy .button-icon:active,.palette-navy .button-icon:focus,.palette-navy .button-icon:hover,.palette-navy .button-secondary,.palette-navy .has-gradient .button:not(.button-secondary),.palette-navy .menu-item.current,.palette-navy .post.type-docs .hash-link:focus,.palette-navy .post.type-docs .hash-link:hover{color:#004e92}.palette-navy #docs-section-items .docs-item-link:hover{border-color:#004e92;color:#004e92}.palette-violet a:not(.button){color:#8e2de2}.palette-violet a:not(.button):hover{color:#424b5f}.palette-violet blockquote{border-color:#8e2de2}.palette-violet .button,.palette-violet .line-left:after{background:#8e2de2}.palette-violet .has-gradient{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2)}.palette-violet #colophon a:not(.button):hover,.palette-violet #docs-menu .current,.palette-violet #docs-menu .current-parent,.palette-violet #docs-menu a:hover,.palette-violet #masthead a:not(.button):hover,.palette-violet #page-nav a:hover,.palette-violet #page-nav li.active>a,.palette-violet .button-icon:active,.palette-violet .button-icon:focus,.palette-violet .button-icon:hover,.palette-violet .button-secondary,.palette-violet .has-gradient .button:not(.button-secondary),.palette-violet .menu-item.current,.palette-violet .post.type-docs .hash-link:focus,.palette-violet .post.type-docs .hash-link:hover{color:#8e2de2}.palette-violet #docs-section-items .docs-item-link:hover{border-color:#8e2de2;color:#8e2de2}</style><meta name="generator" content="Gatsby 2.25.4"/><title data-react-helmet="true">Regular Expressions | webdevhub</title><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet"/><link data-react-helmet="true" rel="icon" href="../../../images/favicon-750d4390.png"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"/><meta data-react-helmet="true" name="description" content=""/><meta data-react-helmet="true" name="robots" content=""/><link as="script" rel="preload" href="./../../webpack-runtime-e0d945bfc04076092229.js"/><link as="script" rel="preload" href="./../../framework-e132d18971612bcf60f3.js"/><link as="script" rel="preload" href="./../../dc6a8720040df98778fe970bf6c000a41750d3ae-8ef9d1d2adaff6ba0f59.js"/><link as="script" rel="preload" href="./../../app-10180cc44b3853f61402.js"/><link as="script" rel="preload" href="./../../styles-7d4153d260c0197f0043.js"/><link as="script" rel="preload" href="./../../29107295-e9457ed2135dcbbf6ce8.js"/><link as="script" rel="preload" href="./../../commons-5965a56c7b6ef2e118ee.js"/><link as="script" rel="preload" href="./../../component---src-templates-docs-js-731339ed0815d7cada90.js"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/docs/docs/regex-in-js/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/app-data.json" crossorigin="anonymous"/><script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'../../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5S5XXNR');</script>
+<!-- End Google Tag Manager -->
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S5XXNR"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+<meta name="google-site-verification" content="W6SJ3S45yhnjzV6ISUMCTXl_QVX5woQZ7jO3bsahONQ" />
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-4W5MG3DG4T"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-4W5MG3DG4T');
+</script>
+
+<script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script><style>blockquote,
+body,
+dd,
+dl,
+figcaption,
+figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+li,
+ol[class],
+p,
+ul[class] {
+  margin: 0
+}
+
+body {
+  min-height: 110vh;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
+  line-height: 1.6
+}
+
+
+
+
+
+article>*+* {
+  margin-top: 1em
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit
+}
+
+@media(prefers-reduced-motion:reduce) {
+  * {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+    scroll-behavior: auto !important
+  }
+}
+
+html {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: arial, x-locale-body, sans-serif;
+  letter-spacing: -.0027777778rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 100%;
+  line-height: 1.75
+}
+
+img {
+  height: auto
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.0beac26b.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.72026b3c.woff) format("woff")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.ce3a756d.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.7e4c05c9.woff) format("woff")
+}
+
+h1,
+h2,
+h3 {
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  line-height: 1.2
+}
+
+h1 {
+  font-size: 1.802rem
+}
+
+@media (min-width:47.9385em) {
+  h1 {
+    font-size: 3.052rem
+  }
+}
+
+h2 {
+  font-size: 1.602rem
+}
+
+@media (min-width:47.9385em) {
+  h2 {
+    font-size: 2.441rem
+  }
+}
+
+h3 {
+  font-size: 1.424rem;
+
+
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  max-width: -webkit-max-content;
+  max-width: -moz-max-content;
+  max-width: max-content;
+  padding: 0 6px;
+  margin: 24px 0
+}
+
+@media (min-width:47.9385em) {
+  h3 {
+    font-size: 1.953rem
+  }
+}
+
+h4 {
+  font-size: 1.266rem
+}
+
+@media (min-width:47.9385em) {
+  h4 {
+    font-size: 1.563rem
+  }
+}
+
+h5 {
+  font-size: 1.125rem
+}
+
+@media (min-width:47.9385em) {
+  h5 {
+    font-size: 1.25rem
+  }
+}
+
+p {
+  margin-bottom: 24px
+}
+
+a:link,
+a:visited {
+
+  text-decoration: none
+}
+
+a:link:active,
+a:link:focus,
+a:link:hover,
+a:visited:active,
+a:visited:focus,
+a:visited:hover {
+  text-decoration: underline
+}
+
+blockquote {
+  max-width: 45rem;
+  max-width: 85ch;
+  font-size: 1.125rem;
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  margin-bottom: 24px
+}
+
+@media (min-width:47.9385em) {
+  blockquote {
+    font-size: 1.25rem
+  }
+}
+
+blockquote:after,
+blockquote:before {
+  background-image: linear-gradient(90deg, #00356a, #83d0f2);
+  content: "";
+  display: block;
+  height: 5px;
+  margin-bottom: 12px
+}
+
+blockquote:after {
+  margin-top: 12px
+}
+
+blockquote p:last-of-type {
+  margin-bottom: 0
+}
+
+a {
+
+  text-decoration: none
+}
+
+a:focus,
+a:hover {
+  text-decoration: underline
+}
+
+a code {
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none
+}
+
+
+dl dt {
+  font-weight: 700
+}
+
+dl dd {
+  margin: 0 24px 24px
+}
+
+
+
+</style><meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU" />
+<meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="apple-touch-icon" href="logo-circle.html">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="Content-Type" content="HTML">
+  <meta name="Author" content="Bryan Guner">
+  <meta name="keywords" content="HTML, Meta Tags, Metadata">
+  <meta name="description" content="Learning about Web Development.">
+  <link type="image/x-icon" href="favicon.html" rel="shortcut icon">
+  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@bgoonz">
+  <meta name="twitter:creator" content="@bgoonz">
+  <meta name="twitter:image:src" content="/logo-circle.png">
+  <meta name="twitter:title" content="Web Development Resource Hub Bryan Guner">
+  <meta name="twitter:description" content="The new home of my blog resource sharing website.">
+<meta property="twitter:card" content="summary_large_image">
+  <link
+    href="../../../../instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png"
+    rel="apple-touch-icon">
+  <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet">
+<meta property="og:image" content="https://mugshotbot.com/m/DROicc16"><script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","../../../../chimpstatic.com/mcjs-connected/js/users/a41d8352dc1deaf4533662699/28d2370bb66d456a5d6411971.js");</script><script src="../../../../cdn.jsdelivr.net/npm/%40popperjs/core%402.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
+<script src="../../../../cdn.jsdelivr.net/npm/bootstrap%405.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script><!-- Insert makerbadge.js (download or use ☁️cloud version) -->
+
+<script type="text/javascript" src="../../../../makerbadge.s3.amazonaws.com/blmbadge.js"></script>
+
+<!-- Initialise MakerBadge with options -->
+
+<script>
+  BLMBadge.init({
+       layout:1,
+       theme:'dark',
+       promoText : 'Send a donation '+String.fromCodePoint(0x2192),
+       promoLink : 'https://minnesotafreedomfund.org/',
+       message : 'To be silent is to be complicit. Black lives matter.',
+       title : '#BlackLivesMatter',
+       imageAlt: "Black Lives Matter Badge"
+})
+</script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script>
+
+
+<script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>"use strict";
+
+!function() {
+    var t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYxZTQzZmFlY2I2NjkwNWMyZGJkMGVmZCIsInRva2VuVHlwZSI6InB1YmxpYyIsImlhdCI6MTY0MjM0ODUyNiwiZXhwIjoxNDI1Njc0ODUyNn0.VD7Lxgh5cWuOzOhV9KH51TZVdPVXvsIJgRUx-oacfVM";
+    function e() {
+        var e = document.createElement("script"), a = navigator.language || navigator.userLanguage;
+        e.type = "text/javascript", e.async = !0, e.src = "https://api.searchbar.org/v1/widget/" + t + "/" + a;
+        var n = document.getElementsByTagName("script")[0];
+        n.parentNode.insertBefore(e, n);
+    }
+    "complete" === document.readyState ? e() : window.attachEvent ? window.attachEvent("onload", e) : window.addEventListener("load", e, !1);
+}();</script><style>
+		@font-face {
+            font-family: font-sb;
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784);
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');
+            font-weight: 400;
+            font-style: normal
+        }
+
+        #sb-search-example p {
+            font-family: sans-serif;
+            font-size: 18px;
+            line-height: 12px;
+	        margin: 0;
+        }
+
+        #sb-search-example {
+            position: static;
+            bottom: 0;
+            width: auto;
+            place-content: center;
+            display: inline-block;
+            box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);
+            border: solid 5px white;
+            border-radius: 100px;
+            flex-shrink: initial;
+            flex-grow: initial;
+        }
+
+
+        #sb-search-example .sb-icon {
+            font: normal normal 400 26px font-sb;
+            align-items: center;
+            padding: 10px;
+            speak: none;
+            display: inline-block;
+            text-decoration: inherit;
+            text-align: center;
+            text-transform: none;
+            cursor: pointer;
+            margin: 0;
+        }
+
+        #sb-search-example .sb-search-icon {
+            box-sizing: border-box;
+            border: 0px;
+            align-items: center;
+            background: #007cff;
+            color: #fff;
+            cursor: pointer;
+            display: flex;
+            border-radius: 26px;
+            padding: 0 20px 0 4px;
+        }
+	</style><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><style>
+#scrollBtn {
+  display: none;
+  position: fixed;
+  bottom: 140px;
+  right: 20px;
+  z-index: 99;
+  border: 1px black solid;
+  outline: none;
+  background-color: #044274;
+  color: white;
+  cursor: pointer;
+  padding: 5px;
+  border-radius: 28px;
+  font-size: 12px;
+}
+
+#scrollBtn:hover {
+  background-color: #ffffff;
+color:#000000;
+}
+
+</style><style>
+a {
+  text-decoration: none;
+  color: #007edf;
+  text-shadow: none;
+
+  transition: color 0.5s ease;
+  transition: text-shadow 0.5s ease;
+  -webkit-transition: color 0.5s ease;
+  -webkit-transition: text-shadow 0.5s ease;
+  -moz-transition: color 0.5s ease;
+  -moz-transition: text-shadow 0.5s ease;
+  -o-transition: color 0.5s ease;
+  -o-transition: text-shadow 0.5s ease;
+  -ms-transition: color 0.5s ease;
+  -ms-transition: text-shadow 0.5s ease;
+}
+a:hover, a:focus {text-decoration: underline;}
+
+footer a {
+  color: #F2F2F2;
+  text-decoration: underline;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+pre {
+  width: 100%;
+  padding: 10px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+  overflow: auto;
+}
+
+code {
+  padding: 3px;
+  margin: 0 3px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
+pre code {
+  display: block;
+  box-shadow: none;
+}
+
+blockquote {
+  color: #666;
+  margin-bottom: 20px;
+  padding: 0 0 0 20px;
+  border-left: 3px solid #bbb;
+}
+</style></head><body class="palette-navy"><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="page" class="site"><header id="masthead" class="site-header outer"><br/><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-logo"><a href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></p></div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item has-children menu-button"><a class="button" href="../../sitemap/index.html">Navigation</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Docs</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/showcase">Showcase</a></li><li class="menu-item menu-button"><a class="button" href="../../faq/contact/index.html">Contact!</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../python/python-ds/index.html">Python</a></li><li class="menu-item menu-button"><a class="button" href="../../javascript/index.html">JavaScript</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/">Blog</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz.blogspot.com/" target="_blank" rel="noopener " class="button">Blog-Post-Archive</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/platform-docs/">platform docs</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../articles/nodejs/index.html">nodejs</a></li><li class="menu-item menu-button"><a href="https://blog-w-comments.vercel.app/" target="_blank" rel="noopener " class="button">Blog with Comments</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../interview/job-search-nav/index.html">Job Search</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/interview/job-boards">Job Boards</a></li><li class="menu-item"><a href="#">lorem-ipsum</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../tools/archive/index.html">Archive</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Learning-Assets" target="_blank" rel="noopener " class="button">Resource-Archive-Server</a></li><li class="menu-item menu-button"><a href="https://lambda-resources.netlify.app/" class="button">Bootcamp Resources</a></li><li class="menu-item menu-button"><a href="https://web-dev-resource-hub.netlify.app/" target="_blank" rel="noopener " class="button">OG-Blog</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Top Repos</a></li><li class="menu-item menu-button"><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener " class="button">MY_DOCS</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../projects/index.html">Projects</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">Potluck Planner</a></li><li class="menu-item menu-button"><a href="https://meditate42app.netlify.app/" target="_blank" rel="noopener " class="button">Meditation App</a></li><li class="menu-item menu-button"><a href="https://search-awesome.vercel.app/" target="_blank" rel="noopener " class="button">SearchAwesome</a></li><li class="menu-item menu-button"><a href="https://bg-portfolio.netlify.app/" target="_blank" rel="noopener " class="button">Condensed -Portfolio</a></li><li class="menu-item menu-button"><a href="https://a.familypromiseservicetracker.dev/" target="_blank" rel="noopener " class="button">Family Promise Tracker</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering" class="button">DTW-Guitar-FX-Automation</a></li><li class="menu-item menu-button"><a href="https://friendly-panda-b61ab.netlify.app/" class="button">Embeds Blog</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">alt-blogs</a></li><li class="menu-item menu-button"><a href="https://bgoonz-games.netlify.app/" class="button">Games</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" target="_blank" rel="noopener " class="button">Blog Backup</a></li><li class="menu-item menu-button"><a href="https://bgoonz-cv.netlify.app/" class="button">Cover Letter</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Centric</a></li><li class="menu-item menu-button"><a href="https://web-dev-hub.com/" target="_blank" rel="noopener " class="button">Wordpress Blog</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Portfolio Gallery</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/github-stats-website/" class="button">github-stats-website</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../tools/index.html">Tools</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://githtmlpreview.netlify.app/" target="_blank" rel="noopener " class="button">Github HTML Previewer</a></li><li class="menu-item menu-button"><a href="https://devtools42.netlify.app/" target="_blank" rel="noopener " class="button">Text Tools</a></li><li class="menu-item menu-button"><a href="https://ternary42.netlify.app/" target="_blank" rel="noopener " class="button">Ternary 2 If Else</a></li><li class="menu-item menu-button"><a href="https://determined-dijkstra-ee7390.netlify.app/" target="_blank" rel="noopener " class="button">Job Search Resources</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/web-dev-setup-checker" target="_blank" rel="noopener " class="button">Setup Checker</a></li><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">PotluckPlanner</a></li><li class="menu-item menu-button"><a href="https://web-dev-interview-prep-quiz-website.netlify.app/" class="button">WebDev Quizzes</a></li><li class="menu-item menu-button"><a href="https://github.com/search/advanced" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Github-Advanced-Search</span></a></li></ul></li></ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button></div></div><div><div id="sb-search-example"><div class="sb-search-icon" id="myCustomSearchButtonID"><i class="sb-icon"></i><p>Search</p></div></div><a class="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github"><svg aria-hidden="true" width="40" height="40" viewBox="0 0 250 250" style="z-index:100000;fill:black;color:#fff;position:fixed;top:0px;border:0;left:0px;transform:scale(-1.5, 1.5)"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="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="transform-origin:130px 106px"></path><path class="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><main id="content" class="site-content"><div class="inner outer"><div class="docs-content"><nav id="docs-nav" class="docs-nav"><div id="docs-nav-inside" class="docs-nav-inside sticky"><button id="docs-nav-toggle" class="docs-nav-toggle">Navigate Docs<span class="icon-angle-right" aria-hidden="true"></span></button><div class="docs-nav-menu"><ul id="docs-menu" class="docs-menu"><li class="docs-menu-item"><a href="../../index.html">Docs</a></li><li class="docs-menu-item has-children"><a href="../../about/index.html">About</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../about/README/index.html">readme</a></li><li class="docs-menu-item"><a href="../../about/eng-portfolio/index.html">Engineering Portfolio</a></li><li class="docs-menu-item"><a href="../../about/resume/index.html">Resume</a></li><li class="docs-menu-item"><a href="../../about/youtube/index.html">Youtube</a></li><li class="docs-menu-item"><a href="../../about/job-search/index.html">Job Search</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../articles/index.html">Articles</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../articles/how-the-web-works/index.html">How The Web Works</a></li><li class="docs-menu-item"><a href="../../articles/http/index.html">The HTTP Protocol</a></li><li class="docs-menu-item"><a href="../../articles/nextjs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../articles/node-cli-args/index.html">where-is-npm-pack</a></li><li class="docs-menu-item"><a href="../../articles/node-env-variables/index.html">Node Export Module</a></li><li class="docs-menu-item"><a href="../../articles/node-common-modules/index.html">Common Modules</a></li><li class="docs-menu-item"><a href="../../articles/node-repl/index.html">The-package-lock.json-file</a></li><li class="docs-menu-item"><a href="../../articles/node-js-language/index.html">packagejson</a></li><li class="docs-menu-item"><a href="../../articles/node-package-manager/index.html">Sorting Algorithms</a></li><li class="docs-menu-item"><a href="../../articles/node-run-cli/index.html">node-cli-args</a></li><li class="docs-menu-item"><a href="../../articles/npm/index.html">Introduction to npm</a></li><li class="docs-menu-item"><a href="../../articles/the-uniform-resource-locator-(url)/index.html">The Uniform Resource Locator (URL)</a></li><li class="docs-menu-item"><a href="../../articles/v8/index.html">npm global or local packages</a></li><li class="docs-menu-item"><a href="../../articles/semantic-html/index.html">Web Design</a></li><li class="docs-menu-item"><a href="../../articles/web-standards-checklist/index.html">Web Standards Checklist</a></li><li class="docs-menu-item"><a href="../../articles/understanding-firebase/index.html">Firebase</a></li><li class="docs-menu-item"><a href="../../articles/webdev-tools/index.html">Web Developer Tools</a></li><li class="docs-menu-item"><a href="../../articles/buffers/index.html">Node Buffers</a></li><li class="docs-menu-item"><a href="../../articles/dev-dep/index.html">Dev Dependencies</a></li><li class="docs-menu-item"><a href="../../articles/event-loop/index.html">The Node.js Event Loop</a></li><li class="docs-menu-item"><a href="../../articles/basic-web-dev/index.html">Web Dev Review</a></li><li class="docs-menu-item"><a href="../../articles/fs-module/index.html">Fs-Module</a></li><li class="docs-menu-item"><a href="../../articles/how-search-engines-work/index.html">The Anatomy of a Search Engine</a></li><li class="docs-menu-item"><a href="../../articles/install/index.html">Install</a></li><li class="docs-menu-item"><a href="../../articles/intro/index.html">Intro To Node</a></li><li class="docs-menu-item"><a href="../../articles/modules/index.html">Node Modules System</a></li><li class="docs-menu-item"><a href="../../articles/nodejs/index.html">Javascript and Node</a></li><li class="docs-menu-item"><a href="../../articles/npx/index.html">The npx Node.js Package Runner</a></li><li class="docs-menu-item"><a href="../../articles/nodevsbrowser/index.html">Node vs Browser</a></li><li class="docs-menu-item"><a href="../../articles/reading-files/index.html">Reading Files</a></li><li class="docs-menu-item"><a href="../../articles/os-module/index.html">OS-Module</a></li><li class="docs-menu-item"><a href="../../articles/semantic/index.html">Semantic Versioning</a></li><li class="docs-menu-item"><a href="../../articles/writing-files/index.html">Writing Files</a></li><li class="docs-menu-item"><a href="../../articles/node-api-express/index.html">Node APIs With Express</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../audio/index.html">Audio</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../audio/audio/index.html">Audio</a></li><li class="docs-menu-item"><a href="../../audio/discrete-fft/index.html">Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/audio-feature-extraction/index.html">Audio Feature Extraction</a></li><li class="docs-menu-item"><a href="../../audio/dfft/index.html">Discrete Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/dtw-python-explained/index.html">Dynamic Time Warping Algorithm Explained (Python)</a></li><li class="docs-menu-item"><a href="../../audio/dynamic-time-warping/index.html">dynamic-time-warping</a></li><li class="docs-menu-item"><a href="../../audio/web-audio-api/index.html">Web Apis</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../career/index.html">Career</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../career/dev-interview/index.html">Developer Interview Questions</a></li><li class="docs-menu-item"><a href="../../career/interview-dos-n-donts/index.html">Do &amp; Don&#x27;t of Interviewing!</a></li><li class="docs-menu-item"><a href="../../career/job-boards/index.html">Job Board</a></li><li class="docs-menu-item"><a href="../../career/wed-dev-questions/index.html">Javascript Practice</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../community/index.html">Community</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../community/an-open-letter-2-future-developers/index.html">New Developers</a></li><li class="docs-menu-item"><a href="../../community/video-chat/index.html">Video Chat</a></li><li class="docs-menu-item"><a href="../../community/github-profiles/index.html">Cool Github Profiles</a></li><li class="docs-menu-item"><a href="../../community/bookmarks/index.html">Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../content/index.html">Content</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../content/bash-intro/index.html">Tuning Command Line History in Bash - ShellHacks</a></li><li class="docs-menu-item"><a href="../../content/gatsby-Queries-Mutations/index.html">Queries and Mutations (Gatsby)</a></li><li class="docs-menu-item"><a href="../../content/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../content/github-api/index.html">All the Things You Can Do With GitHub API and Python</a></li><li class="docs-menu-item"><a href="../../content/history-api/index.html">History API</a></li><li class="docs-menu-item"><a href="../../content/trouble-shooting/index.html">Trouble Shooting</a></li><li class="docs-menu-item"><a href="../../content/netlify/index.html">Netlify Docs</a></li><li class="docs-menu-item"><a href="../../content/algo/index.html">Algorithms &amp; Data Structures</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../css/index.html">Css</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../css/css-positioning/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../data-structures/index.html">Data Structures</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../data-structures/data-structures-in-depth/index.html">Data Structures</a></li><li class="docs-menu-item"><a href="../../data-structures/big-o/index.html">Big-O Notation</a></li><li class="docs-menu-item"><a href="../../data-structures/ds-algo-interview/index.html">Data Structures Interview</a></li></ul></li><li class="docs-menu-item has-children active"><a href="../index.html">Docs</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../appendix/index.html">Apendix</a></li><li class="docs-menu-item"><a href="../css/index.html">Learn Css</a></li><li class="docs-menu-item"><a href="../art-of-command-line/index.html">Command Line Basics</a></li><li class="docs-menu-item"><a href="../git-repos/index.html">Git Repo List</a></li><li class="docs-menu-item"><a href="../git-reference/index.html">Git Reference</a></li><li class="docs-menu-item"><a href="../data-structures-docs/index.html">Data Structures Docs</a></li><li class="docs-menu-item"><a href="../markdown/index.html">Markdown</a></li><li class="docs-menu-item"><a href="../jamstack/index.html">lorem-ipsum</a></li><li class="docs-menu-item current"><a aria-current="page" class="" href="index.html">Regular Expressions</a></li><li class="docs-menu-item"><a href="../sitemap/index.html">Sitemap</a></li><li class="docs-menu-item"><a href="../es-6-features/index.html">ECMAScript 6</a></li><li class="docs-menu-item"><a href="../bash/index.html">Bash Commands That Save Me Time and Frustration</a></li><li class="docs-menu-item"><a href="../html-spec/index.html">HTML SPEC</a></li><li class="docs-menu-item"><a href="../no-whiteboarding/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../node-docs-full/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../snippets/index.html">Useful Snippets</a></li><li class="docs-menu-item"><a href="../node-docs-complete/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../glossary/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../faq/index.html">FAQ</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../faq/plug-ins/index.html">Plug-ins</a></li><li class="docs-menu-item"><a href="../../faq/contact/index.html">Contact!</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interact/index.html">Interactive</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interact/callstack-visual/index.html">Callstack Visualizer</a></li><li class="docs-menu-item"><a href="../../interact/clock/index.html">Clock</a></li><li class="docs-menu-item"><a href="../../interact/jupyter-notebooks/index.html">Jupyter Notebooks</a></li><li class="docs-menu-item"><a href="../../interact/other-sites/index.html">Other Websites</a></li><li class="docs-menu-item"><a href="../../interact/video-chat/index.html">Zumzi Video Conferencing (Mesibo API Backend)</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../javascript/index.html">Javascript</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../javascript/arrow-functions/index.html">JS Fat Arrow Functions</a></li><li class="docs-menu-item"><a href="../../javascript/asyncjs/index.html">Asynchronous-JS</a></li><li class="docs-menu-item"><a href="../../javascript/await-keyword/index.html">Await </a></li><li class="docs-menu-item"><a href="../../javascript/constructor-functions/index.html">Constructor Functions</a></li><li class="docs-menu-item"><a href="../../javascript/cs-basics-in-js/index.html">CS Basics</a></li><li class="docs-menu-item"><a href="../../javascript/for-loops/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../javascript/promises/index.html">Promises</a></li><li class="docs-menu-item"><a href="../../javascript/clean-code/index.html">Clean Code</a></li><li class="docs-menu-item"><a href="../../javascript/review/index.html">Javascript Concepts Review</a></li><li class="docs-menu-item"><a href="../../javascript/this-is-about-this/index.html">WhatisTHIS</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interview/index.html">Interviewing</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interview/job-search-nav/index.html">Job Search Navigation</a></li><li class="docs-menu-item"><a href="../../interview/review-concepts/index.html">Review Of Concepts</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../leetcode/index.html">Leetcode</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../leetcode/004._Median_of_Two_Sorted_Arrays/index.html">004._Median_of_Two_Sorted_Arrays</a></li><li class="docs-menu-item"><a href="../../leetcode/006._ZigZag_Conversion/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/008._String_to_Integer_(atoi)/index.html">008._String_to_Integer</a></li><li class="docs-menu-item"><a href="../../leetcode/009._Palindrome_Number/index.html">009._Palindrome_Number</a></li><li class="docs-menu-item"><a href="../../leetcode/011._Container_With_Most_Water/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/010._Regular_Expression_Matching/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/012._Integer_to_Roman/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/013._Roman_to_Integer/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/014._Longest_Common_Prefix/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/019._Remove_Nth_Node_From_End_of_List/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/020._Valid_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/022._Generate_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/029._Divide_Two_Integers/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/031._Next_Permutation/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/033._Search_in_Rotated_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/first-100/index.html">Leetcode</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../projects/index.html">Projects</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../projects/embeded-websites/index.html">Embeded Websites &amp; Projects</a></li><li class="docs-menu-item"><a href="../../projects/list-of-projects/index.html">List Of Projects</a></li><li class="docs-menu-item"><a href="../../projects/main-projects/index.html">RECENT PROJECTS</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects2/index.html">Mini Projects 2</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects/index.html">Mini Projects</a></li><li class="docs-menu-item"><a href="../../projects/my-websites/index.html">My Sites</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../python/index.html">Python</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../python/examples/index.html">Practice</a></li><li class="docs-menu-item"><a href="../../python/flow-control/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/functions/index.html">Python Functions</a></li><li class="docs-menu-item"><a href="../../python/google-sheets-api/index.html">google-sheets-api</a></li><li class="docs-menu-item"><a href="../../python/install-python-ubuntu/index.html">How to install Python 2.7 on Ubuntu 20.04 LTS</a></li><li class="docs-menu-item"><a href="../../python/intro-for-js-devs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/python-ds/index.html">Python General Notes</a></li><li class="docs-menu-item"><a href="../../python/python-quiz/index.html">Python Quiz</a></li><li class="docs-menu-item"><a href="../../python/snippets/index.html">Python Snippets</a></li><li class="docs-menu-item"><a href="../../python/cheat-sheet/index.html">Python Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../python/comprehensive-guide/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/at-length/index.html">Python at length</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../quick-reference/index.html">QuickRef</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../quick-reference/all-emojis/index.html">All Emojis</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-bash/index.html">Git Bash</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-tricks/index.html">Git Tricks</a></li><li class="docs-menu-item"><a href="../../quick-reference/google-firebase/index.html">Firebase (Firebasics)</a></li><li class="docs-menu-item"><a href="../../quick-reference/markdown-dropdowns/index.html">Markdown Dropdown</a></li><li class="docs-menu-item"><a href="../../quick-reference/installation/index.html">Installation</a></li><li class="docs-menu-item"><a href="../../quick-reference/minifiction/index.html">How To Minify Code For Better Web Performance </a></li><li class="docs-menu-item"><a href="../../quick-reference/new-repo-instructions/index.html">new-repo-git</a></li><li class="docs-menu-item"><a href="../../quick-reference/pull-request-rubric/index.html">Pull Request Template</a></li><li class="docs-menu-item"><a href="../../quick-reference/quick-links/index.html">Quick Links</a></li><li class="docs-menu-item"><a href="../../quick-reference/heroku-error-codes/index.html">Heroku Error Codes</a></li><li class="docs-menu-item"><a href="../../quick-reference/topRepos/index.html">Top Repos</a></li><li class="docs-menu-item"><a href="../../quick-reference/psql-setup/index.html">PostgreSQL Setup</a></li><li class="docs-menu-item"><a href="../../quick-reference/understanding-path/index.html">Understanding PATH</a></li><li class="docs-menu-item"><a href="../../quick-reference/Emmet/index.html">Emmet Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../quick-reference/create-react-app/index.html">Getting Started W Create React App</a></li><li class="docs-menu-item"><a href="../../quick-reference/vscode-themes/index.html">vscode-themes</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../react/index.html">React</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../react/ajax-n-apis/index.html">AJAX and APIs</a></li><li class="docs-menu-item"><a href="../../react/createReactApp/index.html">npx-create-react-app</a></li><li class="docs-menu-item"><a href="../../react/cheatsheet/index.html">React Cheat Sheets:</a></li><li class="docs-menu-item"><a href="../../react/demo/index.html">React Class Components Demo</a></li><li class="docs-menu-item"><a href="../../react/jsx/index.html">Introducing JSX</a></li><li class="docs-menu-item"><a href="../../react/dont-use-index-as-keys/index.html">Index as a key is an anti-pattern</a></li><li class="docs-menu-item"><a href="../../react/react-w-api/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../react/quiz/index.html">React Quiz Questions</a></li><li class="docs-menu-item"><a href="../../react/react-patterns-by-usecase/index.html">React Patterns &amp; Use Cases</a></li><li class="docs-menu-item"><a href="../../react/render-elements/index.html">Rendering Elements With React</a></li><li class="docs-menu-item"><a href="../../react/react-docs/index.html">React Docs</a></li><li class="docs-menu-item"><a href="../../react/react2/index.html">Intro To React</a></li><li class="docs-menu-item"><a href="../../react/react-in-depth/index.html">React In Depth</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../reference/index.html">Reference</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../reference/awesome-static/index.html">Awesome Static Site Resources</a></li><li class="docs-menu-item"><a href="../../reference/embed-the-web/index.html">Embed The Web</a></li><li class="docs-menu-item"><a href="../../reference/google-cloud/index.html">Google Cloud</a></li><li class="docs-menu-item"><a href="../../reference/bash-commands/index.html">Bash-Commands</a></li><li class="docs-menu-item"><a href="../../reference/how-to-kill-a-process/index.html">Kill a Process in Linux</a></li><li class="docs-menu-item"><a href="../../reference/how-2-reinstall-npm/index.html">How To Reinstall NPM and Node.js On Your System</a></li><li class="docs-menu-item"><a href="../../reference/installing-node/index.html">Installing Node</a></li><li class="docs-menu-item"><a href="../../reference/intro-to-nodejs/index.html">Intro To NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/notes-template/index.html">Notes Template</a></li><li class="docs-menu-item"><a href="../../reference/markdown-styleguide/index.html">Markdown Lint Styleguide</a></li><li class="docs-menu-item"><a href="../../reference/psql/index.html">Postgresql Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../reference/vscode/index.html">vscode</a></li><li class="docs-menu-item"><a href="../../reference/resources/index.html">Developer Resources</a></li><li class="docs-menu-item"><a href="../../reference/awesome-nodejs/index.html">Awesome NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/github-search/index.html">Github Search</a></li><li class="docs-menu-item"><a href="../../reference/awesome-lists/index.html">Awesome Lists</a></li><li class="docs-menu-item"><a href="../../reference/web-api%27s/index.html">Web Apis</a></li><li class="docs-menu-item"><a href="../../reference/bookmarks/index.html">Web Dev Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tools/index.html">Tools</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tools/dev-utilities/index.html">General Utilities</a></li><li class="docs-menu-item"><a href="../../tools/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../tools/markdown-html/index.html">md and html</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tips/index.html">Tips</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tips/array-methods/index.html">Tips</a></li><li class="docs-menu-item"><a href="../../tips/insert-into-array/index.html">Insert Into Array</a></li><li class="docs-menu-item"><a href="../../tips/sorting-strings/index.html">Sorting Strings</a></li><li class="docs-menu-item"><a href="../../tips/regex-tips/index.html">Regex Tricks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tutorials/index.html">Tutorials</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tutorials/how-to-use-google-sheets-as-cms/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../tutorials/enviorment-setup/index.html">Basic Bash Proficiency</a></li></ul></li></ul></div></div></nav><article class="post type-docs"><div class="post-inside"><header class="post-header"><h1 class="post-title line-left">Regular Expressions</h1></header><div class="post-content"><h1>Regular Expressions</h1><p>description:</p><hr/><h4><a href="http://medium.com/codex" class="markup--anchor markup--h4-anchor">CODEX</a></h4><h3>Regular Expressions</h3><figure><img src="../../../../cdn-images-1.medium.com/max/800/0_VdDVM2Nzv6oGC5I0.png" class="graf-image"/></figure><figure><img src="../../../../cdn-images-1.medium.com/max/800/1_D83R_a0SSgMR0hI4jP6Asw.png" class="graf-image"/></figure><figure><img src="../../../../cdn-images-1.medium.com/max/800/1_vk5n412Bs-dx6UdgyUywdg.png" class="graf-image"/></figure>### description:
+<p><em>Regular expressions are patterns used to match character combinations in strings. In JavaScript, regular expressions are also objects. These patterns are used with the</em> <code>exec()</code> <em>and</em> <code>test()</code> <em>methods of</em> <code>RegExp</code><em>, and with the</em> <code>match()</code><em>,</em> <code>matchAll()</code><em>,</em> <code>replace()</code><em>,</em> <code>replaceAll()</code><em>,</em> <code>search()</code><em>, and</em> <code>split()</code> <em>methods of</em> <code>String</code><em>. This chapter describes JavaScript regular expressions.</em></p><h3>Creating a regular expression</h3><p>You construct a regular expression in one of two ways:</p><ol><li><span id="8a7f"><strong>Using a regular expression literal, which consists of a pattern enclosed between slashes, as follows:</strong></span></li></ol><p><code>let re = /ab+c/;</code></p><ul><li><span id="f4e2">Regular expression literals provide compilation of the regular expression when the script is loaded. If the regular expression remains constant, using this can improve performance.</span></li></ul><p><strong>2. Or calling the constructor function of the</strong> <code>RegExp</code> <strong>object, as follows:</strong></p><ul><li><span id="2016"><code>let re = new RegExp(&#x27;ab+c&#x27;);</code></span></li></ul><blockquote><p><em>Using the constructor function provides runtime compilation of the regular expression</em>. Use the constructor function when you know the regular expression pattern will be changing, or you don&#x27;t know the pattern and are getting it from another source, such as user input.</p></blockquote><h3>Writing a regular expression pattern</h3><p>A regular expression pattern is composed of simple characters, such as <code>/abc/</code>, or a combination of simple and special characters, such as <code>/ab*c/</code> or <code>/Chapter (\d+)\.\d*/</code>.</p><p>The last example includes <strong>parentheses, which are used as a memory device</strong>. <em>The match made with this part of the pattern is remembered for later use.</em></p><h3>Using simple patterns</h3><p>Simple patterns are constructed of characters for which you want to find a direct match.</p><p>For example, the pattern <code>/abc/</code> matches character combinations in strings only when the exact sequence <code>&quot;abc&quot;</code> occurs (all characters together and in that order).</p><p>Such a match would succeed in the strings <code>&quot;Hi, do you know your abc&#x27;s?&quot;</code> and <code>&quot;The latest airplane designs evolved from slabcraft.&quot;</code></p><p>In both cases the match is with the substring <code>&quot;abc&quot;</code>.</p><p>There is no match in the string <code>&quot;Grab crab&quot;</code> because while it contains the substring <code>&quot;ab c&quot;</code>, it does not contain the exact substring <code>&quot;abc&quot;</code>.</p><h3>Using special characters</h3><p>When the search for a match requires something more than a direct match, such as finding one or more b&#x27;s, or finding white space, you can include special characters in the pattern.</p><p>For example, to match <em>a single</em> <code>&quot;a&quot;</code> <em>followed by zero or more</em> <code>&quot;b&quot;</code><em>s followed by</em> <code>&quot;c&quot;</code>, you&#x27;d use the pattern <code>/ab*c/</code>:</p><blockquote><p>the <code>*</code> after <code>&quot;b&quot;</code> means &quot;0 or more occurrences of the preceding item.&quot; In the string <code>&quot;cbbabbbbcdebc&quot;</code>, this pattern will match the substring <code>&quot;abbbbc&quot;</code>.</p></blockquote><p><a href="https://github.com/bgoonz/Cheat-Sheets/blob/master/Regular_Expressions/Assertions.html" class="markup--anchor markup--p-anchor"><strong>Assertions</strong></a>** : Assertions include boundaries, which indicate the beginnings and endings of lines and words, and other patterns indicating in some way that a match is possible (including look-ahead, look-behind, and conditional expressions).**</p><p><a href="https://github.com/bgoonz/Cheat-Sheets/blob/master/Regular_Expressions/Character_Classes.html" class="markup--anchor markup--p-anchor"><strong>Character classes</strong></a>** : Distinguish different types of characters. For example, distinguishing between letters and digits.**</p><p><a href="https://github.com/bgoonz/Cheat-Sheets/blob/master/Regular_Expressions/Groups_and_Ranges.html" class="markup--anchor markup--p-anchor"><strong>Groups and ranges</strong></a>** : Indicate groups and ranges of expression characters.**</p><p><a href="https://github.com/bgoonz/Cheat-Sheets/blob/master/Regular_Expressions/Quantifiers.html" class="markup--anchor markup--p-anchor"><strong>Quantifiers</strong></a>** : Indicate numbers of characters or expressions to match.**</p><p><a href="https://github.com/bgoonz/Cheat-Sheets/blob/master/Regular_Expressions/Unicode_Property_Escapes.html" class="markup--anchor markup--p-anchor"><strong>Unicode property escapes</strong></a>** : Distinguish based on unicode character properties, for example, upper- and lower-case letters, math symbols, and punctuation.**</p><p>If you want to look at all the special characters that can be used in regular expressions in a single table, see the following:</p><figure><img src="../../../../cdn-images-1.medium.com/max/800/1_Wk5zFr1IHJxacq2a2zi5RQ.png" class="graf-image"/></figure>### Special characters in regular expressions.
+<h3>Escaping</h3><p>If you need to use any of the special characters literally (actually searching for a <code>&quot;*&quot;</code>, for instance), you must escape it by putting a <strong>backslash</strong> in front of it.</p><p>For instance, to search for <code>&quot;a&quot;</code> followed by <code>&quot;*&quot;</code> followed by <code>&quot;b&quot;</code>,</p><blockquote><p>you&#x27;d use <code>/a\*b/</code> --- the backslash &quot;escapes&quot; the <code>&quot;*&quot;</code>, making it literal instead of special.</p></blockquote><p>Similarly, if you&#x27;re writing a regular expression literal and need to match a slash (&quot;/&quot;), you need to escape that (otherwise, it terminates the pattern)</p><p>For instance, to search for the string &quot;/example/&quot; followed by one or more alphabetic characters, you&#x27;d use <code>/\/example\/[a-z]+/i</code></p><p><strong>--the backslashes before each slash make them literal.</strong></p><p>To match a literal backslash, you need to escape the backslash.</p><p>For instance, to match the string &quot;C:\&quot; where &quot;C&quot; can be any letter,</p><p>you&#x27;d use <code>/[A-Z]:\\/</code></p><p>--- the first backslash escapes the one after it, so the expression searches for a single literal backslash.</p><p>If using the <code>RegExp</code> constructor with a string literal, <strong>remember that the backslash is an escape in string literals, so to use it in the regular expression, you need to escape it at the string literal level</strong>.</p><p><code>/a\*b/</code> and <code>new RegExp(&quot;a\\*b&quot;)</code> create the same expression,</p><p>which searches for &quot;a&quot; followed by a literal &quot;*&quot; followed by &quot;b&quot;.</p><p>If escape strings are not already part of your pattern you can add them using <code>String.replace</code>:</p><pre><code>function escapeRegExp(string) {
+  return string.replace(/[.*+\-?^${}()|[\]\\]/g, &#x27;\\$&amp;&#x27;); // $&amp; means the whole matched string
+}
+</code></pre><p><strong>The &quot;g&quot; after the regular expression is an option or flag that performs a global search, looking in the whole string and returning all matches.</strong></p><h3>Using parentheses</h3><p>Parentheses around any part of the regular expression pattern causes that part of the matched substring to be remembered.</p><p>Once remembered, the substring can be recalled for other use.</p><h3>Using regular expressions in JavaScript</h3><p>Regular expressions are used with the <code>RegExp</code> <strong>methods</strong></p><p><code>test()</code> <strong>and</strong> <code>exec()</code></p><p>and with the <code>String</code> <strong>methods</strong> <code>match()</code><strong>,</strong> <code>replace()</code><strong>,</strong> <code>search()</code><strong>, and</strong> <code>split()</code><strong>.</strong></p><hr/><h3>Method Descriptions</h3><h4><code>exec()</code></h4><p>Executes a search for a match in a string.</p><p>It returns an array of information or <code>null</code> on a mismatch.</p><h4><code>test()</code></h4><p>Tests for a match in a string.</p><p>It returns <code>true</code> or <code>false</code>.</p><h4><code>match()</code></h4><p>Returns an array containing all of the matches, including capturing groups, or <code>null</code> if no match is found.</p><h4><code>matchAll()</code></h4><p>Returns an iterator containing all of the matches, including capturing groups.</p><h4><code>search()</code></h4><p>Tests for a match in a string.</p><p>It returns the index of the match, or <code>-1</code> if the search fails.</p><h4><code>replace()</code></h4><p>Executes a search for a match in a string, and replaces the matched substring with a replacement substring.</p><h4><code>replaceAll()</code></h4><p>Executes a search for all matches in a string, and replaces the matched substrings with a replacement substring.</p><h4><code>split()</code></h4><p>Uses a regular expression or a fixed string to break a string into an array of substrings.</p><h3>Methods that use regular expressions</h3><p>When you want to know whether a pattern is found in a string, use the <code>test()</code> or <code>search()</code> methods;</p><p>for more information (but slower execution) use the <code>exec()</code> or <code>match()</code> methods.</p><p>If you use <code>exec()</code> or <code>match()</code> and if the match succeeds, these methods return an array and update properties of the associated regular expression object and also of the predefined regular expression object, <code>RegExp</code>.</p><p>If the <strong>match fails, the</strong> <code>exec()</code> <strong>method returns</strong> <code>null</code> (which coerces to <code>false</code>).</p><p>In the following example, the script uses the <code>exec()</code> method to find a match in a string.</p><pre><code>let myRe = /d(b+)d/g;
+let myArray = myRe.exec(&#x27;cdbbdbsbz&#x27;);
+</code></pre><p>If you do not need to access the properties of the regular expression, an alternative way of creating <code>myArray</code> is with this script:</p><pre><code>let myArray = /d(b+)d/g.exec(&#x27;cdbbdbsbz&#x27;);
+    // similar to &quot;cdbbdbsbz&quot;.match(/d(b+)d/g); however,
+    // &quot;cdbbdbsbz&quot;.match(/d(b+)d/g) outputs Array [ &quot;dbbd&quot; ], while
+    // /d(b+)d/g.exec(&#x27;cdbbdbsbz&#x27;) outputs Array [ &#x27;dbbd&#x27;, &#x27;bb&#x27;, index: 1, input: &#x27;cdbbdbsbz&#x27; ].
+</code></pre><p>(See <a href="https://github.com/bgoonz/Cheat-Sheets/blob/master/Regular_Expressions.md#g-different-behaviors" class="markup--anchor markup--p-anchor">different behaviors</a> for further info about the different behaviors.)</p><p>If you want to construct the regular expression from a string, yet another alternative is this script:</p><pre><code>let myRe = new RegExp(&#x27;d(b+)d&#x27;, &#x27;g&#x27;);
+let myArray = myRe.exec(&#x27;cdbbdbsbz&#x27;);
+</code></pre><p>With these scripts, the match succeeds and returns the array and updates the properties shown in the following table.</p><p>Results of regular expression execution.</p><p>You can use a regular expression created with an object initializer without assigning it to a letiable.</p><p>If you do, however, every occurrence is a new regular expression.</p><p>For this reason, if you use this form without assigning it to a letiable, you cannot subsequently access the properties of that regular expression.</p><p>For example, assume you have this script:</p><pre><code>let myRe = /d(b+)d/g;
+let myArray = myRe.exec(&#x27;cdbbdbsbz&#x27;);
+console.log(&#x27;The value of lastIndex is &#x27; + myRe.lastIndex);
+
+// &quot;The value of lastIndex is 5&quot;
+</code></pre><p>However, if you have this script:</p><pre><code>let myArray = /d(b+)d/g.exec(&#x27;cdbbdbsbz&#x27;);
+console.log(&#x27;The value of lastIndex is &#x27; + /d(b+)d/g.lastIndex);
+
+// &quot;The value of lastIndex is 0&quot;
+</code></pre><p>The occurrences of <code>/d(b+)d/g</code> in the two statements are different regular expression objects and hence have different values for their <code>lastIndex</code> property.</p><p>If you need to access the properties of a regular expression created with an object initializer, you should first assign it to a variable.</p><h3>[Advanced searching with flags]</h3><p>Regular expressions have <strong>six optional flags</strong> that allow for functionality like global and case insensitive searching.</p><p>These flags can be used separately or together in any order, and are included as part of the regular expression.</p><p>Flag Description Corresponding property</p><hr/><p><code>g</code> Global search. <code>RegExp.prototype.global</code></p><p><code>i</code> Case-insensitive search. <code>RegExp.prototype.ignoreCase</code></p><p><code>m</code> Multi-line search. <code>RegExp.prototype.multiline</code></p><p><code>s</code> Allows <code>.</code> to match newline characters. <code>RegExp.prototype.dotAll</code></p><p><code>u</code> &quot;unicode&quot;; treat a pattern as a sequence of unicode code points. <code>RegExp.prototype.unicode</code></p><p><code>y</code> Perform a &quot;sticky&quot; search that matches starting at the current position in the target string. <code>RegExp.prototype.sticky</code></p><h4>Regular expression flags</h4><p><em>To include a flag with the regular expression, use this syntax:</em></p><pre><code>let re = /pattern/flags;
+</code></pre><p>or</p><pre><code>let re = new RegExp(&#x27;pattern&#x27;, &#x27;flags&#x27;);
+</code></pre><p>Note that the flags are an integral part of a regular expression. They cannot be added or removed later.</p><p>For example, <code>re = /\w+\s/g</code> creates a regular expression that looks for one or more characters followed by a space, and it looks for this combination throughout the string.</p><pre><code>let re = /\w+\s/g;
+let str = &#x27;fee fi fo fum&#x27;;
+let myArray = str.match(re);
+console.log(myArray);
+
+// [&quot;fee &quot;, &quot;fi &quot;, &quot;fo &quot;]
+</code></pre><p>You could replace the line:</p><pre><code>let re = /\w+\s/g;
+</code></pre><p>with:</p><pre><code>let re = new RegExp(&#x27;\\w+\\s&#x27;, &#x27;g&#x27;);
+</code></pre><p>and get the same result.</p><p>The behavior associated with the <code>g</code> flag is different when the <code>.exec()</code> method is used.</p><p>The roles of &quot;class&quot; and &quot;argument&quot; get reversed:</p><p>In the case of <code>.match()</code>, the string class (or data type) owns the method and the regular expression is just an argument,</p><p>while in the case of <code>.exec()</code>, it is the regular expression that owns the method, with the string being the argument.</p><p>Contrast this <code>str.match(re)</code> versus <code>re.exec(str)</code>.</p><p>The <code>g</code> flag is used with the <code>.exec()</code> method to get iterative progression.</p><pre><code>let xArray; while(xArray = re.exec(str)) console.log(xArray);
+// produces:
+// [&quot;fee &quot;, index: 0, input: &quot;fee fi fo fum&quot;]
+// [&quot;fi &quot;, index: 4, input: &quot;fee fi fo fum&quot;]
+// [&quot;fo &quot;, index: 7, input: &quot;fee fi fo fum&quot;]
+</code></pre><p>The <code>m</code> flag is used to specify that a multiline input string should be treated as multiple lines.</p><p>If the <code>m</code> flag is used, <code>^</code> and <code>$</code> match at the start or end of any line within the input string instead of the start or end of the entire string.</p><h3>Using special characters to verify input</h3><p>In the following example, the user is expected to enter a phone number. When the user presses the &quot;Check&quot; button, the script checks the validity of the number. If the number is valid (matches the character sequence specified by the regular expression), the script shows a message thanking the user and confirming the number. If the number is invalid, the script informs the user that the phone number is not valid.</p><p>Within non-capturing parentheses <code>(?:</code> , the regular expression looks for three numeric characters <code>\d{3}</code> OR <code>|</code> a left parenthesis <code>\(</code> followed by three digits<code>\d{3}</code>, followed by a close parenthesis <code>\)</code>, (end non-capturing parenthesis <code>)</code>), followed by one dash, forward slash, or decimal point and when found, remember the character <code>([-\/\.])</code>, followed by three digits <code>\d{3}</code>, followed by the remembered match of a dash, forward slash, or decimal point <code>\1</code>, followed by four digits <code>\d{4}</code>.</p><p>The <code>Change</code> event activated when the user presses Enter sets the value of <code>RegExp.input</code>.</p><h4>HTML</h4><pre><code>&lt;p&gt;
+  Enter your phone number (with area code) and then click &quot;Check&quot;.
+  &lt;br&gt;
+  The expected format is like ###-###-####.
+&lt;/p&gt;
+&lt;form action=&quot;#&quot;&gt;
+  &lt;input id=&quot;phone&quot;&gt;
+    &lt;button onclick=&quot;testInfo(document.getElementById(&#x27;phone&#x27;));&quot;&gt;Check&lt;/button&gt;
+&lt;/form&gt;
+</code></pre><h4>JavaScript</h4><pre><code>let re = /(?:\d{3}|\(\d{3}\))([-\/\.])\d{3}\1\d{4}/;
+function testInfo(phoneInput) {
+  let OK = re.exec(phoneInput.value);
+  if (!OK) {
+    console.error(phoneInput.value + &#x27; isn\&#x27;t a phone number with area code!&#x27;);
+  } else {
+    console.log(&#x27;Thanks, your phone number is &#x27; + OK[0]);}
+}
+</code></pre><h3>Cheat Sheet</h3><figure><img src="../../../../cdn-images-1.medium.com/max/800/1_VmpGy_BYCekOncdyrgSrxw.png" class="graf-image"/></figure>#### If you found this guide helpful feel free to checkout my GitHub/gist&#x27;s where I host similar content:
+<blockquote><p><a href="https://gist.github.com/bgoonz" class="markup--anchor markup--blockquote-anchor"><strong>bgoonz&#x27;s</strong> gists · GitHub</a></p></blockquote><p><a href="https://github.com/bgoonz" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://github.com/bgoonz"><strong>bgoonz — Overview</strong><br/><em>Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python | React | Node.js | Express | Sequelize…</em>github.com</a><a href="https://github.com/bgoonz" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a></p><p>Or Checkout my personal Resource Site:</p><p><a href="https://goofy-euclid-1cd736.netlify.app/" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://goofy-euclid-1cd736.netlify.app/"><strong>a/A-Student-Resources</strong><br/><em>Edit description</em>goofy-euclid-1cd736.netlify.app</a><a href="https://goofy-euclid-1cd736.netlify.app/" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a></p><p>By <a href="https://medium.com/@bryanguner" class="p-author h-card">Bryan Guner</a> on <a href="https://medium.com/p/4d8fb3eb146b">March 6, 2021</a>.</p><p><a href="https://medium.com/@bryanguner/regular-expressions-4d8fb3eb146b" class="p-canonical">Canonical link</a></p><p>Exported from <a href="https://medium.com/">Medium</a> on August 17, 2021.</p></div></div></article><nav id="page-nav" class="page-nav"><div id="page-nav-inside" class="page-nav-inside sticky"><h2 class="page-nav-title">Jump to Section</h2><div id="page-nav-link-container"></div></div></nav></div><div id="disqus_thread"></div><div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&amp;g=1&amp;e=1"></div></div></main><footer id="colophon" class="site-footer outer"><div><center><br/><div id="search"> <!-- --> </div><br/><table cellPadding="0" cellSpacing="0" border="0"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><center><table width="95%" cellPadding="0" cellSpacing="0" border="0" style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="left"><a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">index</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="center"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0">sitemap</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="right"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;pid=a">advanced</a></td></tr></tbody></table></center><form style="margin:0px;margin-top:2px" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self"><input type="hidden" name="si" value="14588965"/><input type="hidden" name="pid" value="r"/><input type="hidden" name="n" value="0"/><input type="hidden" name="_charset_" value="true"/><input type="hidden" name="bcd" value="÷"/><input type="text" name="query" size="15"/><input type="submit" value="search"/></form></td></tr><tr><td style="text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:7.5pt;padding-top:4px"><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">search engine</a><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">by<span style="color:transparent">freefind</span></a></td></tr></tbody></table><a class="save2PDF" href="http://pdfcrowd.com/url_to_pdf/?">Save to PDF</a></center><a aria-current="page" class="site-logo" href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></div><div class="inner"><div id="search" class="inner"></div><div class="site-footer-inside"><p class="site-info"><span class="copyright">@bgoonz on almost every platform</span><a href="https://random-static-html-deploys.netlify.app/blm.html" target="_blank" rel="noopener " class="button">BLM</a><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener ">Docs</a><a href="#">lorem-ipsum</a> </p><div class="social-links"><a href="https://twitter.com/bgooonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Twitter</span></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">LinkedIn</span></a><a href="https://github.com/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">GitHub</span></a><a href="https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Youtube</span></a><a href="https://www.instagram.com/bgoonz/?hl=en" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Instagram</span></a><a href="https://dev.to/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">dev.to</span></a><a href="#">lorem-ipsum</a> </div> </div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script src='../../../../d33wubrfki0l68.cloudfront.net/bundles/0233599d4c45be641254dc1947c4cc78b0c22051.js'></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="index.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-50463aa39b84c4d1ec96.js"],"app":["/app-10180cc44b3853f61402.js"],"component---src-templates-advanced-js":["/component---src-templates-advanced-js-6f213d193b5ecf8f0dd1.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-d1d7372de9a72caa6ec8.js"],"component---src-templates-docs-js":["/component---src-templates-docs-js-731339ed0815d7cada90.js"],"component---src-templates-page-js":["/component---src-templates-page-js-dcb6b8bc1563f876e59f.js"],"component---src-templates-post-js":["/component---src-templates-post-js-8dfc6c5f64f9cf30c603.js"]};/*]]>*/</script><script nomodule src='../../../../d33wubrfki0l68.cloudfront.net/js/582b61cb624d3b5bcc6977024571665de2ae7a24/polyfill-50463aa39b84c4d1ec96.js'></script><script async src='../../../../d33wubrfki0l68.cloudfront.net/bundles/a315e5520efecbe9f2dbefdf6e0d24cc6e3a3847.js'></script><input type="button" style="position: fixed;top: 10px;right: 10px;width:80px;color:white;font-weight:bold;background-color:rgba(0, 0, 0, 0.856); border-radius:15px;" value="Go Back" onclick="history.back(-1)" />
+      <?php
+        $url = htmlspecialchars($_SERVER['HTTP_REFERER']);
+        echo "<a href='%24url.html'></a><script src="../../../../widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="609b2d7c71a5dd0016f36326"></script><!-- Go to www.addthis.com/dashboard to customize your tools -->
+<script type="text/javascript" src="../../../../s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60dcec1ece575946"></script><script>
+let div = window.createElement('div');
+div.id('search');
+div.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;bottom: 0px;right: 25%;left: 50 %;';
+let docscontent = window.getElementByClassName('docs-content');
+docscontent.appendChild(div);
+
+let div1 = window.createElement('div');
+div1.id('search');
+div1.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;background:#063;bottom: 0px;right: 25%;left: 50 %;margin-left: -150px';
+let header = window.getElementByClassName('site-header-inside');
+header.appendChild('div1');
+
+</script><!-- Default Statcounter code for 2
+https://bgoonz-blog.netlify.app/ -->
+<script type="text/javascript">
+var sc_project=12702211; 
+var sc_invisible=0; 
+var sc_security="011fbeb6"; 
+var sc_text=3; 
+var scJsHost = "https:///";
+document.write("<sc"+"ript type='text/javascript' src='" +
+scJsHost+
+"statcounter.com/counter/counter.js'></"+"script>");
+</script>
+<noscript><div class="statcounter"><a title="Web Analytics"
+href="https://statcounter.com/" target="_blank"><img
+class="statcounter"
+src="https://c.statcounter.com/12702211/0/011fbeb6/0/"
+alt="Web Analytics"
+referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
+<!-- End of Statcounter Code -->
+<a href="https://statcounter.com/p12702211/?guest=1">View My
+Stats</a><script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>
+          // Get the button:
+          mybutton = document.getElementById("scrollBtn");
+          // When the user scrolls down 20px from the top of the document, show the button
+          window.onscroll = function () {
+            scrollFunction();
+          };
+          function scrollFunction() {
+            if (
+              document.body.scrollTop > 20 ||
+              document.documentElement.scrollTop > 20
+            ) {
+              mybutton.style.display = "block";
+            } else {
+              mybutton.style.display = "none";
+            }
+          }
+          // When the user clicks on the button, scroll to the top of the document
+          function topFunction() {
+            document.body.scrollTop = 0; // For Safari
+            document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+          }
+        </script>
+        <script>
+          window.addEventListener("DOMContentLoaded", (event) => {
+            console.log("DOM fully loaded and parsed");
+            const scrollToTop = () => {
+              const c =
+                document.documentElement.scrollTop || document.body.scrollTop;
+              if (c > 0) {
+                window.requestAnimationFrame(scrollToTop);
+                window.scrollTo(0, c - c / 8);
+              }
+            };
+            scrollToTop();
+          });
+        </script>
+<button id="scrollBtn" title="Go to top" onclick="topFunction()" style="display: block;">
+          Back To Top
+        </button></body></html>
diff --git a/docs/content/html-docs/docs/sitemap/index.html b/docs/content/html-docs/docs/sitemap/index.html
new file mode 100644
index 0000000000..9be1ac7597
--- /dev/null
+++ b/docs/content/html-docs/docs/sitemap/index.html
@@ -0,0 +1,533 @@
+<!DOCTYPE html><html><!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
+<head><style data-href="../../../styles.9ec07c865aac99f55058.css">html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}.font-fira-sans b,.font-fira-sans strong{font-weight:600}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:Lato,Helvetica,Arial,sans-serif;font-size:100%}body{background:#f8f8fa;color:#424b5f;line-height:1.425;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow:scroll}a{color:#00c6ff;text-decoration:underline;transition:color .4s ease-out}a:hover{color:#424b5f}#social-embed{bottom:120px!important;width:100%!important;width:1000px!important;box-shadow:inset 0 5px 3px -10px #000,inset 0 -11px 8px -10px #000;margin:0 auto!important;height:400px!important;overflow:scroll!important;border:1px dotted #000}iframe{overflow-y:scroll;overflow-x:scroll;border-radius:12px;border:1px dotted #000;height:1200px;box-shadow:inset 0 4px 4px -10px #000,inset 0 -11px 8px -10px #000;width:1000px;resize:both!important;overflow:scroll}code{box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}pre{box-shadow:0 1px 4px rgba(184,137,137,.3),inset 0 0 40px rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{color:#283040;font-weight:700;line-height:1.2;margin:1.5em 0 .5em;text-rendering:optimizeLegibility}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}p{margin:0 0 1em}ins,mark{background:#fff7e6;color:#283040;padding:.15em;text-decoration:none}pre{background:#283040;border-radius:3px;color:#f8f8fa;font-size:.875em;line-height:1.5;margin:1.14286em 0;overflow:auto;padding:1.5em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal}pre:first-child{margin-top:0}:not(pre)>code{background:#ecedf2;border-radius:3px;color:#424b5f;font-size:.875rem;padding:.15em;white-space:normal}blockquote{border-left:5px solid #00c6ff;font-size:1.25em;line-height:1.4;margin:1.25em 0;padding:0 0 0 1em}blockquote:first-child{margin-top:0}blockquote p{margin-bottom:.5em}blockquote cite,blockquote small{color:#67758d;display:block;font-size:.75em;font-style:normal;font-weight:400;line-height:1.5;margin-top:.5em}dl{margin:0}dt{font-weight:700}dd,ol,ul{margin:0 0 1em}ul{list-style:disc;padding:0 0 0 1.125em}ol{list-style:decimal;padding:0 0 0 1.5em}li>ol,li>ul{margin-bottom:0}hr{background-color:#dde0e7;border:0;height:1px;margin:1.875em 0}hr:first-child{margin-top:0}img{height:auto;max-width:100%;border-radius:10px}img :not(.site-logo){box-shadow:inset 10px 10px 50px #fff}@media only screen and (min-width:741px){blockquote{font-size:1.5em;line-height:1.3}h1{font-size:2.5em}h2{font-size:2.125em}h3{font-size:1.875em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1.125em}}code[class*=language-],pre[class*=language-]{color:#fff;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em #000;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#141414}pre[class*=language-]{border-radius:.5em;border:.3em solid #545454;box-shadow:inset 1px 1px .5em #000;margin:.5em 0;overflow:auto;padding:1em}pre[class*=language-]::selection{background:#27292a}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:hsla(0,0%,92.9%,.15)}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid #545454;box-shadow:inset 1px 1px .3em -.1em #000;padding:.15em .2em .05em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#777}.token.namespace,.token.punctuation{opacity:.7}.token.boolean,.token.deleted,.token.number,.token.tag{color:#ce6849}.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:#f9ed99}.language-css .token.string,.style .token.string,.token.attr-name,.token.attr-value,.token.char,.token.entity,.token.inserted,.token.operator,.token.string,.token.url,.token.variable{color:#909e6a}.token.atrule{color:#7385a5}.token.important,.token.regex{color:#e8c062}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-markup .token.attr-name,.language-markup .token.punctuation,.language-markup .token.tag{color:#ac885c}.token{position:relative;z-index:1}.line-highlight.line-highlight{background:rgba(84,84,84,.25);background:linear-gradient(90deg,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;margin-top:.75em;z-index:0}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background-color:#8693a6;color:#f4f1ef}/*! @algolia/autocomplete-theme-classic 1.5.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */:root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form[focus-within]{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-Form:focus-within{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:11px;padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:8px;padding-right:var(--aa-spacing-half);width:47px;width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:3px;padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:39px;width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;appearance:none;background:none;border:0;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input:-ms-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::-webkit-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 12.8333333333px;padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 10.1666666667px;padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:4px;border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,-webkit-filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in,-webkit-filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:8px;padding:var(--aa-spacing-half);scrollbar-color:#fff #eaeaea;scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:#eaeaea;background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:#fff;background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid #eaeaea;border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:16px;padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:8px .5em 8px 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 8px 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid #3e34d3;border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:8px;top:var(--aa-spacing-half);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,#fff,rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128,126,163,.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid #3e34d3;border:1px solid rgba(var(--aa-primary-color-rgb),1);color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:40px;min-height:calc(var(--aa-spacing)*2.5);padding:4px;padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179,173,214,.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:#7777a3;color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:28px;height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:28px;width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:20px;max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:20px;max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:8px;padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:36px;padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128,126,163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:8px;margin-left:var(--aa-spacing-half);margin-right:4px;margin-right:calc(var(--aa-spacing-half)/2);width:10px;width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:8px;height:var(--aa-spacing-half);width:8px;width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:#807ea3;color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245,223,77,.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62,52,211,.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 -5.3333333333px;margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:5.3333333333px;margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:#3e34d3;background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:8px 16px;padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:-8px;bottom:calc(var(--aa-spacing-half)*-1);content:"";height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0}.aa-PanelFooter,.aa-PanelHeader:after{z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128,126,163,.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:16px;padding:var(--aa-spacing);position:relative}.aa-PanelFooter:after{background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:16px;height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:-16px;top:calc(var(--aa-spacing)*-1);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:8px 0 8px 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128,126,163,.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:8px;padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 8px;margin:0 0 0 var(--aa-spacing-half);padding:0 8px;padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:8px;padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 5.5px;padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;height:100%;justify-content:center;width:36px;width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115,114,129,.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(hsla(0,0%,100%,0),#fff);background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}.aa-Autocomplete,.aa-DetachedContainer,.aa-Panel{--color-mark:#5468ff;--color-background:#fff;--color-selected:#f5f5fa;--color-text:#23263b;--color-input-icon:#777;--color-source-icon:rgba(80,80,80,0.32);--height:32px;--height-icon:16px;--font-size:16px}.aa-Panel{min-width:350px;z-index:1100;margin-top:2px}.aa-Panel .aa-PanelLayout{padding-top:0;padding-bottom:0;background-color:var(--color-background)}.aa-Panel .aa-PanelLayout .aa-PanelLayoutPreview{border-left:1px solid var(--color-selected)}.aa-Panel .aa-GradientBottom{background-image:none}.aa-Autocomplete .aa-Form,.aa-DetachedFormContainer .aa-Form{height:var(--height);font-size:var(--font-size);padding:0;background-color:var(--color-background)}.aa-Autocomplete .aa-Form:focus-within,.aa-DetachedFormContainer .aa-Form:focus-within{box-shadow:none}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix,.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label svg,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label svg{left:0;vertical-align:middle;color:var(--color-input-icon);width:var(--height-icon)}.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input,.aa-DetachedFormContainer .aa-Form .aa-InputWrapper .aa-Input{height:var(--height);color:var(--color-text)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix{height:var(--height)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-Item{color:var(--color-text)}.aa-Item{padding:2px 0}.aa-Item a{color:inherit;text-decoration:none}.aa-Item[aria-selected=true]{background-color:var(--color-selected)}.aa-Item .aa-ItemContent{display:flex;color:var(--color-text)}.aa-Item .aa-ItemContent mark{color:var(--color-mark);background-color:transparent}.aa-Item .aa-ItemIcon{align-items:baseline;color:var(--color-source-icon);background:none;box-shadow:none;margin:0 var(--aa-spacing-half) 0 2px}.aa-Item .aa-ItemTitle{font-size:14px;font-weight:700;line-height:18px}.aa-Item .aa-ItemHierarchy{font-size:12px;font-style:italic;line-height:18px;opacity:.8;padding:1px 0}.aa-Item .aa-ItemDescription{font-size:12px;line-height:16px;color:#797979}.aa-DetachedContainer{background:var(--color-background)}.aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedCancelButton{color:var(--color-text)}.aa-DetachedOverlay{z-index:10}.aa-DetachedSearchButton{background-color:var(--color-background)}.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon{color:var(--color-input-icon)}.aa-powered-by-link{display:inline-block;width:64px;height:18px;margin-left:4px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODUgMTIwIj48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjNTQ2OEZGIiBkPSJNMTYuOC0xLjAwMWg4OC40YzguNyAwIDE1LjggNy4wNjUgMTUuOCAxNS44djg4LjQwNWMwIDguNy03LjA2NSAxNS43OTUtMTUuOCAxNS43OTVIMTYuOGMtOC43IDAtMTUuOC03LjA2LTE1LjgtMTUuNzk1VjE0Ljc1OWMwLTguNjk1IDcuMDYtMTUuNzYgMTUuOC0xNS43NiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03My41MDUgMjUuNzg4di00LjExNWE1LjIwOSA1LjIwOSAwIDAwLTUuMjEtNS4yMDVINTYuMTVhNS4yMDkgNS4yMDkgMCAwMC01LjIxIDUuMjA1djQuMjI1YzAgLjQ3LjQzNS44LjkxLjY5YTM3Ljk2NiAzNy45NjYgMCAwMTEwLjU3LTEuNDljMy40NjUgMCA2Ljg5NS40NyAxMC4yMSAxLjM4LjQ0LjExLjg3NS0uMjE1Ljg3NS0uNjlNNDAuMjIgMzEuMTczbC0yLjA3NS0yLjA3NWE1LjIwNiA1LjIwNiAwIDAwLTcuMzY1IDBsLTIuNDggMi40NzVhNS4xODUgNS4xODUgMCAwMDAgNy4zNTVsMi4wNCAyLjA0Yy4zMy4zMjUuODA1LjI1IDEuMDk1LS4wNzVhMzkuODc2IDM5Ljg3NiAwIDAxMy45NzUtNC42NiAzNy42OCAzNy42OCAwIDAxNC43LTRjLjM2NC0uMjIuNC0uNzMuMTEtMS4wNm0yMi4xNjQgMTMuMDY1djE3LjhjMCAuNTEuNTUuODc1IDEuMDIuNjJsMTUuODI1LTguMTljLjM2LS4xOC40Ny0uNjIuMjktLjk4LTMuMjgtNS43NTUtOS4zNy05LjY4NS0xNi40MDUtOS45NC0uMzY1IDAtLjczLjI5LS43My42OW0wIDQyLjg4Yy0xMy4xOTUgMC0yMy45MTUtMTAuNzA1LTIzLjkxNS0yMy44OCAwLTEzLjE3NSAxMC43Mi0yMy44NzUgMjMuOTE1LTIzLjg3NSAxMy4yIDAgMjMuOTE2IDEwLjcgMjMuOTE2IDIzLjg3NXMtMTAuNjggMjMuODgtMjMuOTE2IDIzLjg4bTAtNTcuOGMtMTguNzQgMC0zMy45NCAxNS4xOC0zMy45NCAzMy45MiAwIDE4Ljc0NSAxNS4yIDMzLjg5IDMzLjk0IDMzLjg5czMzLjk0LTE1LjE4IDMzLjk0LTMzLjkyNWMwLTE4Ljc0NS0xNS4xNjUtMzMuODg1LTMzLjk0LTMzLjg4NSIvPjxwYXRoIGZpbGw9IiM1NDY4RkYiIGQ9Ik0yNDAuMjE0IDk0LjE3N2MtMjMuMzY1LjExLTIzLjM2NS0xOC44NTUtMjMuMzY1LTIxLjg3NWwtLjA0LTcxLjA0NSAxNC4yNTQtMi4yNnY3MC42MWMwIDEuNzE1IDAgMTIuNTYgOS4xNSAxMi41OTV2MTEuOTc1aC4wMDF6bS01Ny43OC0xMS42MWM0LjM3NCAwIDcuNjItLjI1NSA5Ljg4LS42OVY2Ny4zOTJhMjkuMTk2IDI5LjE5NiAwIDAwLTMuNDMtLjY5NSAzMy43NDIgMzMuNzQyIDAgMDAtNC45NTYtLjM2NWMtMS41NyAwLTMuMTc1LjExLTQuNzc1LjM2NS0xLjYwNS4yMi0zLjA2NS42NTUtNC4zNCAxLjI3NS0xLjI3NS42Mi0yLjMzNSAxLjQ5NS0zLjEgMi42Mi0uOCAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xMTUgMS4yNzUgNC45OTUgMS45MyA4LjYwNiAxLjkzem0tMS4yNC01MS42ODVjNC43IDAgOC42NzQuNTg1IDExLjg4NCAxLjc1IDMuMjA2IDEuMTY1IDUuNzk2IDIuOCA3LjY5IDQuODc1IDEuOTM1IDIuMTEgMy4yNDUgNC45MTUgNC4wNDYgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODZ2MzYuNjJjLTIuMTg1LjQ3LTUuNTA2IDEuMDE1LTkuOTUgMS42Ny00LjQ0Ni42NTUtOS40NC45ODUtMTQuOTg2Ljk4NS0zLjY4IDAtNy4wNy0uMzY1LTEwLjA5NS0xLjA1NS0zLjA2NS0uNjktNS42NS0xLjgyLTcuODQtMy4zODUtMi4xNS0xLjU2NS0zLjgyNS0zLjU3LTUuMDY1LTYuMDQtMS4yMDUtMi40OC0xLjgyNS01Ljk3LTEuODI1LTkuNjEgMC0zLjQ5NS42OS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUzIDUuMDY1LTIuNjIgOC4xNjUtMy4yNzUgMy4xLS42NTUgNi4zNDUtLjk4NSA5LjY5NS0uOTg1IDEuNTcgMCAzLjIxLjExIDQuOTYuMjkgMS43MTUuMTg1IDMuNTc1LjUxNSA1LjU0NS45ODV2LTIuMzNjMC0xLjYzNS0uMTg1LTMuMi0uNTg1LTQuNjU1YTEwLjAxMiAxMC4wMTIgMCAwMC0yLjA0NS0zLjg5NWMtLjk4NS0xLjEzLTIuMjU1LTIuMDA1LTMuODYtMi42Mi0xLjYwNS0uNjItMy42NS0xLjA5NS02LjA5LTEuMDk1LTMuMjggMC02LjI3LjQtOS4wMDUuODc1LTIuNzM1LjQ3LTQuOTk1IDEuMDItNi43MSAxLjYzNWwtMS43MS0xMS42OGMxLjc4NS0uNjIgNC40NDUtMS4yNCA3Ljg3NS0xLjg1NSAzLjQyNS0uNjYgNy4xMS0uOTUgMTEuMDQ1LS45NWguMDAxem0yODEuNTEgNTEuMjg1YzQuMzc1IDAgNy42MTUtLjI1NSA5Ljg3NS0uNjk1di0xNC40OGMtLjgtLjIyLTEuOTMtLjQ3NS0zLjQyNS0uNjk1YTMzLjgxMyAzMy44MTMgMCAwMC00Ljk2LS4zNjVjLTEuNTY1IDAtMy4xNy4xMS00Ljc3NS4zNjUtMS42LjIyLTMuMDYuNjU1LTQuMzM1IDEuMjc1LTEuMjguNjItMi4zMzUgMS40OTUtMy4xIDIuNjItLjgwNSAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xNSAxLjMxIDQuOTk1IDEuOTMgOC42MDUgMS45M3ptLTEuMjA1LTUxLjY0NWM0LjcgMCA4LjY3NC41OCAxMS44ODQgMS43NDUgMy4yMDUgMS4xNjUgNS43OTUgMi44IDcuNjkgNC44NzUgMS44OTUgMi4wNzUgMy4yNDUgNC45MTUgNC4wNDUgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODY1djM2LjYxNWMtMi4xODUuNDctNS41MDUgMS4wMTUtOS45NSAxLjY3NS00LjQ0NS42NTUtOS40NC45OC0xNC45ODUuOTgtMy42OCAwLTcuMDctLjM2NS0xMC4wOTQtMS4wNTUtMy4wNjUtLjY5LTUuNjUtMS44Mi03Ljg0LTMuMzg1LTIuMTUtMS41NjUtMy44MjUtMy41Ny01LjA2NS02LjA0LTEuMjA1LTIuNDc1LTEuODI1LTUuOTctMS44MjUtOS42MSAwLTMuNDk1LjY5NS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUyNSA1LjA2NS0yLjYyIDguMTY1LTMuMjc1IDMuMS0uNjU1IDYuMzQ1LS45OCA5LjctLjk4IDEuNTY1IDAgMy4yMDUuMTEgNC45NTUuMjlzMy41NzUuNTEgNS41NC45ODV2LTIuMzNjMC0xLjY0LS4xOC0zLjIwNS0uNTgtNC42NmE5Ljk3NyA5Ljk3NyAwIDAwLTIuMDQ1LTMuODk1Yy0uOTg1LTEuMTMtMi4yNTUtMi4wMDUtMy44Ni0yLjYyLTEuNjA2LS42Mi0zLjY1LTEuMDktNi4wOS0xLjA5LTMuMjggMC02LjI3LjQtOS4wMDUuODctMi43MzUuNDc1LTQuOTk1IDEuMDItNi43MSAxLjY0bC0xLjcxLTExLjY4NWMxLjc4NS0uNjIgNC40NDUtMS4yMzUgNy44NzUtMS44NTUgMy40MjUtLjYyIDcuMTA1LS45NDUgMTEuMDQ1LS45NDV6bS00Mi44LTYuNzdjNC43NzQgMCA4LjY4LTMuODYgOC42OC04LjYzIDAtNC43NjUtMy44NjYtOC42MjUtOC42OC04LjYyNS00LjgxIDAtOC42NzUgMy44Ni04LjY3NSA4LjYyNSAwIDQuNzcgMy45IDguNjMgOC42NzUgOC42M3ptNy4xOCA3MC40MjVoLTE0LjMyNnYtNjEuNDRsMTQuMzI1LTIuMjU1djYzLjY5NWguMDAxem0tMjUuMTE2IDBjLTIzLjM2NS4xMS0yMy4zNjUtMTguODU1LTIzLjM2NS0yMS44NzVsLS4wNC03MS4wNDUgMTQuMjU1LTIuMjZ2NzAuNjFjMCAxLjcxNSAwIDEyLjU2IDkuMTUgMTIuNTk1djExLjk3NXptLTQ2LjMzNS0zMS40NDVjMC02LjE1NS0xLjM1LTExLjI4NS0zLjk3NC0xNC44NS0yLjYyNS0zLjYwNS02LjMwNS01LjM4NS0xMS4wMS01LjM4NS00LjcgMC04LjM4NiAxLjc4LTExLjAwNiA1LjM4NS0yLjYyNSAzLjYtMy45MDQgOC42OTUtMy45MDQgMTQuODUgMCA2LjIyNSAxLjMxNSAxMC40MDUgMy45NCAxNC4wMSAyLjYyNSAzLjY0IDYuMzA1IDUuNDI1IDExLjAxIDUuNDI1IDQuNyAwIDguMzg1LTEuODIgMTEuMDEtNS40MjUgMi42MjQtMy42NCAzLjkzNC03Ljc4NSAzLjkzNC0xNC4wMXptMTQuNTgtLjAzNWMwIDQuODA1LS42OSA4LjQ0LTIuMTE0IDEyLjQxLTEuNDIgMy45NjUtMy40MjUgNy4zNS02LjAxIDEwLjE1NS0yLjU5IDIuOC01LjY5IDQuOTg1LTkuMzM2IDYuNTE1LTMuNjQ0IDEuNTI1LTkuMjYgMi40LTEyLjA2NSAyLjQtMi44MS0uMDM1LTguMzg1LS44MzUtMTEuOTk1LTIuNC0zLjYxLTEuNTY1LTYuNzEtMy43MTUtOS4yOTUtNi41MTUtMi41OS0yLjgwNS00LjU5NC02LjE5LTYuMDU0LTEwLjE1NS0xLjQ1Ni0zLjk3LTIuMTg1LTcuNjA1LTIuMTg1LTEyLjQxcy42NTQtOS40MyAyLjExNC0xMy4zNmMxLjQ2LTMuOTMgMy41LTcuMjggNi4xMjUtMTAuMDggMi42MjUtMi44MDUgNS43Ni00Ljk1NSA5LjMzLTYuNDggMy42MS0xLjUzIDcuNTg1LTIuMjU1IDExLjg4NS0yLjI1NSA0LjMwNSAwIDguMjc1Ljc2IDExLjkyIDIuMjU1IDMuNjUgMS41MjUgNi43ODYgMy42NzUgOS4zMzYgNi40OCAyLjU4NCAyLjggNC41OSA2LjE1IDYuMDUgMTAuMDggMS41MyAzLjkzIDIuMjk1IDguNTU1IDIuMjk1IDEzLjM2aC0uMDAxem0tMTA3LjI4NCAwYzAgNS45NjUgMS4zMSAxMi41OSAzLjkzNSAxNS4zNTUgMi42MjUgMi43NyA2LjAxNCA0LjE1IDEwLjE3NSA0LjE1IDIuMjYgMCA0LjQxLS4zMjUgNi40MTQtLjk0NSAyLjAwNS0uNjIgMy42MDYtMS4zNSA0Ljg4Ni0yLjIydi0zNS4zNGMtMS4wMi0uMjItNS4yODYtMS4wOTUtOS40MS0xLjItNS4xNzUtLjE1LTkuMTEgMS45NjUtMTEuODggNS4zNDUtMi43MzYgMy4zOS00LjEyIDkuMzItNC4xMiAxNC44NTV6bTM5LjYyNSAyOC4wOTVjMCA5LjcyLTIuNDggMTYuODE1LTcuNDc2IDIxLjMzLTQuOTkgNC41MS0xMi42MSA2Ljc3LTIyLjg5IDYuNzctMy43NTUgMC0xMS41NTUtLjczLTE3Ljc5LTIuMTFsMi4yOTUtMTEuMjg1YzUuMjE1IDEuMDkgMTIuMTA1IDEuMzg1IDE1LjcxNSAxLjM4NSA1LjcyIDAgOS44MDUtMS4xNjUgMTIuMjQ1LTMuNDk1IDIuNDQ1LTIuMzMgMy42NDUtNS43ODUgMy42NDUtMTAuMzc1di0yLjMzYy0xLjQyLjY5LTMuMjggMS4zODUtNS41NzUgMi4xMTUtMi4yOTUuNjktNC45NTUgMS4wNTUtNy45NSAxLjA1NS0zLjkzNSAwLTcuNTEtLjYyLTEwLjc1LTEuODYtMy4yNDUtMS4yMzUtNi4wNTUtMy4wNTUtOC4zNS01LjQ2LTIuMjk1LTIuNC00LjEyLTUuNDItNS4zOTUtOS4wMjUtMS4yNzUtMy42MDUtMS45MzUtMTAuMDQ1LTEuOTM1LTE0Ljc3NSAwLTQuNDQuNjk1LTEwLjAxIDIuMDQ2LTEzLjcyNSAxLjM4NC0zLjcxIDMuMzUtNi45MTUgNi4wMTQtOS41NyAyLjYyNi0yLjY1NSA1LjgzNS00LjY5NSA5LjU5LTYuMTkgMy43NTUtMS40OSA4LjE2LTIuNDM1IDEyLjkzNS0yLjQzNSA0LjYzNSAwIDguOS41OCAxMy4wNTUgMS4yNzUgNC4xNTUuNjkgNy42OSAxLjQxNSAxMC41NyAyLjIxNXY1Ni40OWguMDAxeiIvPjwvZz48L3N2Zz4=);background-repeat:no-repeat;background-size:contain;vertical-align:middle}.aa-powered-by{text-align:right;font-size:12px;color:#969faf;padding:8px 8px 4px 0;font-weight:400}table{border-collapse:collapse;border-spacing:0;line-height:1.5;margin:0;max-width:100%;width:100%}caption,table{text-align:left}caption{color:#67758d;font-size:.875em;font-style:normal;margin-bottom:1em}td,th{border-bottom:1px solid #dde0e7;padding:.5em 5px}th{color:#283040;font-weight:700}:not(.responsive-table)>table{display:block;margin:1.875em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}:not(.responsive-table)>table:first-child{margin-top:0}:not(.responsive-table)>table tbody,:not(.responsive-table)>table thead,:not(.responsive-table)>table tr{width:100%}:not(.responsive-table)>table td{min-width:10em}.responsive-table{display:block;margin:1.875em 0;overflow-x:auto;width:100%}.responsive-table:first-child{margin-top:0}label{color:#283040;font-weight:700;line-height:1.5;margin-bottom:.25em}input[type=checkbox]+label,input[type=radio]+label{font-weight:400;cursor:pointer;padding-left:.25em;padding-right:1em}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#283040;display:block;font-size:1em;font-weight:400;line-height:1.5;max-width:100%;padding:.5em;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}::-webkit-input-placeholder{color:#9aa4b9;opacity:1}:-ms-input-placeholder{color:#9aa4b9;opacity:1}::placeholder{color:#9aa4b9;opacity:1}.form-row{margin-bottom:1em}.form-submit{margin-top:1.66667em}.button{align-items:center;background:#00c6ff;border:0;border-radius:1.75em;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.875em;font-weight:700;justify-content:center;letter-spacing:.035em;line-height:1.2;opacity:1;padding:.9em 2.14285em;text-decoration:none;transition:.3s ease;vertical-align:middle}.button:active,.button:focus,.button:hover{color:#fff;opacity:.8;outline:0}.button-secondary{background:0!important;box-shadow:inset 0 0 0 2px currentColor;color:#00c6ff}.button-secondary:active,.button-secondary:focus,.button-secondary:hover{box-shadow:inset 0 0 0 3px currentColor;color:#00c6ff;opacity:1}.button-icon{background:0!important;border:0;color:inherit;font-size:1em;font-weight:400;letter-spacing:normal;padding:.25em}.button-icon:active,.button-icon:focus,.button-icon:hover{color:#00c6ff;opacity:1}#menu-close,#menu-open,.docs-nav .docs-nav-toggle,.docs-nav .docs-submenu-toggle,.submenu-toggle{background:0;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:block;font-size:inherit;height:30px;padding:0;position:relative;width:30px}#menu-close:active,#menu-close:focus,#menu-close:hover,#menu-open:active,#menu-open:focus,#menu-open:hover,.docs-nav .docs-nav-toggle:active,.docs-nav .docs-nav-toggle:focus,.docs-nav .docs-nav-toggle:hover,.docs-nav .docs-submenu-toggle:active,.docs-nav .docs-submenu-toggle:focus,.docs-nav .docs-submenu-toggle:hover,.submenu-toggle:active,.submenu-toggle:focus,.submenu-toggle:hover{outline:0}.icon{color:inherit;fill:currentColor;flex-shrink:0;height:1em;line-height:1;width:1em}.icon-close,.icon-menu{background:currentColor;border-radius:1px;color:inherit;height:2px;left:50%;margin-top:-1px;margin-left:-12px;position:absolute;top:50%;width:24px}.icon-close:after,.icon-close:before,.icon-menu:after,.icon-menu:before{background:currentColor;border-radius:1px;content:"";height:100%;left:0;position:absolute;width:100%}.icon-menu:before{top:-6px}.icon-menu:after{bottom:-6px}.icon-close{background:0;margin-left:-14px;width:28px}.icon-close:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-close:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-angle-right{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;height:8px;left:50%;margin-left:-4px;margin-top:-4px;position:absolute;top:50%;width:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.docs-nav-toggle .icon-angle-right{height:12px;left:auto;margin-left:0;margin-right:9px;margin-top:-6px;right:0;width:12px}.docs-section-item .icon-angle-right{left:auto;margin-left:0;margin-right:15px;right:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.line-left{position:relative}.line-left:after{background:#00c6ff;display:block;content:"";height:100%;left:-1px;position:absolute;top:0;width:5px}.js-reframe{margin:1.875em 0}.js-reframe:first-child{margin-top:0}.important,.note{border-radius:5px;color:#283040;margin:1.875em 0;padding:1em 1.125em}.important:first-child,.note:first-child{margin-top:0}.note{background:#fff7e6;border-left:5px solid #fcb41d}.important{background:#ffe9e6;border-left:5px solid #fc381d}.has-gradient{background:#00c6ff;background:linear-gradient(90deg,#0072ff,#00c6ff);color:#fff;position:relative}.has-gradient a:not(.button),.has-gradient h1,.has-gradient h2,.has-gradient h3,.has-gradient h4,.has-gradient h5,.has-gradient h6{color:inherit!important}.has-gradient a:not(.button):hover{opacity:.8}.has-gradient .button:not(.button-secondary){background-color:#fff;color:#00c6ff}.has-gradient .button:not(.button-secondary):active,.has-gradient .button:not(.button-secondary):focus,.has-gradient .button:not(.button-secondary):hover{opacity:.85}.has-gradient .button-secondary{color:#fff!important}.has-gradient .inner-sm{position:relative}.bg-img{-webkit-animation:fadeIn20 .75s ease-in-out;animation:fadeIn20 .75s ease-in-out;background-position:50%;background-size:cover;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.grid{display:flex;flex-wrap:wrap;margin-left:-.9375em;margin-right:-.9375em}.grid-item{box-sizing:border-box;padding-left:.9375em;padding-right:.9375em;position:relative;width:100%}.grid-center{justify-content:center}.grid-swap{flex-direction:row-reverse}.grid-middle{align-items:center}@media only screen and (min-width:641px){.grid-col-2 .grid-item{flex:0 0 50%;max-width:50%}}@media only screen and (min-width:761px){.grid-col-3 .grid-item{flex:0 0 33.333%;max-width:33.333%}}@media only screen and (max-width:600px){.grid{margin-left:-1.5vw;margin-right:-1.5vw}.grid-item{padding-left:1.5vw;padding-right:1.5vw}}@-webkit-keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}@keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}.site{display:flex;flex-direction:column;min-height:100vh;position:relative}.site-content{box-sizing:border-box;flex-grow:1;width:100%}.outer{padding-left:150px;padding-right:150px}.inner,.inner-md,.inner-sm{margin-left:auto;margin-right:auto;max-width:95%}.site-header{background:#000;background-image:url(../../../../i.imgur.com/CEYEZp8.jpg);padding-bottom:.4em;padding-top:.2em}.site-header-inside{align-items:center;display:flex}.site-branding{flex:0 1 auto}.site-title{color:#283040;font-size:1.5em;font-weight:700;line-height:1.2;margin:0}.site-logo{margin:0}.site-logo img{max-height:65px}.menu,.submenu{list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-item.current{color:#00c6ff}.menu-item a:not(.button){display:inline-block;font-size:1.1em;line-height:1.5}#masthead a:not(.button){color:inherit;display:inline-block;text-decoration:none}#masthead a:not(.button):hover{color:#00c6ff}#masthead .site-branding a:hover{color:inherit}@media only screen and (min-width:801px){#menu-close,#menu-open{display:none}.site-navigation{margin-left:auto}.menu{align-items:center;display:flex}.menu-item{display:inline-block;margin:0 0 0 1.25em;padding-bottom:.1875em;padding-top:.1875em}.menu-item a{padding-bottom:.5em;padding-top:.5em}.menu-item a.button:not(.button-icon){padding-left:1.25em;padding-right:1.25em}.menu-item.has-children>a{padding-right:18px;position:relative}.menu-item.has-children>a:after{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;content:"";height:6px;position:absolute;right:0;top:50%;width:6px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}.menu-item.has-children>a.button:not(.button-icon){padding-right:2.25em}.menu-item.has-children>a.button:not(.button-icon):after{right:1.25em}.menu-item .submenu-toggle{display:none}.menu-item.has-children:hover>.submenu{opacity:1;transition:margin .3s,opacity .2s;visibility:visible}.submenu{background:#fff;border:4px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);left:0;min-width:180px;opacity:0;padding:.5em 0;position:absolute;text-align:left;top:100%;transition:opacity .2s,visibility 0s .2s;visibility:hidden;width:100%;z-index:99}.submenu .menu-item{display:block;margin:0;padding:0 1em}.submenu a:not(.button-icon){display:block}.submenu a.button:not(.button-icon){margin:.5em 0}}@media only screen and (max-width:800px){.site{overflow:hidden;position:relative}.site-branding{margin-right:.625em}.site-header:after{background:rgba(66,75,95,.6);content:"";left:0;opacity:0;transition:opacity .15s ease-in-out,visibility 0s ease-in-out .15s;z-index:998}.site-header:after,.site-navigation{height:100vh;position:absolute;top:0;visibility:hidden;width:100%}.site-navigation{background:#fff;box-sizing:border-box;margin:0;max-width:360px;-webkit-overflow-scrolling:touch;right:-100%;transition:right .3s ease-in-out,visibility 0s ease-in-out .3s;z-index:999}.site-nav-inside{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.menu--opened .site{height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:997}.menu--opened .site-navigation{right:0;transition:right .3s ease-in-out;visibility:visible}.menu--opened .site-header:after{opacity:1;transition-delay:0s;visibility:visible}.menu{padding:calc(3vw + 2.8125em) 3vw 3em}.submenu{border-top:1px solid #dde0e7;display:none;padding-left:1em}.menu-item{display:block;margin:0}.menu-item:not(.menu-button){border-bottom:1px solid #dde0e7}.menu-item:not(.menu-button):first-child{border-top:1px solid #dde0e7}.menu-item a.button-icon,.menu-item a:not(.button){padding:.75em 0}.menu-item a:not(.button){display:block}.menu-item a.button:not(.button-icon){width:100%}.menu-item.has-children>a{margin-right:2em}.menu-item .menu-item:first-child{border-top:0}.menu-item .menu-item:last-child{border-bottom:0}.menu-item .submenu-toggle{color:#67758d;height:2.8125em;position:absolute;right:0;top:0}.menu-item.active .submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-item.active .submenu{display:block}.menu-button>.button:not(.button-icon){margin-bottom:1.25em;margin-top:1.25em}.menu-button+.menu-button>.button:not(.button-icon){margin-top:0}#menu-open{margin-left:auto}#menu-close{display:block;position:absolute;right:3vw;top:3vw}}.post{margin-bottom:2.5em}.post-feed:last-child,.post-full:last-child{margin-bottom:5em}.has-gradient.page-header,.has-gradient.post-header{padding-bottom:9.5em;padding-top:3.75em;text-align:center}.has-gradient .page-title,.has-gradient .post-title{color:inherit;font-size:2.25em;margin:0}.page-subtitle,.post-subtitle{font-size:1.125em;line-height:1.5;margin:.5em 0 0;position:relative}.post-title a{color:inherit!important;text-decoration:none}.post-thumbnail{border:0;border-radius:5px 5px 0 0;display:block;margin:0}.post-thumbnail img{border-radius:5px 5px 0 0;width:100%}.post-feed,.post-full .post-content{margin-top:-5em;position:relative}.post-feed .post,.post-full .post-content{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.post-full .post-content{padding:2.5em 1.5em}.post-full .post-meta{margin:0 0 .5em}.post-feed .post{padding:0 0 2.5em}.post-feed .post-meta{color:#67758d;font-size:.875em;margin:0 0 .5em;padding-left:1.71428em;padding-right:1.71428em}.post-feed .post-header{margin:0 0 1.25em;padding-top:1.875em}.post-feed .post-title{font-size:1.5em;margin:0;padding-left:1em;padding-right:1em}.post-feed .post-excerpt{margin-bottom:1.25em;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more{margin:0;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more-link{font-weight:700;text-decoration:none}.post-feed .read-more-link:after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}.post-feed .read-more-link:hover{color:#424b5f}@media only screen and (min-width:641px){.has-gradient .page-title,.has-gradient .post-title{font-size:3em}.page-subtitle,.post-subtitle{font-size:1.25em}.post-full .post-meta{font-size:1.125em}.post-feed .post-excerpt,.post-feed .post-meta,.post-feed .post-title,.post-feed .read-more,.post-full .post-content{padding-left:7%;padding-right:7%}}@media only screen and (max-width:1000px){.post{margin-bottom:4vw}}.docs-content{padding-top:2.5em;width:95%}.post-content{width:85%}.post.type-docs{margin-bottom:3.625em}.post.type-docs h1{font-size:1.975em}.post.type-docs h2{font-size:1.6em}.post.type-docs h3{font-size:1.45em}.post.type-docs h4{font-size:1.35em}.post.type-docs h5,.post.type-docs h6{font-size:1.2em}.post.type-docs .hash-link{float:left;font-size:1.25rem;height:1em;line-height:1;margin-left:-1.1em;opacity:0;text-align:center;text-decoration:none;transition:opacity .4s;width:1em}.post.type-docs .hash-link:before{content:"#";display:inline-block}.post.type-docs .hash-link:focus,.post.type-docs .hash-link:hover{color:#00c6ff}.post.type-docs h2 .hash-link{margin-top:.22em}.post.type-docs h3 .hash-link{margin-top:.1em}.post.type-docs h2:focus .hash-link,.post.type-docs h2:hover .hash-link,.post.type-docs h3:focus .hash-link,.post.type-docs h3:hover .hash-link{opacity:1}.post.type-docs .post-inside{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);padding:.3em;width:70vw}.post.type-docs .post-title{font-size:1.875em;margin:0 0 1.25em;padding:0 2em}.post.type-docs .post-content{padding:.975em;word-wrap:break-word}#docs-section-items{display:flex;flex-wrap:wrap;list-style:none;margin-left:-.3125em;margin-right:-.3125em;padding:0}#docs-section-items .docs-section-item{flex:1 1 240px;margin:0 .3125em .9375em}#docs-section-items .docs-item-link{border:1px solid #dde0e7;border-radius:3px;color:#283040;display:block;font-weight:700;padding:.9375em;position:relative;text-decoration:none;transition:border-color .3s ease,color .3s ease}#docs-section-items .docs-item-link:hover{border-color:#00c6ff;color:#00c6ff}.docs-nav{margin-bottom:1.875em}.docs-nav .docs-nav-toggle{color:#283040;font-size:1.125em;margin:0;padding-right:15px;text-align:left}.docs-nav .docs-submenu-toggle{color:#67758d;position:absolute;right:0;top:0}#docs-menu{color:#283040;font-weight:700;line-height:1.5;list-style:none;margin:.7em;padding:0}#docs-menu>.docs-menu-item>a{padding:.3em 0;border-radius:20px;margin:auto}#docs-menu a{color:inherit;display:block;text-decoration:none}#docs-menu .current,#docs-menu .current-parent,#docs-menu a:hover{color:#00c6ff}.docs-submenu{border-left:1px solid #dde0e7;color:#424b5f;display:none;font-size:1;font-weight:400;list-style:none;margin-top:.625rem;padding-left:1rem}.docs-menu-item{color:inherit;margin-bottom:.625rem}.docs-menu-item.has-children{padding-right:20px;position:relative}.docs-menu-item.has-children.active .docs-submenu{display:block}.docs-menu-item.has-children.active>.docs-submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#page-nav{text-overflow:wrap}#page-nav .page-nav-title{font-size:1em;margin:0 0 .625em}#page-nav ul{font-size:.875rem;line-height:1.5;list-style:none;padding:0}#page-nav ul ul{border-left:1px solid #dde0e7;margin-top:.625rem;padding-left:1.25rem}#page-nav li{margin-bottom:.625rem}#page-nav li.active>a{color:#00c6ff}#page-nav a{color:#424b5f;display:block;text-decoration:none}#page-nav a:hover{color:#00c6ff}#page-nav .page-nav-title:only-child{display:none}@media only screen and (min-width:1200px){.post.type-docs .post-content,.post.type-docs .post-title{padding-left:8%;padding-right:7%}}@media only screen and (min-width:1200px){.docs-content{display:flex;padding-top:4em;width:100%}.post.type-docs{-ms-flex:1 1 auto;align-content:center}.docs-nav,.page-nav{-ms-flex-negative:0;margin-bottom:5.625em}.docs-nav .sticky,.page-nav .sticky{position:-webkit-sticky;position:sticky;top:1.875em}.docs-nav{width:8.5em}#page-nav{font-size:12px;margin:4em}#docs-nav-toggle{display:none}}@media only screen and (min-width:1091px){#page-nav{display:block}}@media only screen and (max-width:800px){.docs-nav{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;margin-bottom:5%;padding:1em}.docs-nav-menu{display:none}.docs-menu--opened .docs-nav-menu{display:block}.docs-menu--opened .docs-nav-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#docs-menu{border-top:1px solid #dde0e7;margin-top:1.25em;padding-top:1.25em}}.block{padding-top:3.75em}.block:not(.block-hero){background:#f8f8fa}.block:last-child{padding-bottom:3.75em}.block-header,.block-image{margin-bottom:1.5em}.block-title{margin:0}.block-subtitle{color:#67758d;line-height:1.5;margin-bottom:0}.block-subtitle:not(:first-child){margin-top:.5em}.block-buttons,.grid-item-buttons{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:.9375em}.block-buttons a,.grid-item-buttons a{font-weight:700;text-decoration:none}.block-buttons{justify-content:center}.block-buttons a{margin:0 .375em .75em}.grid-item-buttons a{margin:0 .75em .75em 0}.has-gradient .block-subtitle{color:inherit}.block-hero .block-buttons:not(:first-child),.block-text .block-buttons:not(:first-child){margin-top:1.875em}.block-text .grid-item{max-width:680px;text-align:center}.block-text .block-title{font-size:1.875em}@media only screen and (min-width:641px){.block-text .block-content{font-size:1.125em}.block-text .block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-text .grid-item:not(:only-child){flex:0 0 50%;max-width:50%}.block-body:not(:only-child){text-align:left}.block-body:not(:only-child) .block-buttons{justify-content:flex-start}.block-body:not(:only-child) .block-buttons a{margin-left:0;margin-right:.75em}}@media only screen and (min-width:1001px){.block-image:not(:only-child){padding-right:2.5em}.grid-swap .block-image:not(:only-child){padding-left:2.5em;padding-right:.9375em}}.block-cta .has-gradient{border-radius:5px;margin-bottom:1.875em;padding:3.75em 3vw 1.875em}.block-cta .block-header{max-width:680px;text-align:center}.block-cta .block-title{font-size:1.875em}.block-cta .block-subtitle{font-size:1.125em}@media only screen and (min-width:641px){.block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-cta .has-gradient{padding-left:7%;padding-right:7%}.block-cta .block-header{flex:0 0 66.666%;max-width:66.666%;text-align:left}.block-cta .block-buttons{flex:0 0 33.333%;margin-top:0;max-width:33.333%}}.block-hero+.block-grid:not(.has-header){background:0;padding-top:0}.block-grid .block-header{margin-bottom:2em;text-align:center}.block-grid .block-title{font-size:1.875em}.block-grid .grid-item{display:flex;flex-direction:column;margin-bottom:1.875em}.grid-item-inside{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;flex-grow:1;padding-bottom:.75em}.grid-item-image{display:block;width:100%}.grid-item-image,.grid-item-image img{border-radius:3px 3px 0 0}.grid-item-title{font-size:1.5em;margin:1em 0 .5em;padding-left:1em;padding-right:1em}.grid-item-title:first-child{margin-top:1.25em}.grid-item-title a{color:inherit!important;text-decoration:none}.grid-item-buttons,.grid-item-content{padding-left:1.5em;padding-right:1.5em}.grid-item-content{margin-bottom:1.25em}.grid-item-buttons a:not(.button):after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}@media only screen and (max-width:1000px){.block-grid .grid-item{margin-bottom:4vw}}.block-hero{padding-bottom:7.5em;position:relative;text-align:center}.block-hero .block-header{margin-bottom:.75em}.block-hero .block-title{font-size:2.25em}.block-hero .block-content{font-size:1.125em;line-height:1.5}.block-hero+.block{margin-top:-5em;position:relative}@media only screen and (min-width:641px){.block-hero .block-title{font-size:3em}.block-hero .block-content{font-size:1.25em}.block-hero .block-buttons a{font-size:1em}}.site-footer{background-color:#000;background-image:url(https://i.imgur.com/CEYEZp8.jpeg);padding-bottom:7.5em;padding-top:8.5em;color:#fff!important;border:4px solid #000}#colophon a:not(.button){color:inherit}#colophon a:not(.button):focus,#colophon a:not(.button):hover{color:#00c6ff}.site-info,.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;font-size:.675em;line-height:1.2}.site-info .button:not(.button-icon),.social-links .button:not(.button-icon){font-size:inherit;line-height:1.2;padding:.3em 1em}.site-info{margin:.25em 0 0;text-align:center}.site-info .copyright,.site-info>a{margin:0 4px .2em 0}.social-links{margin-top:.5375em}.social-links a{margin:0 50px .2em}.social-links .icon{font-size:20px;color:#000;background-color:#000}@media only screen and (min-width:641px){.site-footer-inside{align-items:flex-start;display:flex}.site-info{text-align:left}.site-info,.social-links{justify-content:flex-start}.social-links{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;margin-top:0}.social-links a{margin-left:20px;margin-right:0}}.palette-green a:not(.button){color:#20c86e}.palette-green a:not(.button):hover{color:#424b5f}.palette-green blockquote{border-color:#20c86e}.palette-green .button,.palette-green .line-left:after{background:#20c86e}.palette-green .has-gradient{background:#20c86e;background:linear-gradient(90deg,#1ba65b,#20c86e)}.palette-green #colophon a:not(.button):hover,.palette-green #docs-menu .current,.palette-green #docs-menu .current-parent,.palette-green #docs-menu a:hover,.palette-green #masthead a:not(.button):hover,.palette-green #page-nav a:hover,.palette-green #page-nav li.active>a,.palette-green .button-icon:active,.palette-green .button-icon:focus,.palette-green .button-icon:hover,.palette-green .button-secondary,.palette-green .has-gradient .button:not(.button-secondary),.palette-green .menu-item.current,.palette-green .post.type-docs .hash-link:focus,.palette-green .post.type-docs .hash-link:hover{color:#20c86e}.palette-green #docs-section-items .docs-item-link:hover{border-color:#20c86e;color:#20c86e}.palette-navy a:not(.button){color:#004e92}.palette-navy a:not(.button):hover{color:#424b5f}.palette-navy blockquote{border-color:#004e92}.palette-navy .button,.palette-navy .line-left:after{background:#004e92}.palette-navy .has-gradient{background:#004e92;background:linear-gradient(90deg,#000428,#004e92)}.palette-navy #colophon a:not(.button):hover,.palette-navy #docs-menu .current,.palette-navy #docs-menu .current-parent,.palette-navy #docs-menu a:hover,.palette-navy #masthead a:not(.button):hover,.palette-navy #page-nav a:hover,.palette-navy #page-nav li.active>a,.palette-navy .button-icon:active,.palette-navy .button-icon:focus,.palette-navy .button-icon:hover,.palette-navy .button-secondary,.palette-navy .has-gradient .button:not(.button-secondary),.palette-navy .menu-item.current,.palette-navy .post.type-docs .hash-link:focus,.palette-navy .post.type-docs .hash-link:hover{color:#004e92}.palette-navy #docs-section-items .docs-item-link:hover{border-color:#004e92;color:#004e92}.palette-violet a:not(.button){color:#8e2de2}.palette-violet a:not(.button):hover{color:#424b5f}.palette-violet blockquote{border-color:#8e2de2}.palette-violet .button,.palette-violet .line-left:after{background:#8e2de2}.palette-violet .has-gradient{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2)}.palette-violet #colophon a:not(.button):hover,.palette-violet #docs-menu .current,.palette-violet #docs-menu .current-parent,.palette-violet #docs-menu a:hover,.palette-violet #masthead a:not(.button):hover,.palette-violet #page-nav a:hover,.palette-violet #page-nav li.active>a,.palette-violet .button-icon:active,.palette-violet .button-icon:focus,.palette-violet .button-icon:hover,.palette-violet .button-secondary,.palette-violet .has-gradient .button:not(.button-secondary),.palette-violet .menu-item.current,.palette-violet .post.type-docs .hash-link:focus,.palette-violet .post.type-docs .hash-link:hover{color:#8e2de2}.palette-violet #docs-section-items .docs-item-link:hover{border-color:#8e2de2;color:#8e2de2}</style><meta name="generator" content="Gatsby 2.25.4"/><title data-react-helmet="true">Sitemap</title><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet"/><link data-react-helmet="true" rel="icon" href="../../../images/favicon-750d4390.png"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"/><meta data-react-helmet="true" name="description" content="Sitemap"/><meta data-react-helmet="true" name="robots" content=""/><link as="script" rel="preload" href="./../../webpack-runtime-e0d945bfc04076092229.js"/><link as="script" rel="preload" href="./../../framework-e132d18971612bcf60f3.js"/><link as="script" rel="preload" href="./../../dc6a8720040df98778fe970bf6c000a41750d3ae-8ef9d1d2adaff6ba0f59.js"/><link as="script" rel="preload" href="./../../app-10180cc44b3853f61402.js"/><link as="script" rel="preload" href="./../../styles-7d4153d260c0197f0043.js"/><link as="script" rel="preload" href="./../../29107295-e9457ed2135dcbbf6ce8.js"/><link as="script" rel="preload" href="./../../commons-5965a56c7b6ef2e118ee.js"/><link as="script" rel="preload" href="./../../component---src-templates-docs-js-731339ed0815d7cada90.js"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/docs/docs/sitemap/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/app-data.json" crossorigin="anonymous"/><script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'../../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5S5XXNR');</script>
+<!-- End Google Tag Manager -->
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S5XXNR"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+<meta name="google-site-verification" content="W6SJ3S45yhnjzV6ISUMCTXl_QVX5woQZ7jO3bsahONQ" />
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-4W5MG3DG4T"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-4W5MG3DG4T');
+</script>
+
+<script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script><style>blockquote,
+body,
+dd,
+dl,
+figcaption,
+figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+li,
+ol[class],
+p,
+ul[class] {
+  margin: 0
+}
+
+body {
+  min-height: 110vh;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
+  line-height: 1.6
+}
+
+
+
+
+
+article>*+* {
+  margin-top: 1em
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit
+}
+
+@media(prefers-reduced-motion:reduce) {
+  * {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+    scroll-behavior: auto !important
+  }
+}
+
+html {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: arial, x-locale-body, sans-serif;
+  letter-spacing: -.0027777778rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 100%;
+  line-height: 1.75
+}
+
+img {
+  height: auto
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.0beac26b.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.72026b3c.woff) format("woff")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.ce3a756d.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.7e4c05c9.woff) format("woff")
+}
+
+h1,
+h2,
+h3 {
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  line-height: 1.2
+}
+
+h1 {
+  font-size: 1.802rem
+}
+
+@media (min-width:47.9385em) {
+  h1 {
+    font-size: 3.052rem
+  }
+}
+
+h2 {
+  font-size: 1.602rem
+}
+
+@media (min-width:47.9385em) {
+  h2 {
+    font-size: 2.441rem
+  }
+}
+
+h3 {
+  font-size: 1.424rem;
+
+
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  max-width: -webkit-max-content;
+  max-width: -moz-max-content;
+  max-width: max-content;
+  padding: 0 6px;
+  margin: 24px 0
+}
+
+@media (min-width:47.9385em) {
+  h3 {
+    font-size: 1.953rem
+  }
+}
+
+h4 {
+  font-size: 1.266rem
+}
+
+@media (min-width:47.9385em) {
+  h4 {
+    font-size: 1.563rem
+  }
+}
+
+h5 {
+  font-size: 1.125rem
+}
+
+@media (min-width:47.9385em) {
+  h5 {
+    font-size: 1.25rem
+  }
+}
+
+p {
+  margin-bottom: 24px
+}
+
+a:link,
+a:visited {
+
+  text-decoration: none
+}
+
+a:link:active,
+a:link:focus,
+a:link:hover,
+a:visited:active,
+a:visited:focus,
+a:visited:hover {
+  text-decoration: underline
+}
+
+blockquote {
+  max-width: 45rem;
+  max-width: 85ch;
+  font-size: 1.125rem;
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  margin-bottom: 24px
+}
+
+@media (min-width:47.9385em) {
+  blockquote {
+    font-size: 1.25rem
+  }
+}
+
+blockquote:after,
+blockquote:before {
+  background-image: linear-gradient(90deg, #00356a, #83d0f2);
+  content: "";
+  display: block;
+  height: 5px;
+  margin-bottom: 12px
+}
+
+blockquote:after {
+  margin-top: 12px
+}
+
+blockquote p:last-of-type {
+  margin-bottom: 0
+}
+
+a {
+
+  text-decoration: none
+}
+
+a:focus,
+a:hover {
+  text-decoration: underline
+}
+
+a code {
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none
+}
+
+
+dl dt {
+  font-weight: 700
+}
+
+dl dd {
+  margin: 0 24px 24px
+}
+
+
+
+</style><meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU" />
+<meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="apple-touch-icon" href="logo-circle.html">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="Content-Type" content="HTML">
+  <meta name="Author" content="Bryan Guner">
+  <meta name="keywords" content="HTML, Meta Tags, Metadata">
+  <meta name="description" content="Learning about Web Development.">
+  <link type="image/x-icon" href="favicon.html" rel="shortcut icon">
+  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@bgoonz">
+  <meta name="twitter:creator" content="@bgoonz">
+  <meta name="twitter:image:src" content="/logo-circle.png">
+  <meta name="twitter:title" content="Web Development Resource Hub Bryan Guner">
+  <meta name="twitter:description" content="The new home of my blog resource sharing website.">
+<meta property="twitter:card" content="summary_large_image">
+  <link
+    href="../../../../instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png"
+    rel="apple-touch-icon">
+  <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet">
+<meta property="og:image" content="https://mugshotbot.com/m/DROicc16"><script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","../../../../chimpstatic.com/mcjs-connected/js/users/a41d8352dc1deaf4533662699/28d2370bb66d456a5d6411971.js");</script><script src="../../../../cdn.jsdelivr.net/npm/%40popperjs/core%402.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
+<script src="../../../../cdn.jsdelivr.net/npm/bootstrap%405.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script><!-- Insert makerbadge.js (download or use ☁️cloud version) -->
+
+<script type="text/javascript" src="../../../../makerbadge.s3.amazonaws.com/blmbadge.js"></script>
+
+<!-- Initialise MakerBadge with options -->
+
+<script>
+  BLMBadge.init({
+       layout:1,
+       theme:'dark',
+       promoText : 'Send a donation '+String.fromCodePoint(0x2192),
+       promoLink : 'https://minnesotafreedomfund.org/',
+       message : 'To be silent is to be complicit. Black lives matter.',
+       title : '#BlackLivesMatter',
+       imageAlt: "Black Lives Matter Badge"
+})
+</script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script>
+
+
+<script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>"use strict";
+
+!function() {
+    var t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYxZTQzZmFlY2I2NjkwNWMyZGJkMGVmZCIsInRva2VuVHlwZSI6InB1YmxpYyIsImlhdCI6MTY0MjM0ODUyNiwiZXhwIjoxNDI1Njc0ODUyNn0.VD7Lxgh5cWuOzOhV9KH51TZVdPVXvsIJgRUx-oacfVM";
+    function e() {
+        var e = document.createElement("script"), a = navigator.language || navigator.userLanguage;
+        e.type = "text/javascript", e.async = !0, e.src = "https://api.searchbar.org/v1/widget/" + t + "/" + a;
+        var n = document.getElementsByTagName("script")[0];
+        n.parentNode.insertBefore(e, n);
+    }
+    "complete" === document.readyState ? e() : window.attachEvent ? window.attachEvent("onload", e) : window.addEventListener("load", e, !1);
+}();</script><style>
+		@font-face {
+            font-family: font-sb;
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784);
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');
+            font-weight: 400;
+            font-style: normal
+        }
+
+        #sb-search-example p {
+            font-family: sans-serif;
+            font-size: 18px;
+            line-height: 12px;
+	        margin: 0;
+        }
+
+        #sb-search-example {
+            position: static;
+            bottom: 0;
+            width: auto;
+            place-content: center;
+            display: inline-block;
+            box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);
+            border: solid 5px white;
+            border-radius: 100px;
+            flex-shrink: initial;
+            flex-grow: initial;
+        }
+
+
+        #sb-search-example .sb-icon {
+            font: normal normal 400 26px font-sb;
+            align-items: center;
+            padding: 10px;
+            speak: none;
+            display: inline-block;
+            text-decoration: inherit;
+            text-align: center;
+            text-transform: none;
+            cursor: pointer;
+            margin: 0;
+        }
+
+        #sb-search-example .sb-search-icon {
+            box-sizing: border-box;
+            border: 0px;
+            align-items: center;
+            background: #007cff;
+            color: #fff;
+            cursor: pointer;
+            display: flex;
+            border-radius: 26px;
+            padding: 0 20px 0 4px;
+        }
+	</style><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><style>
+#scrollBtn {
+  display: none;
+  position: fixed;
+  bottom: 140px;
+  right: 20px;
+  z-index: 99;
+  border: 1px black solid;
+  outline: none;
+  background-color: #044274;
+  color: white;
+  cursor: pointer;
+  padding: 5px;
+  border-radius: 28px;
+  font-size: 12px;
+}
+
+#scrollBtn:hover {
+  background-color: #ffffff;
+color:#000000;
+}
+
+</style><style>
+a {
+  text-decoration: none;
+  color: #007edf;
+  text-shadow: none;
+
+  transition: color 0.5s ease;
+  transition: text-shadow 0.5s ease;
+  -webkit-transition: color 0.5s ease;
+  -webkit-transition: text-shadow 0.5s ease;
+  -moz-transition: color 0.5s ease;
+  -moz-transition: text-shadow 0.5s ease;
+  -o-transition: color 0.5s ease;
+  -o-transition: text-shadow 0.5s ease;
+  -ms-transition: color 0.5s ease;
+  -ms-transition: text-shadow 0.5s ease;
+}
+a:hover, a:focus {text-decoration: underline;}
+
+footer a {
+  color: #F2F2F2;
+  text-decoration: underline;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+pre {
+  width: 100%;
+  padding: 10px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+  overflow: auto;
+}
+
+code {
+  padding: 3px;
+  margin: 0 3px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
+pre code {
+  display: block;
+  box-shadow: none;
+}
+
+blockquote {
+  color: #666;
+  margin-bottom: 20px;
+  padding: 0 0 0 20px;
+  border-left: 3px solid #bbb;
+}
+</style></head><body class="palette-navy"><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="page" class="site"><header id="masthead" class="site-header outer"><br/><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-logo"><a href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></p></div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item has-children menu-button"><a class="button" href="../../sitemap/index.html">Navigation</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Docs</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/showcase">Showcase</a></li><li class="menu-item menu-button"><a class="button" href="../../faq/contact/index.html">Contact!</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../python/python-ds/index.html">Python</a></li><li class="menu-item menu-button"><a class="button" href="../../javascript/index.html">JavaScript</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/">Blog</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz.blogspot.com/" target="_blank" rel="noopener " class="button">Blog-Post-Archive</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/platform-docs/">platform docs</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../articles/nodejs/index.html">nodejs</a></li><li class="menu-item menu-button"><a href="https://blog-w-comments.vercel.app/" target="_blank" rel="noopener " class="button">Blog with Comments</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../interview/job-search-nav/index.html">Job Search</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/interview/job-boards">Job Boards</a></li><li class="menu-item"><a href="#">lorem-ipsum</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../tools/archive/index.html">Archive</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Learning-Assets" target="_blank" rel="noopener " class="button">Resource-Archive-Server</a></li><li class="menu-item menu-button"><a href="https://lambda-resources.netlify.app/" class="button">Bootcamp Resources</a></li><li class="menu-item menu-button"><a href="https://web-dev-resource-hub.netlify.app/" target="_blank" rel="noopener " class="button">OG-Blog</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Top Repos</a></li><li class="menu-item menu-button"><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener " class="button">MY_DOCS</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../projects/index.html">Projects</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">Potluck Planner</a></li><li class="menu-item menu-button"><a href="https://meditate42app.netlify.app/" target="_blank" rel="noopener " class="button">Meditation App</a></li><li class="menu-item menu-button"><a href="https://search-awesome.vercel.app/" target="_blank" rel="noopener " class="button">SearchAwesome</a></li><li class="menu-item menu-button"><a href="https://bg-portfolio.netlify.app/" target="_blank" rel="noopener " class="button">Condensed -Portfolio</a></li><li class="menu-item menu-button"><a href="https://a.familypromiseservicetracker.dev/" target="_blank" rel="noopener " class="button">Family Promise Tracker</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering" class="button">DTW-Guitar-FX-Automation</a></li><li class="menu-item menu-button"><a href="https://friendly-panda-b61ab.netlify.app/" class="button">Embeds Blog</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">alt-blogs</a></li><li class="menu-item menu-button"><a href="https://bgoonz-games.netlify.app/" class="button">Games</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" target="_blank" rel="noopener " class="button">Blog Backup</a></li><li class="menu-item menu-button"><a href="https://bgoonz-cv.netlify.app/" class="button">Cover Letter</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Centric</a></li><li class="menu-item menu-button"><a href="https://web-dev-hub.com/" target="_blank" rel="noopener " class="button">Wordpress Blog</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Portfolio Gallery</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/github-stats-website/" class="button">github-stats-website</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../tools/index.html">Tools</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://githtmlpreview.netlify.app/" target="_blank" rel="noopener " class="button">Github HTML Previewer</a></li><li class="menu-item menu-button"><a href="https://devtools42.netlify.app/" target="_blank" rel="noopener " class="button">Text Tools</a></li><li class="menu-item menu-button"><a href="https://ternary42.netlify.app/" target="_blank" rel="noopener " class="button">Ternary 2 If Else</a></li><li class="menu-item menu-button"><a href="https://determined-dijkstra-ee7390.netlify.app/" target="_blank" rel="noopener " class="button">Job Search Resources</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/web-dev-setup-checker" target="_blank" rel="noopener " class="button">Setup Checker</a></li><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">PotluckPlanner</a></li><li class="menu-item menu-button"><a href="https://web-dev-interview-prep-quiz-website.netlify.app/" class="button">WebDev Quizzes</a></li><li class="menu-item menu-button"><a href="https://github.com/search/advanced" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Github-Advanced-Search</span></a></li></ul></li></ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button></div></div><div><div id="sb-search-example"><div class="sb-search-icon" id="myCustomSearchButtonID"><i class="sb-icon"></i><p>Search</p></div></div><a class="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github"><svg aria-hidden="true" width="40" height="40" viewBox="0 0 250 250" style="z-index:100000;fill:black;color:#fff;position:fixed;top:0px;border:0;left:0px;transform:scale(-1.5, 1.5)"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="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="transform-origin:130px 106px"></path><path class="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><main id="content" class="site-content"><div class="inner outer"><div class="docs-content"><nav id="docs-nav" class="docs-nav"><div id="docs-nav-inside" class="docs-nav-inside sticky"><button id="docs-nav-toggle" class="docs-nav-toggle">Navigate Docs<span class="icon-angle-right" aria-hidden="true"></span></button><div class="docs-nav-menu"><ul id="docs-menu" class="docs-menu"><li class="docs-menu-item"><a href="../../index.html">Docs</a></li><li class="docs-menu-item has-children"><a href="../../about/index.html">About</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../about/README/index.html">readme</a></li><li class="docs-menu-item"><a href="../../about/eng-portfolio/index.html">Engineering Portfolio</a></li><li class="docs-menu-item"><a href="../../about/resume/index.html">Resume</a></li><li class="docs-menu-item"><a href="../../about/youtube/index.html">Youtube</a></li><li class="docs-menu-item"><a href="../../about/job-search/index.html">Job Search</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../articles/index.html">Articles</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../articles/how-the-web-works/index.html">How The Web Works</a></li><li class="docs-menu-item"><a href="../../articles/http/index.html">The HTTP Protocol</a></li><li class="docs-menu-item"><a href="../../articles/nextjs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../articles/node-cli-args/index.html">where-is-npm-pack</a></li><li class="docs-menu-item"><a href="../../articles/node-env-variables/index.html">Node Export Module</a></li><li class="docs-menu-item"><a href="../../articles/node-common-modules/index.html">Common Modules</a></li><li class="docs-menu-item"><a href="../../articles/node-repl/index.html">The-package-lock.json-file</a></li><li class="docs-menu-item"><a href="../../articles/node-js-language/index.html">packagejson</a></li><li class="docs-menu-item"><a href="../../articles/node-package-manager/index.html">Sorting Algorithms</a></li><li class="docs-menu-item"><a href="../../articles/node-run-cli/index.html">node-cli-args</a></li><li class="docs-menu-item"><a href="../../articles/npm/index.html">Introduction to npm</a></li><li class="docs-menu-item"><a href="../../articles/the-uniform-resource-locator-(url)/index.html">The Uniform Resource Locator (URL)</a></li><li class="docs-menu-item"><a href="../../articles/v8/index.html">npm global or local packages</a></li><li class="docs-menu-item"><a href="../../articles/semantic-html/index.html">Web Design</a></li><li class="docs-menu-item"><a href="../../articles/web-standards-checklist/index.html">Web Standards Checklist</a></li><li class="docs-menu-item"><a href="../../articles/understanding-firebase/index.html">Firebase</a></li><li class="docs-menu-item"><a href="../../articles/webdev-tools/index.html">Web Developer Tools</a></li><li class="docs-menu-item"><a href="../../articles/buffers/index.html">Node Buffers</a></li><li class="docs-menu-item"><a href="../../articles/dev-dep/index.html">Dev Dependencies</a></li><li class="docs-menu-item"><a href="../../articles/event-loop/index.html">The Node.js Event Loop</a></li><li class="docs-menu-item"><a href="../../articles/basic-web-dev/index.html">Web Dev Review</a></li><li class="docs-menu-item"><a href="../../articles/fs-module/index.html">Fs-Module</a></li><li class="docs-menu-item"><a href="../../articles/how-search-engines-work/index.html">The Anatomy of a Search Engine</a></li><li class="docs-menu-item"><a href="../../articles/install/index.html">Install</a></li><li class="docs-menu-item"><a href="../../articles/intro/index.html">Intro To Node</a></li><li class="docs-menu-item"><a href="../../articles/modules/index.html">Node Modules System</a></li><li class="docs-menu-item"><a href="../../articles/nodejs/index.html">Javascript and Node</a></li><li class="docs-menu-item"><a href="../../articles/npx/index.html">The npx Node.js Package Runner</a></li><li class="docs-menu-item"><a href="../../articles/nodevsbrowser/index.html">Node vs Browser</a></li><li class="docs-menu-item"><a href="../../articles/reading-files/index.html">Reading Files</a></li><li class="docs-menu-item"><a href="../../articles/os-module/index.html">OS-Module</a></li><li class="docs-menu-item"><a href="../../articles/semantic/index.html">Semantic Versioning</a></li><li class="docs-menu-item"><a href="../../articles/writing-files/index.html">Writing Files</a></li><li class="docs-menu-item"><a href="../../articles/node-api-express/index.html">Node APIs With Express</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../audio/index.html">Audio</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../audio/audio/index.html">Audio</a></li><li class="docs-menu-item"><a href="../../audio/discrete-fft/index.html">Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/audio-feature-extraction/index.html">Audio Feature Extraction</a></li><li class="docs-menu-item"><a href="../../audio/dfft/index.html">Discrete Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/dtw-python-explained/index.html">Dynamic Time Warping Algorithm Explained (Python)</a></li><li class="docs-menu-item"><a href="../../audio/dynamic-time-warping/index.html">dynamic-time-warping</a></li><li class="docs-menu-item"><a href="../../audio/web-audio-api/index.html">Web Apis</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../career/index.html">Career</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../career/dev-interview/index.html">Developer Interview Questions</a></li><li class="docs-menu-item"><a href="../../career/interview-dos-n-donts/index.html">Do &amp; Don&#x27;t of Interviewing!</a></li><li class="docs-menu-item"><a href="../../career/job-boards/index.html">Job Board</a></li><li class="docs-menu-item"><a href="../../career/wed-dev-questions/index.html">Javascript Practice</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../community/index.html">Community</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../community/an-open-letter-2-future-developers/index.html">New Developers</a></li><li class="docs-menu-item"><a href="../../community/video-chat/index.html">Video Chat</a></li><li class="docs-menu-item"><a href="../../community/github-profiles/index.html">Cool Github Profiles</a></li><li class="docs-menu-item"><a href="../../community/bookmarks/index.html">Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../content/index.html">Content</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../content/bash-intro/index.html">Tuning Command Line History in Bash - ShellHacks</a></li><li class="docs-menu-item"><a href="../../content/gatsby-Queries-Mutations/index.html">Queries and Mutations (Gatsby)</a></li><li class="docs-menu-item"><a href="../../content/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../content/github-api/index.html">All the Things You Can Do With GitHub API and Python</a></li><li class="docs-menu-item"><a href="../../content/history-api/index.html">History API</a></li><li class="docs-menu-item"><a href="../../content/trouble-shooting/index.html">Trouble Shooting</a></li><li class="docs-menu-item"><a href="../../content/netlify/index.html">Netlify Docs</a></li><li class="docs-menu-item"><a href="../../content/algo/index.html">Algorithms &amp; Data Structures</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../css/index.html">Css</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../css/css-positioning/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../data-structures/index.html">Data Structures</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../data-structures/data-structures-in-depth/index.html">Data Structures</a></li><li class="docs-menu-item"><a href="../../data-structures/big-o/index.html">Big-O Notation</a></li><li class="docs-menu-item"><a href="../../data-structures/ds-algo-interview/index.html">Data Structures Interview</a></li></ul></li><li class="docs-menu-item has-children active"><a href="../index.html">Docs</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../appendix/index.html">Apendix</a></li><li class="docs-menu-item"><a href="../css/index.html">Learn Css</a></li><li class="docs-menu-item"><a href="../art-of-command-line/index.html">Command Line Basics</a></li><li class="docs-menu-item"><a href="../git-repos/index.html">Git Repo List</a></li><li class="docs-menu-item"><a href="../git-reference/index.html">Git Reference</a></li><li class="docs-menu-item"><a href="../data-structures-docs/index.html">Data Structures Docs</a></li><li class="docs-menu-item"><a href="../markdown/index.html">Markdown</a></li><li class="docs-menu-item"><a href="../jamstack/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../regex-in-js/index.html">Regular Expressions</a></li><li class="docs-menu-item current"><a aria-current="page" class="" href="index.html">Sitemap</a></li><li class="docs-menu-item"><a href="../es-6-features/index.html">ECMAScript 6</a></li><li class="docs-menu-item"><a href="../bash/index.html">Bash Commands That Save Me Time and Frustration</a></li><li class="docs-menu-item"><a href="../html-spec/index.html">HTML SPEC</a></li><li class="docs-menu-item"><a href="../no-whiteboarding/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../node-docs-full/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../snippets/index.html">Useful Snippets</a></li><li class="docs-menu-item"><a href="../node-docs-complete/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../glossary/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../faq/index.html">FAQ</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../faq/plug-ins/index.html">Plug-ins</a></li><li class="docs-menu-item"><a href="../../faq/contact/index.html">Contact!</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interact/index.html">Interactive</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interact/callstack-visual/index.html">Callstack Visualizer</a></li><li class="docs-menu-item"><a href="../../interact/clock/index.html">Clock</a></li><li class="docs-menu-item"><a href="../../interact/jupyter-notebooks/index.html">Jupyter Notebooks</a></li><li class="docs-menu-item"><a href="../../interact/other-sites/index.html">Other Websites</a></li><li class="docs-menu-item"><a href="../../interact/video-chat/index.html">Zumzi Video Conferencing (Mesibo API Backend)</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../javascript/index.html">Javascript</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../javascript/arrow-functions/index.html">JS Fat Arrow Functions</a></li><li class="docs-menu-item"><a href="../../javascript/asyncjs/index.html">Asynchronous-JS</a></li><li class="docs-menu-item"><a href="../../javascript/await-keyword/index.html">Await </a></li><li class="docs-menu-item"><a href="../../javascript/constructor-functions/index.html">Constructor Functions</a></li><li class="docs-menu-item"><a href="../../javascript/cs-basics-in-js/index.html">CS Basics</a></li><li class="docs-menu-item"><a href="../../javascript/for-loops/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../javascript/promises/index.html">Promises</a></li><li class="docs-menu-item"><a href="../../javascript/clean-code/index.html">Clean Code</a></li><li class="docs-menu-item"><a href="../../javascript/review/index.html">Javascript Concepts Review</a></li><li class="docs-menu-item"><a href="../../javascript/this-is-about-this/index.html">WhatisTHIS</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interview/index.html">Interviewing</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interview/job-search-nav/index.html">Job Search Navigation</a></li><li class="docs-menu-item"><a href="../../interview/review-concepts/index.html">Review Of Concepts</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../leetcode/index.html">Leetcode</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../leetcode/004._Median_of_Two_Sorted_Arrays/index.html">004._Median_of_Two_Sorted_Arrays</a></li><li class="docs-menu-item"><a href="../../leetcode/006._ZigZag_Conversion/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/008._String_to_Integer_(atoi)/index.html">008._String_to_Integer</a></li><li class="docs-menu-item"><a href="../../leetcode/009._Palindrome_Number/index.html">009._Palindrome_Number</a></li><li class="docs-menu-item"><a href="../../leetcode/011._Container_With_Most_Water/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/010._Regular_Expression_Matching/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/012._Integer_to_Roman/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/013._Roman_to_Integer/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/014._Longest_Common_Prefix/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/019._Remove_Nth_Node_From_End_of_List/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/020._Valid_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/022._Generate_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/029._Divide_Two_Integers/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/031._Next_Permutation/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/033._Search_in_Rotated_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/first-100/index.html">Leetcode</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../projects/index.html">Projects</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../projects/embeded-websites/index.html">Embeded Websites &amp; Projects</a></li><li class="docs-menu-item"><a href="../../projects/list-of-projects/index.html">List Of Projects</a></li><li class="docs-menu-item"><a href="../../projects/main-projects/index.html">RECENT PROJECTS</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects2/index.html">Mini Projects 2</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects/index.html">Mini Projects</a></li><li class="docs-menu-item"><a href="../../projects/my-websites/index.html">My Sites</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../python/index.html">Python</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../python/examples/index.html">Practice</a></li><li class="docs-menu-item"><a href="../../python/flow-control/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/functions/index.html">Python Functions</a></li><li class="docs-menu-item"><a href="../../python/google-sheets-api/index.html">google-sheets-api</a></li><li class="docs-menu-item"><a href="../../python/install-python-ubuntu/index.html">How to install Python 2.7 on Ubuntu 20.04 LTS</a></li><li class="docs-menu-item"><a href="../../python/intro-for-js-devs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/python-ds/index.html">Python General Notes</a></li><li class="docs-menu-item"><a href="../../python/python-quiz/index.html">Python Quiz</a></li><li class="docs-menu-item"><a href="../../python/snippets/index.html">Python Snippets</a></li><li class="docs-menu-item"><a href="../../python/cheat-sheet/index.html">Python Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../python/comprehensive-guide/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/at-length/index.html">Python at length</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../quick-reference/index.html">QuickRef</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../quick-reference/all-emojis/index.html">All Emojis</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-bash/index.html">Git Bash</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-tricks/index.html">Git Tricks</a></li><li class="docs-menu-item"><a href="../../quick-reference/google-firebase/index.html">Firebase (Firebasics)</a></li><li class="docs-menu-item"><a href="../../quick-reference/markdown-dropdowns/index.html">Markdown Dropdown</a></li><li class="docs-menu-item"><a href="../../quick-reference/installation/index.html">Installation</a></li><li class="docs-menu-item"><a href="../../quick-reference/minifiction/index.html">How To Minify Code For Better Web Performance </a></li><li class="docs-menu-item"><a href="../../quick-reference/new-repo-instructions/index.html">new-repo-git</a></li><li class="docs-menu-item"><a href="../../quick-reference/pull-request-rubric/index.html">Pull Request Template</a></li><li class="docs-menu-item"><a href="../../quick-reference/quick-links/index.html">Quick Links</a></li><li class="docs-menu-item"><a href="../../quick-reference/heroku-error-codes/index.html">Heroku Error Codes</a></li><li class="docs-menu-item"><a href="../../quick-reference/topRepos/index.html">Top Repos</a></li><li class="docs-menu-item"><a href="../../quick-reference/psql-setup/index.html">PostgreSQL Setup</a></li><li class="docs-menu-item"><a href="../../quick-reference/understanding-path/index.html">Understanding PATH</a></li><li class="docs-menu-item"><a href="../../quick-reference/Emmet/index.html">Emmet Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../quick-reference/create-react-app/index.html">Getting Started W Create React App</a></li><li class="docs-menu-item"><a href="../../quick-reference/vscode-themes/index.html">vscode-themes</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../react/index.html">React</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../react/ajax-n-apis/index.html">AJAX and APIs</a></li><li class="docs-menu-item"><a href="../../react/createReactApp/index.html">npx-create-react-app</a></li><li class="docs-menu-item"><a href="../../react/cheatsheet/index.html">React Cheat Sheets:</a></li><li class="docs-menu-item"><a href="../../react/demo/index.html">React Class Components Demo</a></li><li class="docs-menu-item"><a href="../../react/jsx/index.html">Introducing JSX</a></li><li class="docs-menu-item"><a href="../../react/dont-use-index-as-keys/index.html">Index as a key is an anti-pattern</a></li><li class="docs-menu-item"><a href="../../react/react-w-api/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../react/quiz/index.html">React Quiz Questions</a></li><li class="docs-menu-item"><a href="../../react/react-patterns-by-usecase/index.html">React Patterns &amp; Use Cases</a></li><li class="docs-menu-item"><a href="../../react/render-elements/index.html">Rendering Elements With React</a></li><li class="docs-menu-item"><a href="../../react/react-docs/index.html">React Docs</a></li><li class="docs-menu-item"><a href="../../react/react2/index.html">Intro To React</a></li><li class="docs-menu-item"><a href="../../react/react-in-depth/index.html">React In Depth</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../reference/index.html">Reference</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../reference/awesome-static/index.html">Awesome Static Site Resources</a></li><li class="docs-menu-item"><a href="../../reference/embed-the-web/index.html">Embed The Web</a></li><li class="docs-menu-item"><a href="../../reference/google-cloud/index.html">Google Cloud</a></li><li class="docs-menu-item"><a href="../../reference/bash-commands/index.html">Bash-Commands</a></li><li class="docs-menu-item"><a href="../../reference/how-to-kill-a-process/index.html">Kill a Process in Linux</a></li><li class="docs-menu-item"><a href="../../reference/how-2-reinstall-npm/index.html">How To Reinstall NPM and Node.js On Your System</a></li><li class="docs-menu-item"><a href="../../reference/installing-node/index.html">Installing Node</a></li><li class="docs-menu-item"><a href="../../reference/intro-to-nodejs/index.html">Intro To NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/notes-template/index.html">Notes Template</a></li><li class="docs-menu-item"><a href="../../reference/markdown-styleguide/index.html">Markdown Lint Styleguide</a></li><li class="docs-menu-item"><a href="../../reference/psql/index.html">Postgresql Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../reference/vscode/index.html">vscode</a></li><li class="docs-menu-item"><a href="../../reference/resources/index.html">Developer Resources</a></li><li class="docs-menu-item"><a href="../../reference/awesome-nodejs/index.html">Awesome NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/github-search/index.html">Github Search</a></li><li class="docs-menu-item"><a href="../../reference/awesome-lists/index.html">Awesome Lists</a></li><li class="docs-menu-item"><a href="../../reference/web-api%27s/index.html">Web Apis</a></li><li class="docs-menu-item"><a href="../../reference/bookmarks/index.html">Web Dev Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tools/index.html">Tools</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tools/dev-utilities/index.html">General Utilities</a></li><li class="docs-menu-item"><a href="../../tools/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../tools/markdown-html/index.html">md and html</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tips/index.html">Tips</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tips/array-methods/index.html">Tips</a></li><li class="docs-menu-item"><a href="../../tips/insert-into-array/index.html">Insert Into Array</a></li><li class="docs-menu-item"><a href="../../tips/sorting-strings/index.html">Sorting Strings</a></li><li class="docs-menu-item"><a href="../../tips/regex-tips/index.html">Regex Tricks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tutorials/index.html">Tutorials</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tutorials/how-to-use-google-sheets-as-cms/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../tutorials/enviorment-setup/index.html">Basic Bash Proficiency</a></li></ul></li></ul></div></div></nav><article class="post type-docs"><div class="post-inside"><header class="post-header"><h1 class="post-title line-left">Sitemap</h1></header><div class="post-content"><h3>204. <a href="https://bgoonz-blog.netlify.app/privacy-policy"><strong>🖥️privacy-policy🌍</strong></a></h3><h3>205. <a href="https://bgoonz-blog.netlify.app/readme"><strong>🖥️readme🌍</strong></a></h3><h3>206. <a href="https://bgoonz-blog.netlify.app/showcase"><strong>🏆showcase🏆</strong></a></h3><h3>207. <a href="https://bgoonz-blog.netlify.app/"><strong>🏠Home🏠</strong></a></h3><hr/><hr/><h3>0. <a href="https://bgoonz-blog.netlify.app/blog/300-react-questions"><strong>🖥️blog/300-react-questions🌍</strong></a></h3><h3>1. <a href="https://bgoonz-blog.netlify.app/blog/awesome-graphql"><strong>🖥️blog/awesome-graphql🌍</strong></a></h3><h3>2. <a href="https://bgoonz-blog.netlify.app/blog/big-o-complexity"><strong>🖥️blog/big-o-complexity🌍</strong></a></h3><h3>3. <a href="https://bgoonz-blog.netlify.app/blog/blog-archive"><strong>🖥️blog/blog-archive🌍</strong></a></h3><h3>4. <a href="https://bgoonz-blog.netlify.app/blog/blogwcomments"><strong>🖥️blog/blogwcomments🌍</strong></a></h3><h3>5. <a href="https://bgoonz-blog.netlify.app/blog/data-structures"><strong>🖥️blog/data-structures🌍</strong></a></h3><h3>6. <a href="https://bgoonz-blog.netlify.app/blog/flow-control-in-python"><strong>🖥️blog/flow-control-in-python🌍</strong></a></h3><h3>7. <a href="https://bgoonz-blog.netlify.app/blog/functions-in-python"><strong>🖥️blog/functions-in-python🌍</strong></a></h3><h3>8. <a href="https://bgoonz-blog.netlify.app/blog/git-gateway"><strong>🖥️blog/git-gateway🌍</strong></a></h3><h3>9. <a href="https://bgoonz-blog.netlify.app/blog/interview-questions-js"><strong>🖥️blog/interview-questions-js🌍</strong></a></h3><h3>10. <a href="https://bgoonz-blog.netlify.app/blog/netlify-cms"><strong>🖥️blog/netlify-cms🌍</strong></a></h3><h3>11. <a href="https://bgoonz-blog.netlify.app/blog/platform-docs"><strong>🖥️blog/platform-docs🌍</strong></a></h3><h3>12. <a href="https://bgoonz-blog.netlify.app/blog/python-for-js-dev"><strong>🖥️blog/python-for-js-dev🌍</strong></a></h3><h3>13. <a href="https://bgoonz-blog.netlify.app/blog/python-resources"><strong>🖥️blog/python-resources🌍</strong></a></h3><h3>14. <a href="https://bgoonz-blog.netlify.app/blog/web-dev-trends"><strong>🖥️blog/web-dev-trends🌍</strong></a></h3><h3>15. <a href="https://bgoonz-blog.netlify.app/blog/web-scraping"><strong>🖥️blog/web-scraping🌍</strong></a></h3><h3>16. <a href="https://bgoonz-blog.netlify.app/blog"><strong>🖥️blog🌍</strong></a></h3><hr/><hr/><h2>DOCS:</h2><h3>17. <a href="../../about/readme/index-2.html"><strong>📖docs/about/README🌍</strong></a></h3><h3>18. <a href="../../about/eng-portfolio/index.html"><strong>📖docs/about/eng-portfolio🌍</strong></a></h3><h3>19. <a href="../../about/intrests.html"><strong>📖docs/about/intrests🌍</strong></a></h3><h3>20. <a href="../../about/job-search/index.html"><strong>📖docs/about/job-search🌍</strong></a></h3><h3>21. <a href="../../about/resume/index.html"><strong>📖docs/about/resume🌍</strong></a></h3><h3>22. <a href="../../about/index.html"><strong>📖docs/about🌍</strong></a></h3><h3>23. <a href="../../articles/basic-web-dev/index.html"><strong>📖docs/articles/basic-web-dev🌍</strong></a></h3><h3>24. <a href="../../articles/buffers/index.html"><strong>📖docs/articles/buffers🌍</strong></a></h3><h3>25. <a href="../../articles/dev-dep/index.html"><strong>📖docs/articles/dev-dep🌍</strong></a></h3><h3>26. <a href="../../articles/event-loop/index.html"><strong>📖docs/articles/event-loop🌍</strong></a></h3><h3>27. <a href="../../articles/fs-module/index.html"><strong>📖docs/articles/fs-module🌍</strong></a></h3><h3>28. <a href="../../articles/how-search-engines-work/index.html"><strong>📖docs/articles/how-search-engines-work🌍</strong></a></h3><h3>29. <a href="../../articles/how-the-web-works/index.html"><strong>📖docs/articles/how-the-web-works🌍</strong></a></h3><h3>30. <a href="../../articles/http/index.html"><strong>📖docs/articles/http🌍</strong></a></h3><h3>31. <a href="../../articles/install/index.html"><strong>📖docs/articles/install🌍</strong></a></h3><h3>32. <a href="../../articles/intro/index.html"><strong>📖docs/articles/intro🌍</strong></a></h3><h3>33. <a href="../../articles/modules/index.html"><strong>📖docs/articles/modules🌍</strong></a></h3><h3>34. <a href="../../articles/nextjs/index.html"><strong>📖docs/articles/nextjs🌍</strong></a></h3><h3>35. <a href="../../articles/node-api-express/index.html"><strong>📖docs/articles/node-api-express🌍</strong></a></h3><h3>36. <a href="../../articles/node-cli-args/index.html"><strong>📖docs/articles/node-cli-args🌍</strong></a></h3><h3>37. <a href="../../articles/node-common-modules/index.html"><strong>📖docs/articles/node-common-modules🌍</strong></a></h3><h3>38. <a href="../../articles/node-env-variables/index.html"><strong>📖docs/articles/node-env-variables🌍</strong></a></h3><h3>39. <a href="../../articles/node-js-language/index.html"><strong>📖docs/articles/node-js-language🌍</strong></a></h3><h3>40. <a href="../../articles/node-package-manager/index.html"><strong>📖docs/articles/node-package-manager🌍</strong></a></h3><h3>41. <a href="../../articles/node-repl/index.html"><strong>📖docs/articles/node-repl🌍</strong></a></h3><h3>42. <a href="../../articles/node-run-cli/index.html"><strong>📖docs/articles/node-run-cli🌍</strong></a></h3><h3>43. <a href="../../articles/nodejs/index.html"><strong>📖docs/articles/nodejs🌍</strong></a></h3><h3>44. <a href="../../articles/nodevsbrowser/index.html"><strong>📖docs/articles/nodevsbrowser🌍</strong></a></h3><h3>45. <a href="../../articles/npm/index.html"><strong>📖docs/articles/npm🌍</strong></a></h3><h3>46. <a href="../../articles/npx/index.html"><strong>📖docs/articles/npx🌍</strong></a></h3><h3>47. <a href="../../articles/os-module/index.html"><strong>📖docs/articles/os-module🌍</strong></a></h3><h3>48. <a href="../../articles/reading-files/index.html"><strong>📖docs/articles/reading-files🌍</strong></a></h3><h3>49. <a href='../../articles/semantic-html/index.html'><strong>📖docs/articles/semantic-html🌍</strong></a></h3><h3>50. <a href="../../articles/semantic/index.html"><strong>📖docs/articles/semantic🌍</strong></a></h3><h3>51. <a href="../../articles/%20%5b__%f0%9f%96%a5%ef%b8%8fthe-uniform-resource-locator-(url).html"><strong>📖docs/articles/the-uniform-resource-locator-(url)🌍</strong></a></h3><h3>52. <a href="../../articles/understanding-firebase/index.html"><strong>📖docs/articles/understanding-firebase🌍</strong></a></h3><h3>53. <a href="../../articles/v8/index.html"><strong>📖docs/articles/v8🌍</strong></a></h3><h3>54. <a href="../../articles/web-standards-checklist/index.html"><strong>📖docs/articles/web-standards-checklist🌍</strong></a></h3><h3>55. <a href="../../articles/webdev-tools/index.html"><strong>📖docs/articles/webdev-tools🌍</strong></a></h3><h3>56. <a href="../../articles/writing-files/index.html"><strong>📖docs/articles/writing-files🌍</strong></a></h3><h3>57. <a href="../../articles/index.html"><strong>📖docs/articles🌍</strong></a></h3><h3>58. <a href="../../audio/audio-feature-extraction/index.html"><strong>📖docs/audio/audio-feature-extraction🌍</strong></a></h3><h3>59. <a href="../../audio/audio/index.html"><strong>📖docs/audio/audio🌍</strong></a></h3><h3>60. <a href="../../audio/dfft/index.html"><strong>📖docs/audio/dfft🌍</strong></a></h3><h3>61. <a href="../../audio/discrete-fft/index.html"><strong>📖docs/audio/discrete-fft🌍</strong></a></h3><h3>62. <a href="../../audio/dtw-python-explained/index.html"><strong>📖docs/audio/dtw-python-explained🌍</strong></a></h3><h3>63. <a href="../../audio/dynamic-time-warping/index.html"><strong>📖docs/audio/dynamic-time-warping🌍</strong></a></h3><h3>64. <a href="../../audio/web-audio-api/index.html"><strong>📖docs/audio/web-audio-api🌍</strong></a></h3><h3>65. <a href="../../audio/index.html"><strong>📖docs/audio🌍</strong></a></h3><h3>66. <a href="../../career/dev-interview/index.html"><strong>📖docs/career/dev-interview🌍</strong></a></h3><h3>67. <a href="../../career/interview-dos-n-donts/index.html"><strong>📖docs/career/interview-dos-n-donts🌍</strong></a></h3><h3>68. <a href="../../career/job-boards/index.html"><strong>📖docs/career/job-boards🌍</strong></a></h3><h3>69. <a href="../../career/index.html"><strong>📖docs/career🌍</strong></a></h3><h3>71. <a href="../../community/bookmarks/index.html"><strong>📖docs/community/bookmarks🌍</strong></a></h3><h3>72. <a href="../../community/video-chat/index.html"><strong>📖docs/community/video-chat🌍</strong></a></h3><h3>73. <a href="../../community/index.html"><strong>📖docs/community🌍</strong></a></h3><h3>74. <a href="../../content/algo/index.html"><strong>📖docs/content/algo🌍</strong></a></h3><h3>75. <a href="../../content/archive/index.html"><strong>📖docs/content/archive🌍</strong></a></h3><h3>76. <a href="../../content/gatsby-queries-mutations/index-2.html"><strong>📖docs/content/gatsby-Queries-Mutations🌍</strong></a></h3><h3>77. <a href="../../content/history-api/index.html"><strong>📖docs/content/history-api🌍</strong></a></h3><h3>78. <a href="../../content/main-projects.html"><strong>📖docs/content/main-projects🌍</strong></a></h3><h3>79. <a href="../../content/trouble-shooting/index.html"><strong>📖docs/content/trouble-shooting🌍</strong></a></h3><h3>80. <a href="../../content/index.html"><strong>📖docs/content🌍</strong></a></h3><h3>81. <a href="../../data-structures/index.html"><strong>📖docs/data-structures🌍</strong></a></h3><h3>82. <a href="../appendix/index.html"><strong>📖docs/docs/appendix🌍</strong></a></h3><h3>83. <a href="../art-of-command-line/index.html"><strong>📖docs/docs/art-of-command-line🌍</strong></a></h3><h3>84. <a href="../bash/index.html"><strong>📖docs/docs/bash🌍</strong></a></h3><h3>85. <a href="../content.html"><strong>📖docs/docs/content🌍</strong></a></h3><h3>86. <a href="../css/index.html"><strong>📖docs/docs/css🌍</strong></a></h3><h3>87. <a href="../data-structures-docs/index.html"><strong>📖docs/docs/data-structures-docs🌍</strong></a></h3><h3>88. <a href="../es-6-features/index.html"><strong>📖docs/docs/es-6-features🌍</strong></a></h3><h3>89. <a href="../git-reference/index.html"><strong>📖docs/docs/git-reference🌍</strong></a></h3><h3>90. <a href="../git-repos/index.html"><strong>📖docs/docs/git-repos🌍</strong></a></h3><h3>91. <a href="../html-spec/index.html"><strong>📖docs/docs/html-spec🌍</strong></a></h3><h3>92. <a href="../markdown/index.html"><strong>📖docs/docs/markdown🌍</strong></a></h3><h3>93. <a href="../no-whiteboarding/index.html"><strong>📖docs/docs/no-whiteboarding🌍</strong></a></h3><h3>94. <a href="../node-docs-complete/index.html"><strong>📖docs/docs/node-docs-complete🌍</strong></a></h3><h3>95. <a href="../node-docs-full/index.html"><strong>📖docs/docs/node-docs-full🌍</strong></a></h3><h3>96. <a href="../regex-in-js/index.html"><strong>📖docs/docs/regex-in-js🌍</strong></a></h3><h3>97. <a href="index.html"><strong>📖docs/docs/sitemap🌍</strong></a></h3><h3>98. <a href="../index.html"><strong>📖docs/docs🌍</strong></a></h3><h3>99. <a href="../../faq/contact/index.html"><strong>📖docs/faq/contact🌍</strong></a></h3><h3>100. <a href="../../faq/plug-ins/index.html"><strong>📖docs/faq/plug-ins🌍</strong></a></h3><h3>101. <a href="../../faq/index.html"><strong>📖docs/faq🌍</strong></a></h3><h3>102. <a href="../../gists/index.html"><strong>📖docs/gists🌍</strong></a></h3><h3>103. <a href="../../interact/callstack-visual/index.html"><strong>📖docs/interact/callstack-visual🌍</strong></a></h3><h3>104. <a href="../../interact/clock/index.html"><strong>📖docs/interact/clock🌍</strong></a></h3><h3>105. <a href="../../interact/jupyter-notebooks/index.html"><strong>📖docs/interact/jupyter-notebooks🌍</strong></a></h3><h3>106. <a href="../../interact/other-sites/index.html"><strong>📖docs/interact/other-sites🌍</strong></a></h3><h3>107. <a href="../../interact/video-chat/index.html"><strong>📖docs/interact/video-chat🌍</strong></a></h3><h3>108. <a href="../../interact/index.html"><strong>📖docs/interact🌍</strong></a></h3><h3>109. <a href="../../interview/job-search-nav/index.html"><strong>📖docs/interview/job-search-nav🌍</strong></a></h3><h3>110. <a href="../../interview/review-concepts/index.html"><strong>📖docs/interview/review-concepts🌍</strong></a></h3><h3>111. <a href="../../interview/index.html"><strong>📖docs/interview🌍</strong></a></h3><h3>112. <a href="../../javascript/arrow-functions/index.html"><strong>📖docs/javascript/arrow-functions🌍</strong></a></h3><h3>113. <a href="../../javascript/asyncjs/index.html"><strong>📖docs/javascript/asyncjs🌍</strong></a></h3><h3>114. <a href="../../javascript/await-keyword/index.html"><strong>📖docs/javascript/await-keyword🌍</strong></a></h3><h3>115. <a href="../../javascript/bigo.html"><strong>📖docs/javascript/bigo🌍</strong></a></h3><h3>116. <a href="../../javascript/clean-code/index.html"><strong>📖docs/javascript/clean-code🌍</strong></a></h3><h3>117. <a href="../../javascript/constructor-functions/index.html"><strong>📖docs/javascript/constructor-functions🌍</strong></a></h3><h3>118. <a href="../../javascript/for-loops/index.html"><strong>📖docs/javascript/for-loops🌍</strong></a></h3><h3>119. <a href="../../javascript/promises/index.html"><strong>📖docs/javascript/promises🌍</strong></a></h3><h3>120. <a href="../../javascript/review/index.html"><strong>📖docs/javascript/review🌍</strong></a></h3><h3>121. <a href="../../javascript/this-is-about-this/index.html"><strong>📖docs/javascript/this-is-about-this🌍</strong></a></h3><h3>122. <a href="../../javascript/index.html"><strong>📖docs/javascript🌍</strong></a></h3><h3>123. <a href="../../leetcode/index.html"><strong>📖docs/leetcode🌍</strong></a></h3><h3>124. <a href="../../privacy-policy/index.html"><strong>📖docs/privacy-policy🌍</strong></a></h3><h3>125. <a href="../../projects/embeded-websites/index.html"><strong>📖docs/projects/embeded-websites🌍</strong></a></h3><h3>126. <a href="../../projects/list-of-projects/index.html"><strong>📖docs/projects/list-of-projects🌍</strong></a></h3><h3>127. <a href="../../projects/mini-projects2/index.html"><strong>📖docs/projects/mini-projects2🌍</strong></a></h3><h3>128. <a href="../../projects/mini-projects/index.html"><strong>📖docs/projects/mini-projects🌍</strong></a></h3><h3>129. <a href="../../projects/my-websites/index.html"><strong>📖docs/projects/my-websites🌍</strong></a></h3><h3>130. <a href="../../projects/index.html"><strong>📖docs/projects🌍</strong></a></h3><h3>131. <a href="../../python/at-length/index.html"><strong>📖docs/python/at-length🌍</strong></a></h3><h3>132. <a href="../../python/cheat-sheet/index.html"><strong>📖docs/python/cheat-sheet🌍</strong></a></h3><h3>133. <a href="../../python/comprehensive-guide/index.html"><strong>📖docs/python/comprehensive-guide🌍</strong></a></h3><h3>134. <a href="../../python/examples/index.html"><strong>📖docs/python/examples🌍</strong></a></h3><h3>135. <a href="../../python/flow-control/index.html"><strong>📖docs/python/flow-control🌍</strong></a></h3><h3>136. <a href="../../python/functions/index.html"><strong>📖docs/python/functions🌍</strong></a></h3><h3>137. <a href="../../python/google-sheets-api/index.html"><strong>📖docs/python/google-sheets-api🌍</strong></a></h3><h3>138. <a href="../../python/intro-for-js-devs/index.html"><strong>📖docs/python/intro-for-js-devs🌍</strong></a></h3><h3>139. <a href="../../python/python-ds/index.html"><strong>📖docs/python/python-ds🌍</strong></a></h3><h3>140. <a href="../../python/snippets/index.html"><strong>📖docs/python/snippets🌍</strong></a></h3><h3>141. <a href="../../python/index.html"><strong>📖docs/python🌍</strong></a></h3><h3>142. <a href="../../quick-reference/emmet/index-2.html"><strong>📖docs/quick-reference/Emmet🌍</strong></a></h3><h3>143. <a href="../../quick-reference/all-emojis/index.html"><strong>📖docs/quick-reference/all-emojis🌍</strong></a></h3><h3>144. <a href="../../quick-reference/create-react-app/index.html"><strong>📖docs/quick-reference/create-react-app🌍</strong></a></h3><h3>145. <a href="../../quick-reference/git-bash/index.html"><strong>📖docs/quick-reference/git-bash🌍</strong></a></h3><h3>146. <a href="../../quick-reference/git-tricks/index.html"><strong>📖docs/quick-reference/git-tricks🌍</strong></a></h3><h3>147. <a href="../../quick-reference/google-firebase/index.html"><strong>📖docs/quick-reference/google-firebase🌍</strong></a></h3><h3>148. <a href="../../quick-reference/heroku-error-codes/index.html"><strong>📖docs/quick-reference/heroku-error-codes🌍</strong></a></h3><h3>149. <a href="../../quick-reference/installation/index.html"><strong>📖docs/quick-reference/installation🌍</strong></a></h3><h3>150. <a href="../../quick-reference/markdown-dropdowns/index.html"><strong>📖docs/quick-reference/markdown-dropdowns🌍</strong></a></h3><h3>151. <a href="../../quick-reference/minifiction/index.html"><strong>📖docs/quick-reference/minifiction🌍</strong></a></h3><h3>152. <a href="../../quick-reference/new-repo-instructions/index.html"><strong>📖docs/quick-reference/new-repo-instructions🌍</strong></a></h3><h3>153. <a href="../../quick-reference/psql-setup/index.html"><strong>📖docs/quick-reference/psql-setup🌍</strong></a></h3><h3>154. <a href="../../quick-reference/pull-request-rubric/index.html"><strong>📖docs/quick-reference/pull-request-rubric🌍</strong></a></h3><h3>155. <a href="../../quick-reference/quick-links/index.html"><strong>📖docs/quick-reference/quick-links🌍</strong></a></h3><h3>156. <a href="../../quick-reference/toprepos/index-2.html"><strong>📖docs/quick-reference/topRepos🌍</strong></a></h3><h3>157. <a href="../../quick-reference/understanding-path/index.html"><strong>📖docs/quick-reference/understanding-path🌍</strong></a></h3><h3>158. <a href="../../quick-reference/vscode-themes/index.html"><strong>📖docs/quick-reference/vscode-themes🌍</strong></a></h3><h3>159. <a href="../../quick-reference/index.html"><strong>📖docs/quick-reference🌍</strong></a></h3><h3>160. <a href="../../react/ajax-n-apis/index.html"><strong>📖docs/react/ajax-n-apis🌍</strong></a></h3><h3>161. <a href="../../react/cheatsheet/index.html"><strong>📖docs/react/cheatsheet🌍</strong></a></h3><h3>162. <a href="../../react/createreactapp/index-2.html"><strong>📖docs/react/createReactApp🌍</strong></a></h3><h3>163. <a href="../../react/demo/index.html"><strong>📖docs/react/demo🌍</strong></a></h3><h3>164. <a href="../../react/dont-use-index-as-keys/index.html"><strong>📖docs/react/dont-use-index-as-keys🌍</strong></a></h3><h3>165. <a href="../../react/jsx/index.html"><strong>📖docs/react/jsx🌍</strong></a></h3><h3>166. <a href="../../react/react-docs/index.html"><strong>📖docs/react/react-docs🌍</strong></a></h3><h3>167. <a href="../../react/react-in-depth/index.html"><strong>📖docs/react/react-in-depth🌍</strong></a></h3><h3>168. <a href="../../react/react2/index.html"><strong>📖docs/react/react2🌍</strong></a></h3><h3>169. <a href="../../react/render-elements/index.html"><strong>📖docs/react/render-elements🌍</strong></a></h3><h3>170. <a href="../../react/index.html"><strong>📖docs/react🌍</strong></a></h3><h3>171. <a href="../../reference/awesome-lists/index.html"><strong>📖docs/reference/awesome-lists🌍</strong></a></h3><h3>172. <a href="../../reference/awesome-nodejs/index.html"><strong>📖docs/reference/awesome-nodejs🌍</strong></a></h3><h3>173. <a href="../../reference/awesome-static/index.html"><strong>📖docs/reference/awesome-static🌍</strong></a></h3><h3>174. <a href="../../reference/bash-commands/index.html"><strong>📖docs/reference/bash-commands🌍</strong></a></h3><h3>175. <a href="../../reference/bookmarks/index.html"><strong>📖docs/reference/bookmarks🌍</strong></a></h3><h3>176. <a href="../../reference/embed-the-web/index.html"><strong>📖docs/reference/embed-the-web🌍</strong></a></h3><h3>177. <a href="../../reference/github-search/index.html"><strong>📖docs/reference/github-search🌍</strong></a></h3><h3>178. <a href="../../reference/google-cloud/index.html"><strong>📖docs/reference/google-cloud🌍</strong></a></h3><h3>179. <a href="../../reference/how-2-reinstall-npm/index.html"><strong>📖docs/reference/how-2-reinstall-npm🌍</strong></a></h3><h3>180. <a href="../../reference/how-to-kill-a-process/index.html"><strong>📖docs/reference/how-to-kill-a-process🌍</strong></a></h3><h3>181. <a href="../../reference/installing-node/index.html"><strong>📖docs/reference/installing-node🌍</strong></a></h3><h3>182. <a href="../../reference/intro-to-nodejs/index.html"><strong>📖docs/reference/intro-to-nodejs🌍</strong></a></h3><h3>183. <a href="../../reference/markdown-styleguide/index.html"><strong>📖docs/reference/markdown-styleguide🌍</strong></a></h3><h3>184. <a href="../../reference/notes-template/index.html"><strong>📖docs/reference/notes-template🌍</strong></a></h3><h3>185. <a href="../../reference/psql/index.html"><strong>📖docs/reference/psql🌍</strong></a></h3><h3>186. <a href="../../reference/resources/index.html"><strong>📖docs/reference/resources🌍</strong></a></h3><h3>187. <a href="../../reference/vscode/index.html"><strong>📖docs/reference/vscode🌍</strong></a></h3><h3>188. <a href="../../reference/web-api%27s/index.html"><strong>📖docs/reference/web-api&#x27;s🌍</strong></a></h3><h3>189. <a href="../../reference/index.html"><strong>📖docs/reference🌍</strong></a></h3><h3>190. <a href="../../search/index.html"><strong>📖docs/search🌍</strong></a></h3><h3>191. <a href="../../sitemap/index.html"><strong>📖docs/sitemap🌍</strong></a></h3><h3>192. <a href="../../tips/array-methods/index.html"><strong>📖docs/tips/array-methods🌍</strong></a></h3><h3>193. <a href="../../tips/insert-into-array/index.html"><strong>📖docs/tips/insert-into-array🌍</strong></a></h3><h3>194. <a href="../../tips/sorting-strings/index.html"><strong>📖docs/tips/sorting-strings🌍</strong></a></h3><h3>195. <a href="../../tips/index.html"><strong>📖docs/tips🌍</strong></a></h3><h3>196. <a href="../../tools/archive/index.html"><strong>📖docs/tools/Archive🌍</strong></a></h3><h3>197. <a href="../../tools/data-structures.html"><strong>📖docs/tools/data-structures🌍</strong></a></h3><h3>198. <a href="../../tools/dev-utilities/index.html"><strong>📖docs/tools/dev-utilities🌍</strong></a></h3><h3>199. <a href='../../tools/markdown-html/index.html'><strong>📖docs/tools/markdown-html🌍</strong></a></h3><h3>200. <a href="../../tools/index.html"><strong>📖docs/tools🌍</strong></a></h3><h3>201. <a href="../../tutorials/enviorment-setup/index.html"><strong>📖docs/tutorials/enviorment-setup🌍</strong></a></h3><h3>202. <a href="../../tutorials/index.html"><strong>📖docs/tutorials🌍</strong></a></h3><h3>203. <a href="https://bgoonz-blog.netlify.app/docs"><strong>🖥️docs🌍</strong></a></h3></div></div></article><nav id="page-nav" class="page-nav"><div id="page-nav-inside" class="page-nav-inside sticky"><h2 class="page-nav-title">Jump to Section</h2><div id="page-nav-link-container"></div></div></nav></div><div id="disqus_thread"></div><div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&amp;g=1&amp;e=1"></div></div></main><footer id="colophon" class="site-footer outer"><div><center><br/><div id="search"> <!-- --> </div><br/><table cellPadding="0" cellSpacing="0" border="0"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><center><table width="95%" cellPadding="0" cellSpacing="0" border="0" style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="left"><a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">index</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="center"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0">sitemap</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="right"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;pid=a">advanced</a></td></tr></tbody></table></center><form style="margin:0px;margin-top:2px" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self"><input type="hidden" name="si" value="14588965"/><input type="hidden" name="pid" value="r"/><input type="hidden" name="n" value="0"/><input type="hidden" name="_charset_" value="true"/><input type="hidden" name="bcd" value="÷"/><input type="text" name="query" size="15"/><input type="submit" value="search"/></form></td></tr><tr><td style="text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:7.5pt;padding-top:4px"><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">search engine</a><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">by<span style="color:transparent">freefind</span></a></td></tr></tbody></table><a class="save2PDF" href="http://pdfcrowd.com/url_to_pdf/?">Save to PDF</a></center><a aria-current="page" class="site-logo" href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></div><div class="inner"><div id="search" class="inner"></div><div class="site-footer-inside"><p class="site-info"><span class="copyright">@bgoonz on almost every platform</span><a href="https://random-static-html-deploys.netlify.app/blm.html" target="_blank" rel="noopener " class="button">BLM</a><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener ">Docs</a><a href="#">lorem-ipsum</a> </p><div class="social-links"><a href="https://twitter.com/bgooonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Twitter</span></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">LinkedIn</span></a><a href="https://github.com/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">GitHub</span></a><a href="https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Youtube</span></a><a href="https://www.instagram.com/bgoonz/?hl=en" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Instagram</span></a><a href="https://dev.to/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">dev.to</span></a><a href="#">lorem-ipsum</a> </div> </div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script src='../../../../d33wubrfki0l68.cloudfront.net/bundles/0233599d4c45be641254dc1947c4cc78b0c22051.js'></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="index.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-50463aa39b84c4d1ec96.js"],"app":["/app-10180cc44b3853f61402.js"],"component---src-templates-advanced-js":["/component---src-templates-advanced-js-6f213d193b5ecf8f0dd1.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-d1d7372de9a72caa6ec8.js"],"component---src-templates-docs-js":["/component---src-templates-docs-js-731339ed0815d7cada90.js"],"component---src-templates-page-js":["/component---src-templates-page-js-dcb6b8bc1563f876e59f.js"],"component---src-templates-post-js":["/component---src-templates-post-js-8dfc6c5f64f9cf30c603.js"]};/*]]>*/</script><script nomodule src='../../../../d33wubrfki0l68.cloudfront.net/js/582b61cb624d3b5bcc6977024571665de2ae7a24/polyfill-50463aa39b84c4d1ec96.js'></script><script async src='../../../../d33wubrfki0l68.cloudfront.net/bundles/a315e5520efecbe9f2dbefdf6e0d24cc6e3a3847.js'></script><input type="button" style="position: fixed;top: 10px;right: 10px;width:80px;color:white;font-weight:bold;background-color:rgba(0, 0, 0, 0.856); border-radius:15px;" value="Go Back" onclick="history.back(-1)" />
+      <?php
+        $url = htmlspecialchars($_SERVER['HTTP_REFERER']);
+        echo "<a href='%24url.html'></a><script src="../../../../widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="609b2d7c71a5dd0016f36326"></script><!-- Go to www.addthis.com/dashboard to customize your tools -->
+<script type="text/javascript" src="../../../../s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60dcec1ece575946"></script><script>
+let div = window.createElement('div');
+div.id('search');
+div.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;bottom: 0px;right: 25%;left: 50 %;';
+let docscontent = window.getElementByClassName('docs-content');
+docscontent.appendChild(div);
+
+let div1 = window.createElement('div');
+div1.id('search');
+div1.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;background:#063;bottom: 0px;right: 25%;left: 50 %;margin-left: -150px';
+let header = window.getElementByClassName('site-header-inside');
+header.appendChild('div1');
+
+</script><!-- Default Statcounter code for 2
+https://bgoonz-blog.netlify.app/ -->
+<script type="text/javascript">
+var sc_project=12702211; 
+var sc_invisible=0; 
+var sc_security="011fbeb6"; 
+var sc_text=3; 
+var scJsHost = "https:///";
+document.write("<sc"+"ript type='text/javascript' src='" +
+scJsHost+
+"statcounter.com/counter/counter.js'></"+"script>");
+</script>
+<noscript><div class="statcounter"><a title="Web Analytics"
+href="https://statcounter.com/" target="_blank"><img
+class="statcounter"
+src="https://c.statcounter.com/12702211/0/011fbeb6/0/"
+alt="Web Analytics"
+referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
+<!-- End of Statcounter Code -->
+<a href="https://statcounter.com/p12702211/?guest=1">View My
+Stats</a><script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>
+          // Get the button:
+          mybutton = document.getElementById("scrollBtn");
+          // When the user scrolls down 20px from the top of the document, show the button
+          window.onscroll = function () {
+            scrollFunction();
+          };
+          function scrollFunction() {
+            if (
+              document.body.scrollTop > 20 ||
+              document.documentElement.scrollTop > 20
+            ) {
+              mybutton.style.display = "block";
+            } else {
+              mybutton.style.display = "none";
+            }
+          }
+          // When the user clicks on the button, scroll to the top of the document
+          function topFunction() {
+            document.body.scrollTop = 0; // For Safari
+            document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+          }
+        </script>
+        <script>
+          window.addEventListener("DOMContentLoaded", (event) => {
+            console.log("DOM fully loaded and parsed");
+            const scrollToTop = () => {
+              const c =
+                document.documentElement.scrollTop || document.body.scrollTop;
+              if (c > 0) {
+                window.requestAnimationFrame(scrollToTop);
+                window.scrollTo(0, c - c / 8);
+              }
+            };
+            scrollToTop();
+          });
+        </script>
+<button id="scrollBtn" title="Go to top" onclick="topFunction()" style="display: block;">
+          Back To Top
+        </button></body></html>
diff --git a/docs/content/html-docs/docs/snippets/index.html b/docs/content/html-docs/docs/snippets/index.html
new file mode 100644
index 0000000000..1867eee09a
--- /dev/null
+++ b/docs/content/html-docs/docs/snippets/index.html
@@ -0,0 +1,1043 @@
+<!DOCTYPE html><html><!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
+<head><style data-href="../../../styles.9ec07c865aac99f55058.css">html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}.font-fira-sans b,.font-fira-sans strong{font-weight:600}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:Lato,Helvetica,Arial,sans-serif;font-size:100%}body{background:#f8f8fa;color:#424b5f;line-height:1.425;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow:scroll}a{color:#00c6ff;text-decoration:underline;transition:color .4s ease-out}a:hover{color:#424b5f}#social-embed{bottom:120px!important;width:100%!important;width:1000px!important;box-shadow:inset 0 5px 3px -10px #000,inset 0 -11px 8px -10px #000;margin:0 auto!important;height:400px!important;overflow:scroll!important;border:1px dotted #000}iframe{overflow-y:scroll;overflow-x:scroll;border-radius:12px;border:1px dotted #000;height:1200px;box-shadow:inset 0 4px 4px -10px #000,inset 0 -11px 8px -10px #000;width:1000px;resize:both!important;overflow:scroll}code{box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}pre{box-shadow:0 1px 4px rgba(184,137,137,.3),inset 0 0 40px rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{color:#283040;font-weight:700;line-height:1.2;margin:1.5em 0 .5em;text-rendering:optimizeLegibility}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}p{margin:0 0 1em}ins,mark{background:#fff7e6;color:#283040;padding:.15em;text-decoration:none}pre{background:#283040;border-radius:3px;color:#f8f8fa;font-size:.875em;line-height:1.5;margin:1.14286em 0;overflow:auto;padding:1.5em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal}pre:first-child{margin-top:0}:not(pre)>code{background:#ecedf2;border-radius:3px;color:#424b5f;font-size:.875rem;padding:.15em;white-space:normal}blockquote{border-left:5px solid #00c6ff;font-size:1.25em;line-height:1.4;margin:1.25em 0;padding:0 0 0 1em}blockquote:first-child{margin-top:0}blockquote p{margin-bottom:.5em}blockquote cite,blockquote small{color:#67758d;display:block;font-size:.75em;font-style:normal;font-weight:400;line-height:1.5;margin-top:.5em}dl{margin:0}dt{font-weight:700}dd,ol,ul{margin:0 0 1em}ul{list-style:disc;padding:0 0 0 1.125em}ol{list-style:decimal;padding:0 0 0 1.5em}li>ol,li>ul{margin-bottom:0}hr{background-color:#dde0e7;border:0;height:1px;margin:1.875em 0}hr:first-child{margin-top:0}img{height:auto;max-width:100%;border-radius:10px}img :not(.site-logo){box-shadow:inset 10px 10px 50px #fff}@media only screen and (min-width:741px){blockquote{font-size:1.5em;line-height:1.3}h1{font-size:2.5em}h2{font-size:2.125em}h3{font-size:1.875em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1.125em}}code[class*=language-],pre[class*=language-]{color:#fff;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em #000;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#141414}pre[class*=language-]{border-radius:.5em;border:.3em solid #545454;box-shadow:inset 1px 1px .5em #000;margin:.5em 0;overflow:auto;padding:1em}pre[class*=language-]::selection{background:#27292a}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:hsla(0,0%,92.9%,.15)}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid #545454;box-shadow:inset 1px 1px .3em -.1em #000;padding:.15em .2em .05em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#777}.token.namespace,.token.punctuation{opacity:.7}.token.boolean,.token.deleted,.token.number,.token.tag{color:#ce6849}.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:#f9ed99}.language-css .token.string,.style .token.string,.token.attr-name,.token.attr-value,.token.char,.token.entity,.token.inserted,.token.operator,.token.string,.token.url,.token.variable{color:#909e6a}.token.atrule{color:#7385a5}.token.important,.token.regex{color:#e8c062}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-markup .token.attr-name,.language-markup .token.punctuation,.language-markup .token.tag{color:#ac885c}.token{position:relative;z-index:1}.line-highlight.line-highlight{background:rgba(84,84,84,.25);background:linear-gradient(90deg,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;margin-top:.75em;z-index:0}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background-color:#8693a6;color:#f4f1ef}/*! @algolia/autocomplete-theme-classic 1.5.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */:root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form[focus-within]{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-Form:focus-within{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:11px;padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:8px;padding-right:var(--aa-spacing-half);width:47px;width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:3px;padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:39px;width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;appearance:none;background:none;border:0;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input:-ms-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::-webkit-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 12.8333333333px;padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 10.1666666667px;padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:4px;border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,-webkit-filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in,-webkit-filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:8px;padding:var(--aa-spacing-half);scrollbar-color:#fff #eaeaea;scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:#eaeaea;background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:#fff;background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid #eaeaea;border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:16px;padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:8px .5em 8px 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 8px 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid #3e34d3;border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:8px;top:var(--aa-spacing-half);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,#fff,rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128,126,163,.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid #3e34d3;border:1px solid rgba(var(--aa-primary-color-rgb),1);color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:40px;min-height:calc(var(--aa-spacing)*2.5);padding:4px;padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179,173,214,.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:#7777a3;color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:28px;height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:28px;width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:20px;max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:20px;max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:8px;padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:36px;padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128,126,163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:8px;margin-left:var(--aa-spacing-half);margin-right:4px;margin-right:calc(var(--aa-spacing-half)/2);width:10px;width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:8px;height:var(--aa-spacing-half);width:8px;width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:#807ea3;color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245,223,77,.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62,52,211,.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 -5.3333333333px;margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:5.3333333333px;margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:#3e34d3;background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:8px 16px;padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:-8px;bottom:calc(var(--aa-spacing-half)*-1);content:"";height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0}.aa-PanelFooter,.aa-PanelHeader:after{z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128,126,163,.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:16px;padding:var(--aa-spacing);position:relative}.aa-PanelFooter:after{background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:16px;height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:-16px;top:calc(var(--aa-spacing)*-1);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:8px 0 8px 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128,126,163,.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:8px;padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 8px;margin:0 0 0 var(--aa-spacing-half);padding:0 8px;padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:8px;padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 5.5px;padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;height:100%;justify-content:center;width:36px;width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115,114,129,.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(hsla(0,0%,100%,0),#fff);background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}.aa-Autocomplete,.aa-DetachedContainer,.aa-Panel{--color-mark:#5468ff;--color-background:#fff;--color-selected:#f5f5fa;--color-text:#23263b;--color-input-icon:#777;--color-source-icon:rgba(80,80,80,0.32);--height:32px;--height-icon:16px;--font-size:16px}.aa-Panel{min-width:350px;z-index:1100;margin-top:2px}.aa-Panel .aa-PanelLayout{padding-top:0;padding-bottom:0;background-color:var(--color-background)}.aa-Panel .aa-PanelLayout .aa-PanelLayoutPreview{border-left:1px solid var(--color-selected)}.aa-Panel .aa-GradientBottom{background-image:none}.aa-Autocomplete .aa-Form,.aa-DetachedFormContainer .aa-Form{height:var(--height);font-size:var(--font-size);padding:0;background-color:var(--color-background)}.aa-Autocomplete .aa-Form:focus-within,.aa-DetachedFormContainer .aa-Form:focus-within{box-shadow:none}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix,.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label svg,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label svg{left:0;vertical-align:middle;color:var(--color-input-icon);width:var(--height-icon)}.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input,.aa-DetachedFormContainer .aa-Form .aa-InputWrapper .aa-Input{height:var(--height);color:var(--color-text)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix{height:var(--height)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-Item{color:var(--color-text)}.aa-Item{padding:2px 0}.aa-Item a{color:inherit;text-decoration:none}.aa-Item[aria-selected=true]{background-color:var(--color-selected)}.aa-Item .aa-ItemContent{display:flex;color:var(--color-text)}.aa-Item .aa-ItemContent mark{color:var(--color-mark);background-color:transparent}.aa-Item .aa-ItemIcon{align-items:baseline;color:var(--color-source-icon);background:none;box-shadow:none;margin:0 var(--aa-spacing-half) 0 2px}.aa-Item .aa-ItemTitle{font-size:14px;font-weight:700;line-height:18px}.aa-Item .aa-ItemHierarchy{font-size:12px;font-style:italic;line-height:18px;opacity:.8;padding:1px 0}.aa-Item .aa-ItemDescription{font-size:12px;line-height:16px;color:#797979}.aa-DetachedContainer{background:var(--color-background)}.aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedCancelButton{color:var(--color-text)}.aa-DetachedOverlay{z-index:10}.aa-DetachedSearchButton{background-color:var(--color-background)}.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon{color:var(--color-input-icon)}.aa-powered-by-link{display:inline-block;width:64px;height:18px;margin-left:4px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODUgMTIwIj48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjNTQ2OEZGIiBkPSJNMTYuOC0xLjAwMWg4OC40YzguNyAwIDE1LjggNy4wNjUgMTUuOCAxNS44djg4LjQwNWMwIDguNy03LjA2NSAxNS43OTUtMTUuOCAxNS43OTVIMTYuOGMtOC43IDAtMTUuOC03LjA2LTE1LjgtMTUuNzk1VjE0Ljc1OWMwLTguNjk1IDcuMDYtMTUuNzYgMTUuOC0xNS43NiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03My41MDUgMjUuNzg4di00LjExNWE1LjIwOSA1LjIwOSAwIDAwLTUuMjEtNS4yMDVINTYuMTVhNS4yMDkgNS4yMDkgMCAwMC01LjIxIDUuMjA1djQuMjI1YzAgLjQ3LjQzNS44LjkxLjY5YTM3Ljk2NiAzNy45NjYgMCAwMTEwLjU3LTEuNDljMy40NjUgMCA2Ljg5NS40NyAxMC4yMSAxLjM4LjQ0LjExLjg3NS0uMjE1Ljg3NS0uNjlNNDAuMjIgMzEuMTczbC0yLjA3NS0yLjA3NWE1LjIwNiA1LjIwNiAwIDAwLTcuMzY1IDBsLTIuNDggMi40NzVhNS4xODUgNS4xODUgMCAwMDAgNy4zNTVsMi4wNCAyLjA0Yy4zMy4zMjUuODA1LjI1IDEuMDk1LS4wNzVhMzkuODc2IDM5Ljg3NiAwIDAxMy45NzUtNC42NiAzNy42OCAzNy42OCAwIDAxNC43LTRjLjM2NC0uMjIuNC0uNzMuMTEtMS4wNm0yMi4xNjQgMTMuMDY1djE3LjhjMCAuNTEuNTUuODc1IDEuMDIuNjJsMTUuODI1LTguMTljLjM2LS4xOC40Ny0uNjIuMjktLjk4LTMuMjgtNS43NTUtOS4zNy05LjY4NS0xNi40MDUtOS45NC0uMzY1IDAtLjczLjI5LS43My42OW0wIDQyLjg4Yy0xMy4xOTUgMC0yMy45MTUtMTAuNzA1LTIzLjkxNS0yMy44OCAwLTEzLjE3NSAxMC43Mi0yMy44NzUgMjMuOTE1LTIzLjg3NSAxMy4yIDAgMjMuOTE2IDEwLjcgMjMuOTE2IDIzLjg3NXMtMTAuNjggMjMuODgtMjMuOTE2IDIzLjg4bTAtNTcuOGMtMTguNzQgMC0zMy45NCAxNS4xOC0zMy45NCAzMy45MiAwIDE4Ljc0NSAxNS4yIDMzLjg5IDMzLjk0IDMzLjg5czMzLjk0LTE1LjE4IDMzLjk0LTMzLjkyNWMwLTE4Ljc0NS0xNS4xNjUtMzMuODg1LTMzLjk0LTMzLjg4NSIvPjxwYXRoIGZpbGw9IiM1NDY4RkYiIGQ9Ik0yNDAuMjE0IDk0LjE3N2MtMjMuMzY1LjExLTIzLjM2NS0xOC44NTUtMjMuMzY1LTIxLjg3NWwtLjA0LTcxLjA0NSAxNC4yNTQtMi4yNnY3MC42MWMwIDEuNzE1IDAgMTIuNTYgOS4xNSAxMi41OTV2MTEuOTc1aC4wMDF6bS01Ny43OC0xMS42MWM0LjM3NCAwIDcuNjItLjI1NSA5Ljg4LS42OVY2Ny4zOTJhMjkuMTk2IDI5LjE5NiAwIDAwLTMuNDMtLjY5NSAzMy43NDIgMzMuNzQyIDAgMDAtNC45NTYtLjM2NWMtMS41NyAwLTMuMTc1LjExLTQuNzc1LjM2NS0xLjYwNS4yMi0zLjA2NS42NTUtNC4zNCAxLjI3NS0xLjI3NS42Mi0yLjMzNSAxLjQ5NS0zLjEgMi42Mi0uOCAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xMTUgMS4yNzUgNC45OTUgMS45MyA4LjYwNiAxLjkzem0tMS4yNC01MS42ODVjNC43IDAgOC42NzQuNTg1IDExLjg4NCAxLjc1IDMuMjA2IDEuMTY1IDUuNzk2IDIuOCA3LjY5IDQuODc1IDEuOTM1IDIuMTEgMy4yNDUgNC45MTUgNC4wNDYgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODZ2MzYuNjJjLTIuMTg1LjQ3LTUuNTA2IDEuMDE1LTkuOTUgMS42Ny00LjQ0Ni42NTUtOS40NC45ODUtMTQuOTg2Ljk4NS0zLjY4IDAtNy4wNy0uMzY1LTEwLjA5NS0xLjA1NS0zLjA2NS0uNjktNS42NS0xLjgyLTcuODQtMy4zODUtMi4xNS0xLjU2NS0zLjgyNS0zLjU3LTUuMDY1LTYuMDQtMS4yMDUtMi40OC0xLjgyNS01Ljk3LTEuODI1LTkuNjEgMC0zLjQ5NS42OS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUzIDUuMDY1LTIuNjIgOC4xNjUtMy4yNzUgMy4xLS42NTUgNi4zNDUtLjk4NSA5LjY5NS0uOTg1IDEuNTcgMCAzLjIxLjExIDQuOTYuMjkgMS43MTUuMTg1IDMuNTc1LjUxNSA1LjU0NS45ODV2LTIuMzNjMC0xLjYzNS0uMTg1LTMuMi0uNTg1LTQuNjU1YTEwLjAxMiAxMC4wMTIgMCAwMC0yLjA0NS0zLjg5NWMtLjk4NS0xLjEzLTIuMjU1LTIuMDA1LTMuODYtMi42Mi0xLjYwNS0uNjItMy42NS0xLjA5NS02LjA5LTEuMDk1LTMuMjggMC02LjI3LjQtOS4wMDUuODc1LTIuNzM1LjQ3LTQuOTk1IDEuMDItNi43MSAxLjYzNWwtMS43MS0xMS42OGMxLjc4NS0uNjIgNC40NDUtMS4yNCA3Ljg3NS0xLjg1NSAzLjQyNS0uNjYgNy4xMS0uOTUgMTEuMDQ1LS45NWguMDAxem0yODEuNTEgNTEuMjg1YzQuMzc1IDAgNy42MTUtLjI1NSA5Ljg3NS0uNjk1di0xNC40OGMtLjgtLjIyLTEuOTMtLjQ3NS0zLjQyNS0uNjk1YTMzLjgxMyAzMy44MTMgMCAwMC00Ljk2LS4zNjVjLTEuNTY1IDAtMy4xNy4xMS00Ljc3NS4zNjUtMS42LjIyLTMuMDYuNjU1LTQuMzM1IDEuMjc1LTEuMjguNjItMi4zMzUgMS40OTUtMy4xIDIuNjItLjgwNSAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xNSAxLjMxIDQuOTk1IDEuOTMgOC42MDUgMS45M3ptLTEuMjA1LTUxLjY0NWM0LjcgMCA4LjY3NC41OCAxMS44ODQgMS43NDUgMy4yMDUgMS4xNjUgNS43OTUgMi44IDcuNjkgNC44NzUgMS44OTUgMi4wNzUgMy4yNDUgNC45MTUgNC4wNDUgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODY1djM2LjYxNWMtMi4xODUuNDctNS41MDUgMS4wMTUtOS45NSAxLjY3NS00LjQ0NS42NTUtOS40NC45OC0xNC45ODUuOTgtMy42OCAwLTcuMDctLjM2NS0xMC4wOTQtMS4wNTUtMy4wNjUtLjY5LTUuNjUtMS44Mi03Ljg0LTMuMzg1LTIuMTUtMS41NjUtMy44MjUtMy41Ny01LjA2NS02LjA0LTEuMjA1LTIuNDc1LTEuODI1LTUuOTctMS44MjUtOS42MSAwLTMuNDk1LjY5NS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUyNSA1LjA2NS0yLjYyIDguMTY1LTMuMjc1IDMuMS0uNjU1IDYuMzQ1LS45OCA5LjctLjk4IDEuNTY1IDAgMy4yMDUuMTEgNC45NTUuMjlzMy41NzUuNTEgNS41NC45ODV2LTIuMzNjMC0xLjY0LS4xOC0zLjIwNS0uNTgtNC42NmE5Ljk3NyA5Ljk3NyAwIDAwLTIuMDQ1LTMuODk1Yy0uOTg1LTEuMTMtMi4yNTUtMi4wMDUtMy44Ni0yLjYyLTEuNjA2LS42Mi0zLjY1LTEuMDktNi4wOS0xLjA5LTMuMjggMC02LjI3LjQtOS4wMDUuODctMi43MzUuNDc1LTQuOTk1IDEuMDItNi43MSAxLjY0bC0xLjcxLTExLjY4NWMxLjc4NS0uNjIgNC40NDUtMS4yMzUgNy44NzUtMS44NTUgMy40MjUtLjYyIDcuMTA1LS45NDUgMTEuMDQ1LS45NDV6bS00Mi44LTYuNzdjNC43NzQgMCA4LjY4LTMuODYgOC42OC04LjYzIDAtNC43NjUtMy44NjYtOC42MjUtOC42OC04LjYyNS00LjgxIDAtOC42NzUgMy44Ni04LjY3NSA4LjYyNSAwIDQuNzcgMy45IDguNjMgOC42NzUgOC42M3ptNy4xOCA3MC40MjVoLTE0LjMyNnYtNjEuNDRsMTQuMzI1LTIuMjU1djYzLjY5NWguMDAxem0tMjUuMTE2IDBjLTIzLjM2NS4xMS0yMy4zNjUtMTguODU1LTIzLjM2NS0yMS44NzVsLS4wNC03MS4wNDUgMTQuMjU1LTIuMjZ2NzAuNjFjMCAxLjcxNSAwIDEyLjU2IDkuMTUgMTIuNTk1djExLjk3NXptLTQ2LjMzNS0zMS40NDVjMC02LjE1NS0xLjM1LTExLjI4NS0zLjk3NC0xNC44NS0yLjYyNS0zLjYwNS02LjMwNS01LjM4NS0xMS4wMS01LjM4NS00LjcgMC04LjM4NiAxLjc4LTExLjAwNiA1LjM4NS0yLjYyNSAzLjYtMy45MDQgOC42OTUtMy45MDQgMTQuODUgMCA2LjIyNSAxLjMxNSAxMC40MDUgMy45NCAxNC4wMSAyLjYyNSAzLjY0IDYuMzA1IDUuNDI1IDExLjAxIDUuNDI1IDQuNyAwIDguMzg1LTEuODIgMTEuMDEtNS40MjUgMi42MjQtMy42NCAzLjkzNC03Ljc4NSAzLjkzNC0xNC4wMXptMTQuNTgtLjAzNWMwIDQuODA1LS42OSA4LjQ0LTIuMTE0IDEyLjQxLTEuNDIgMy45NjUtMy40MjUgNy4zNS02LjAxIDEwLjE1NS0yLjU5IDIuOC01LjY5IDQuOTg1LTkuMzM2IDYuNTE1LTMuNjQ0IDEuNTI1LTkuMjYgMi40LTEyLjA2NSAyLjQtMi44MS0uMDM1LTguMzg1LS44MzUtMTEuOTk1LTIuNC0zLjYxLTEuNTY1LTYuNzEtMy43MTUtOS4yOTUtNi41MTUtMi41OS0yLjgwNS00LjU5NC02LjE5LTYuMDU0LTEwLjE1NS0xLjQ1Ni0zLjk3LTIuMTg1LTcuNjA1LTIuMTg1LTEyLjQxcy42NTQtOS40MyAyLjExNC0xMy4zNmMxLjQ2LTMuOTMgMy41LTcuMjggNi4xMjUtMTAuMDggMi42MjUtMi44MDUgNS43Ni00Ljk1NSA5LjMzLTYuNDggMy42MS0xLjUzIDcuNTg1LTIuMjU1IDExLjg4NS0yLjI1NSA0LjMwNSAwIDguMjc1Ljc2IDExLjkyIDIuMjU1IDMuNjUgMS41MjUgNi43ODYgMy42NzUgOS4zMzYgNi40OCAyLjU4NCAyLjggNC41OSA2LjE1IDYuMDUgMTAuMDggMS41MyAzLjkzIDIuMjk1IDguNTU1IDIuMjk1IDEzLjM2aC0uMDAxem0tMTA3LjI4NCAwYzAgNS45NjUgMS4zMSAxMi41OSAzLjkzNSAxNS4zNTUgMi42MjUgMi43NyA2LjAxNCA0LjE1IDEwLjE3NSA0LjE1IDIuMjYgMCA0LjQxLS4zMjUgNi40MTQtLjk0NSAyLjAwNS0uNjIgMy42MDYtMS4zNSA0Ljg4Ni0yLjIydi0zNS4zNGMtMS4wMi0uMjItNS4yODYtMS4wOTUtOS40MS0xLjItNS4xNzUtLjE1LTkuMTEgMS45NjUtMTEuODggNS4zNDUtMi43MzYgMy4zOS00LjEyIDkuMzItNC4xMiAxNC44NTV6bTM5LjYyNSAyOC4wOTVjMCA5LjcyLTIuNDggMTYuODE1LTcuNDc2IDIxLjMzLTQuOTkgNC41MS0xMi42MSA2Ljc3LTIyLjg5IDYuNzctMy43NTUgMC0xMS41NTUtLjczLTE3Ljc5LTIuMTFsMi4yOTUtMTEuMjg1YzUuMjE1IDEuMDkgMTIuMTA1IDEuMzg1IDE1LjcxNSAxLjM4NSA1LjcyIDAgOS44MDUtMS4xNjUgMTIuMjQ1LTMuNDk1IDIuNDQ1LTIuMzMgMy42NDUtNS43ODUgMy42NDUtMTAuMzc1di0yLjMzYy0xLjQyLjY5LTMuMjggMS4zODUtNS41NzUgMi4xMTUtMi4yOTUuNjktNC45NTUgMS4wNTUtNy45NSAxLjA1NS0zLjkzNSAwLTcuNTEtLjYyLTEwLjc1LTEuODYtMy4yNDUtMS4yMzUtNi4wNTUtMy4wNTUtOC4zNS01LjQ2LTIuMjk1LTIuNC00LjEyLTUuNDItNS4zOTUtOS4wMjUtMS4yNzUtMy42MDUtMS45MzUtMTAuMDQ1LTEuOTM1LTE0Ljc3NSAwLTQuNDQuNjk1LTEwLjAxIDIuMDQ2LTEzLjcyNSAxLjM4NC0zLjcxIDMuMzUtNi45MTUgNi4wMTQtOS41NyAyLjYyNi0yLjY1NSA1LjgzNS00LjY5NSA5LjU5LTYuMTkgMy43NTUtMS40OSA4LjE2LTIuNDM1IDEyLjkzNS0yLjQzNSA0LjYzNSAwIDguOS41OCAxMy4wNTUgMS4yNzUgNC4xNTUuNjkgNy42OSAxLjQxNSAxMC41NyAyLjIxNXY1Ni40OWguMDAxeiIvPjwvZz48L3N2Zz4=);background-repeat:no-repeat;background-size:contain;vertical-align:middle}.aa-powered-by{text-align:right;font-size:12px;color:#969faf;padding:8px 8px 4px 0;font-weight:400}table{border-collapse:collapse;border-spacing:0;line-height:1.5;margin:0;max-width:100%;width:100%}caption,table{text-align:left}caption{color:#67758d;font-size:.875em;font-style:normal;margin-bottom:1em}td,th{border-bottom:1px solid #dde0e7;padding:.5em 5px}th{color:#283040;font-weight:700}:not(.responsive-table)>table{display:block;margin:1.875em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}:not(.responsive-table)>table:first-child{margin-top:0}:not(.responsive-table)>table tbody,:not(.responsive-table)>table thead,:not(.responsive-table)>table tr{width:100%}:not(.responsive-table)>table td{min-width:10em}.responsive-table{display:block;margin:1.875em 0;overflow-x:auto;width:100%}.responsive-table:first-child{margin-top:0}label{color:#283040;font-weight:700;line-height:1.5;margin-bottom:.25em}input[type=checkbox]+label,input[type=radio]+label{font-weight:400;cursor:pointer;padding-left:.25em;padding-right:1em}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#283040;display:block;font-size:1em;font-weight:400;line-height:1.5;max-width:100%;padding:.5em;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}::-webkit-input-placeholder{color:#9aa4b9;opacity:1}:-ms-input-placeholder{color:#9aa4b9;opacity:1}::placeholder{color:#9aa4b9;opacity:1}.form-row{margin-bottom:1em}.form-submit{margin-top:1.66667em}.button{align-items:center;background:#00c6ff;border:0;border-radius:1.75em;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.875em;font-weight:700;justify-content:center;letter-spacing:.035em;line-height:1.2;opacity:1;padding:.9em 2.14285em;text-decoration:none;transition:.3s ease;vertical-align:middle}.button:active,.button:focus,.button:hover{color:#fff;opacity:.8;outline:0}.button-secondary{background:0!important;box-shadow:inset 0 0 0 2px currentColor;color:#00c6ff}.button-secondary:active,.button-secondary:focus,.button-secondary:hover{box-shadow:inset 0 0 0 3px currentColor;color:#00c6ff;opacity:1}.button-icon{background:0!important;border:0;color:inherit;font-size:1em;font-weight:400;letter-spacing:normal;padding:.25em}.button-icon:active,.button-icon:focus,.button-icon:hover{color:#00c6ff;opacity:1}#menu-close,#menu-open,.docs-nav .docs-nav-toggle,.docs-nav .docs-submenu-toggle,.submenu-toggle{background:0;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:block;font-size:inherit;height:30px;padding:0;position:relative;width:30px}#menu-close:active,#menu-close:focus,#menu-close:hover,#menu-open:active,#menu-open:focus,#menu-open:hover,.docs-nav .docs-nav-toggle:active,.docs-nav .docs-nav-toggle:focus,.docs-nav .docs-nav-toggle:hover,.docs-nav .docs-submenu-toggle:active,.docs-nav .docs-submenu-toggle:focus,.docs-nav .docs-submenu-toggle:hover,.submenu-toggle:active,.submenu-toggle:focus,.submenu-toggle:hover{outline:0}.icon{color:inherit;fill:currentColor;flex-shrink:0;height:1em;line-height:1;width:1em}.icon-close,.icon-menu{background:currentColor;border-radius:1px;color:inherit;height:2px;left:50%;margin-top:-1px;margin-left:-12px;position:absolute;top:50%;width:24px}.icon-close:after,.icon-close:before,.icon-menu:after,.icon-menu:before{background:currentColor;border-radius:1px;content:"";height:100%;left:0;position:absolute;width:100%}.icon-menu:before{top:-6px}.icon-menu:after{bottom:-6px}.icon-close{background:0;margin-left:-14px;width:28px}.icon-close:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-close:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-angle-right{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;height:8px;left:50%;margin-left:-4px;margin-top:-4px;position:absolute;top:50%;width:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.docs-nav-toggle .icon-angle-right{height:12px;left:auto;margin-left:0;margin-right:9px;margin-top:-6px;right:0;width:12px}.docs-section-item .icon-angle-right{left:auto;margin-left:0;margin-right:15px;right:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.line-left{position:relative}.line-left:after{background:#00c6ff;display:block;content:"";height:100%;left:-1px;position:absolute;top:0;width:5px}.js-reframe{margin:1.875em 0}.js-reframe:first-child{margin-top:0}.important,.note{border-radius:5px;color:#283040;margin:1.875em 0;padding:1em 1.125em}.important:first-child,.note:first-child{margin-top:0}.note{background:#fff7e6;border-left:5px solid #fcb41d}.important{background:#ffe9e6;border-left:5px solid #fc381d}.has-gradient{background:#00c6ff;background:linear-gradient(90deg,#0072ff,#00c6ff);color:#fff;position:relative}.has-gradient a:not(.button),.has-gradient h1,.has-gradient h2,.has-gradient h3,.has-gradient h4,.has-gradient h5,.has-gradient h6{color:inherit!important}.has-gradient a:not(.button):hover{opacity:.8}.has-gradient .button:not(.button-secondary){background-color:#fff;color:#00c6ff}.has-gradient .button:not(.button-secondary):active,.has-gradient .button:not(.button-secondary):focus,.has-gradient .button:not(.button-secondary):hover{opacity:.85}.has-gradient .button-secondary{color:#fff!important}.has-gradient .inner-sm{position:relative}.bg-img{-webkit-animation:fadeIn20 .75s ease-in-out;animation:fadeIn20 .75s ease-in-out;background-position:50%;background-size:cover;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.grid{display:flex;flex-wrap:wrap;margin-left:-.9375em;margin-right:-.9375em}.grid-item{box-sizing:border-box;padding-left:.9375em;padding-right:.9375em;position:relative;width:100%}.grid-center{justify-content:center}.grid-swap{flex-direction:row-reverse}.grid-middle{align-items:center}@media only screen and (min-width:641px){.grid-col-2 .grid-item{flex:0 0 50%;max-width:50%}}@media only screen and (min-width:761px){.grid-col-3 .grid-item{flex:0 0 33.333%;max-width:33.333%}}@media only screen and (max-width:600px){.grid{margin-left:-1.5vw;margin-right:-1.5vw}.grid-item{padding-left:1.5vw;padding-right:1.5vw}}@-webkit-keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}@keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}.site{display:flex;flex-direction:column;min-height:100vh;position:relative}.site-content{box-sizing:border-box;flex-grow:1;width:100%}.outer{padding-left:150px;padding-right:150px}.inner,.inner-md,.inner-sm{margin-left:auto;margin-right:auto;max-width:95%}.site-header{background:#000;background-image:url(../../../../i.imgur.com/CEYEZp8.jpg);padding-bottom:.4em;padding-top:.2em}.site-header-inside{align-items:center;display:flex}.site-branding{flex:0 1 auto}.site-title{color:#283040;font-size:1.5em;font-weight:700;line-height:1.2;margin:0}.site-logo{margin:0}.site-logo img{max-height:65px}.menu,.submenu{list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-item.current{color:#00c6ff}.menu-item a:not(.button){display:inline-block;font-size:1.1em;line-height:1.5}#masthead a:not(.button){color:inherit;display:inline-block;text-decoration:none}#masthead a:not(.button):hover{color:#00c6ff}#masthead .site-branding a:hover{color:inherit}@media only screen and (min-width:801px){#menu-close,#menu-open{display:none}.site-navigation{margin-left:auto}.menu{align-items:center;display:flex}.menu-item{display:inline-block;margin:0 0 0 1.25em;padding-bottom:.1875em;padding-top:.1875em}.menu-item a{padding-bottom:.5em;padding-top:.5em}.menu-item a.button:not(.button-icon){padding-left:1.25em;padding-right:1.25em}.menu-item.has-children>a{padding-right:18px;position:relative}.menu-item.has-children>a:after{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;content:"";height:6px;position:absolute;right:0;top:50%;width:6px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}.menu-item.has-children>a.button:not(.button-icon){padding-right:2.25em}.menu-item.has-children>a.button:not(.button-icon):after{right:1.25em}.menu-item .submenu-toggle{display:none}.menu-item.has-children:hover>.submenu{opacity:1;transition:margin .3s,opacity .2s;visibility:visible}.submenu{background:#fff;border:4px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);left:0;min-width:180px;opacity:0;padding:.5em 0;position:absolute;text-align:left;top:100%;transition:opacity .2s,visibility 0s .2s;visibility:hidden;width:100%;z-index:99}.submenu .menu-item{display:block;margin:0;padding:0 1em}.submenu a:not(.button-icon){display:block}.submenu a.button:not(.button-icon){margin:.5em 0}}@media only screen and (max-width:800px){.site{overflow:hidden;position:relative}.site-branding{margin-right:.625em}.site-header:after{background:rgba(66,75,95,.6);content:"";left:0;opacity:0;transition:opacity .15s ease-in-out,visibility 0s ease-in-out .15s;z-index:998}.site-header:after,.site-navigation{height:100vh;position:absolute;top:0;visibility:hidden;width:100%}.site-navigation{background:#fff;box-sizing:border-box;margin:0;max-width:360px;-webkit-overflow-scrolling:touch;right:-100%;transition:right .3s ease-in-out,visibility 0s ease-in-out .3s;z-index:999}.site-nav-inside{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.menu--opened .site{height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:997}.menu--opened .site-navigation{right:0;transition:right .3s ease-in-out;visibility:visible}.menu--opened .site-header:after{opacity:1;transition-delay:0s;visibility:visible}.menu{padding:calc(3vw + 2.8125em) 3vw 3em}.submenu{border-top:1px solid #dde0e7;display:none;padding-left:1em}.menu-item{display:block;margin:0}.menu-item:not(.menu-button){border-bottom:1px solid #dde0e7}.menu-item:not(.menu-button):first-child{border-top:1px solid #dde0e7}.menu-item a.button-icon,.menu-item a:not(.button){padding:.75em 0}.menu-item a:not(.button){display:block}.menu-item a.button:not(.button-icon){width:100%}.menu-item.has-children>a{margin-right:2em}.menu-item .menu-item:first-child{border-top:0}.menu-item .menu-item:last-child{border-bottom:0}.menu-item .submenu-toggle{color:#67758d;height:2.8125em;position:absolute;right:0;top:0}.menu-item.active .submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-item.active .submenu{display:block}.menu-button>.button:not(.button-icon){margin-bottom:1.25em;margin-top:1.25em}.menu-button+.menu-button>.button:not(.button-icon){margin-top:0}#menu-open{margin-left:auto}#menu-close{display:block;position:absolute;right:3vw;top:3vw}}.post{margin-bottom:2.5em}.post-feed:last-child,.post-full:last-child{margin-bottom:5em}.has-gradient.page-header,.has-gradient.post-header{padding-bottom:9.5em;padding-top:3.75em;text-align:center}.has-gradient .page-title,.has-gradient .post-title{color:inherit;font-size:2.25em;margin:0}.page-subtitle,.post-subtitle{font-size:1.125em;line-height:1.5;margin:.5em 0 0;position:relative}.post-title a{color:inherit!important;text-decoration:none}.post-thumbnail{border:0;border-radius:5px 5px 0 0;display:block;margin:0}.post-thumbnail img{border-radius:5px 5px 0 0;width:100%}.post-feed,.post-full .post-content{margin-top:-5em;position:relative}.post-feed .post,.post-full .post-content{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.post-full .post-content{padding:2.5em 1.5em}.post-full .post-meta{margin:0 0 .5em}.post-feed .post{padding:0 0 2.5em}.post-feed .post-meta{color:#67758d;font-size:.875em;margin:0 0 .5em;padding-left:1.71428em;padding-right:1.71428em}.post-feed .post-header{margin:0 0 1.25em;padding-top:1.875em}.post-feed .post-title{font-size:1.5em;margin:0;padding-left:1em;padding-right:1em}.post-feed .post-excerpt{margin-bottom:1.25em;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more{margin:0;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more-link{font-weight:700;text-decoration:none}.post-feed .read-more-link:after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}.post-feed .read-more-link:hover{color:#424b5f}@media only screen and (min-width:641px){.has-gradient .page-title,.has-gradient .post-title{font-size:3em}.page-subtitle,.post-subtitle{font-size:1.25em}.post-full .post-meta{font-size:1.125em}.post-feed .post-excerpt,.post-feed .post-meta,.post-feed .post-title,.post-feed .read-more,.post-full .post-content{padding-left:7%;padding-right:7%}}@media only screen and (max-width:1000px){.post{margin-bottom:4vw}}.docs-content{padding-top:2.5em;width:95%}.post-content{width:85%}.post.type-docs{margin-bottom:3.625em}.post.type-docs h1{font-size:1.975em}.post.type-docs h2{font-size:1.6em}.post.type-docs h3{font-size:1.45em}.post.type-docs h4{font-size:1.35em}.post.type-docs h5,.post.type-docs h6{font-size:1.2em}.post.type-docs .hash-link{float:left;font-size:1.25rem;height:1em;line-height:1;margin-left:-1.1em;opacity:0;text-align:center;text-decoration:none;transition:opacity .4s;width:1em}.post.type-docs .hash-link:before{content:"#";display:inline-block}.post.type-docs .hash-link:focus,.post.type-docs .hash-link:hover{color:#00c6ff}.post.type-docs h2 .hash-link{margin-top:.22em}.post.type-docs h3 .hash-link{margin-top:.1em}.post.type-docs h2:focus .hash-link,.post.type-docs h2:hover .hash-link,.post.type-docs h3:focus .hash-link,.post.type-docs h3:hover .hash-link{opacity:1}.post.type-docs .post-inside{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);padding:.3em;width:70vw}.post.type-docs .post-title{font-size:1.875em;margin:0 0 1.25em;padding:0 2em}.post.type-docs .post-content{padding:.975em;word-wrap:break-word}#docs-section-items{display:flex;flex-wrap:wrap;list-style:none;margin-left:-.3125em;margin-right:-.3125em;padding:0}#docs-section-items .docs-section-item{flex:1 1 240px;margin:0 .3125em .9375em}#docs-section-items .docs-item-link{border:1px solid #dde0e7;border-radius:3px;color:#283040;display:block;font-weight:700;padding:.9375em;position:relative;text-decoration:none;transition:border-color .3s ease,color .3s ease}#docs-section-items .docs-item-link:hover{border-color:#00c6ff;color:#00c6ff}.docs-nav{margin-bottom:1.875em}.docs-nav .docs-nav-toggle{color:#283040;font-size:1.125em;margin:0;padding-right:15px;text-align:left}.docs-nav .docs-submenu-toggle{color:#67758d;position:absolute;right:0;top:0}#docs-menu{color:#283040;font-weight:700;line-height:1.5;list-style:none;margin:.7em;padding:0}#docs-menu>.docs-menu-item>a{padding:.3em 0;border-radius:20px;margin:auto}#docs-menu a{color:inherit;display:block;text-decoration:none}#docs-menu .current,#docs-menu .current-parent,#docs-menu a:hover{color:#00c6ff}.docs-submenu{border-left:1px solid #dde0e7;color:#424b5f;display:none;font-size:1;font-weight:400;list-style:none;margin-top:.625rem;padding-left:1rem}.docs-menu-item{color:inherit;margin-bottom:.625rem}.docs-menu-item.has-children{padding-right:20px;position:relative}.docs-menu-item.has-children.active .docs-submenu{display:block}.docs-menu-item.has-children.active>.docs-submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#page-nav{text-overflow:wrap}#page-nav .page-nav-title{font-size:1em;margin:0 0 .625em}#page-nav ul{font-size:.875rem;line-height:1.5;list-style:none;padding:0}#page-nav ul ul{border-left:1px solid #dde0e7;margin-top:.625rem;padding-left:1.25rem}#page-nav li{margin-bottom:.625rem}#page-nav li.active>a{color:#00c6ff}#page-nav a{color:#424b5f;display:block;text-decoration:none}#page-nav a:hover{color:#00c6ff}#page-nav .page-nav-title:only-child{display:none}@media only screen and (min-width:1200px){.post.type-docs .post-content,.post.type-docs .post-title{padding-left:8%;padding-right:7%}}@media only screen and (min-width:1200px){.docs-content{display:flex;padding-top:4em;width:100%}.post.type-docs{-ms-flex:1 1 auto;align-content:center}.docs-nav,.page-nav{-ms-flex-negative:0;margin-bottom:5.625em}.docs-nav .sticky,.page-nav .sticky{position:-webkit-sticky;position:sticky;top:1.875em}.docs-nav{width:8.5em}#page-nav{font-size:12px;margin:4em}#docs-nav-toggle{display:none}}@media only screen and (min-width:1091px){#page-nav{display:block}}@media only screen and (max-width:800px){.docs-nav{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;margin-bottom:5%;padding:1em}.docs-nav-menu{display:none}.docs-menu--opened .docs-nav-menu{display:block}.docs-menu--opened .docs-nav-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#docs-menu{border-top:1px solid #dde0e7;margin-top:1.25em;padding-top:1.25em}}.block{padding-top:3.75em}.block:not(.block-hero){background:#f8f8fa}.block:last-child{padding-bottom:3.75em}.block-header,.block-image{margin-bottom:1.5em}.block-title{margin:0}.block-subtitle{color:#67758d;line-height:1.5;margin-bottom:0}.block-subtitle:not(:first-child){margin-top:.5em}.block-buttons,.grid-item-buttons{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:.9375em}.block-buttons a,.grid-item-buttons a{font-weight:700;text-decoration:none}.block-buttons{justify-content:center}.block-buttons a{margin:0 .375em .75em}.grid-item-buttons a{margin:0 .75em .75em 0}.has-gradient .block-subtitle{color:inherit}.block-hero .block-buttons:not(:first-child),.block-text .block-buttons:not(:first-child){margin-top:1.875em}.block-text .grid-item{max-width:680px;text-align:center}.block-text .block-title{font-size:1.875em}@media only screen and (min-width:641px){.block-text .block-content{font-size:1.125em}.block-text .block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-text .grid-item:not(:only-child){flex:0 0 50%;max-width:50%}.block-body:not(:only-child){text-align:left}.block-body:not(:only-child) .block-buttons{justify-content:flex-start}.block-body:not(:only-child) .block-buttons a{margin-left:0;margin-right:.75em}}@media only screen and (min-width:1001px){.block-image:not(:only-child){padding-right:2.5em}.grid-swap .block-image:not(:only-child){padding-left:2.5em;padding-right:.9375em}}.block-cta .has-gradient{border-radius:5px;margin-bottom:1.875em;padding:3.75em 3vw 1.875em}.block-cta .block-header{max-width:680px;text-align:center}.block-cta .block-title{font-size:1.875em}.block-cta .block-subtitle{font-size:1.125em}@media only screen and (min-width:641px){.block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-cta .has-gradient{padding-left:7%;padding-right:7%}.block-cta .block-header{flex:0 0 66.666%;max-width:66.666%;text-align:left}.block-cta .block-buttons{flex:0 0 33.333%;margin-top:0;max-width:33.333%}}.block-hero+.block-grid:not(.has-header){background:0;padding-top:0}.block-grid .block-header{margin-bottom:2em;text-align:center}.block-grid .block-title{font-size:1.875em}.block-grid .grid-item{display:flex;flex-direction:column;margin-bottom:1.875em}.grid-item-inside{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;flex-grow:1;padding-bottom:.75em}.grid-item-image{display:block;width:100%}.grid-item-image,.grid-item-image img{border-radius:3px 3px 0 0}.grid-item-title{font-size:1.5em;margin:1em 0 .5em;padding-left:1em;padding-right:1em}.grid-item-title:first-child{margin-top:1.25em}.grid-item-title a{color:inherit!important;text-decoration:none}.grid-item-buttons,.grid-item-content{padding-left:1.5em;padding-right:1.5em}.grid-item-content{margin-bottom:1.25em}.grid-item-buttons a:not(.button):after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}@media only screen and (max-width:1000px){.block-grid .grid-item{margin-bottom:4vw}}.block-hero{padding-bottom:7.5em;position:relative;text-align:center}.block-hero .block-header{margin-bottom:.75em}.block-hero .block-title{font-size:2.25em}.block-hero .block-content{font-size:1.125em;line-height:1.5}.block-hero+.block{margin-top:-5em;position:relative}@media only screen and (min-width:641px){.block-hero .block-title{font-size:3em}.block-hero .block-content{font-size:1.25em}.block-hero .block-buttons a{font-size:1em}}.site-footer{background-color:#000;background-image:url(https://i.imgur.com/CEYEZp8.jpeg);padding-bottom:7.5em;padding-top:8.5em;color:#fff!important;border:4px solid #000}#colophon a:not(.button){color:inherit}#colophon a:not(.button):focus,#colophon a:not(.button):hover{color:#00c6ff}.site-info,.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;font-size:.675em;line-height:1.2}.site-info .button:not(.button-icon),.social-links .button:not(.button-icon){font-size:inherit;line-height:1.2;padding:.3em 1em}.site-info{margin:.25em 0 0;text-align:center}.site-info .copyright,.site-info>a{margin:0 4px .2em 0}.social-links{margin-top:.5375em}.social-links a{margin:0 50px .2em}.social-links .icon{font-size:20px;color:#000;background-color:#000}@media only screen and (min-width:641px){.site-footer-inside{align-items:flex-start;display:flex}.site-info{text-align:left}.site-info,.social-links{justify-content:flex-start}.social-links{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;margin-top:0}.social-links a{margin-left:20px;margin-right:0}}.palette-green a:not(.button){color:#20c86e}.palette-green a:not(.button):hover{color:#424b5f}.palette-green blockquote{border-color:#20c86e}.palette-green .button,.palette-green .line-left:after{background:#20c86e}.palette-green .has-gradient{background:#20c86e;background:linear-gradient(90deg,#1ba65b,#20c86e)}.palette-green #colophon a:not(.button):hover,.palette-green #docs-menu .current,.palette-green #docs-menu .current-parent,.palette-green #docs-menu a:hover,.palette-green #masthead a:not(.button):hover,.palette-green #page-nav a:hover,.palette-green #page-nav li.active>a,.palette-green .button-icon:active,.palette-green .button-icon:focus,.palette-green .button-icon:hover,.palette-green .button-secondary,.palette-green .has-gradient .button:not(.button-secondary),.palette-green .menu-item.current,.palette-green .post.type-docs .hash-link:focus,.palette-green .post.type-docs .hash-link:hover{color:#20c86e}.palette-green #docs-section-items .docs-item-link:hover{border-color:#20c86e;color:#20c86e}.palette-navy a:not(.button){color:#004e92}.palette-navy a:not(.button):hover{color:#424b5f}.palette-navy blockquote{border-color:#004e92}.palette-navy .button,.palette-navy .line-left:after{background:#004e92}.palette-navy .has-gradient{background:#004e92;background:linear-gradient(90deg,#000428,#004e92)}.palette-navy #colophon a:not(.button):hover,.palette-navy #docs-menu .current,.palette-navy #docs-menu .current-parent,.palette-navy #docs-menu a:hover,.palette-navy #masthead a:not(.button):hover,.palette-navy #page-nav a:hover,.palette-navy #page-nav li.active>a,.palette-navy .button-icon:active,.palette-navy .button-icon:focus,.palette-navy .button-icon:hover,.palette-navy .button-secondary,.palette-navy .has-gradient .button:not(.button-secondary),.palette-navy .menu-item.current,.palette-navy .post.type-docs .hash-link:focus,.palette-navy .post.type-docs .hash-link:hover{color:#004e92}.palette-navy #docs-section-items .docs-item-link:hover{border-color:#004e92;color:#004e92}.palette-violet a:not(.button){color:#8e2de2}.palette-violet a:not(.button):hover{color:#424b5f}.palette-violet blockquote{border-color:#8e2de2}.palette-violet .button,.palette-violet .line-left:after{background:#8e2de2}.palette-violet .has-gradient{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2)}.palette-violet #colophon a:not(.button):hover,.palette-violet #docs-menu .current,.palette-violet #docs-menu .current-parent,.palette-violet #docs-menu a:hover,.palette-violet #masthead a:not(.button):hover,.palette-violet #page-nav a:hover,.palette-violet #page-nav li.active>a,.palette-violet .button-icon:active,.palette-violet .button-icon:focus,.palette-violet .button-icon:hover,.palette-violet .button-secondary,.palette-violet .has-gradient .button:not(.button-secondary),.palette-violet .menu-item.current,.palette-violet .post.type-docs .hash-link:focus,.palette-violet .post.type-docs .hash-link:hover{color:#8e2de2}.palette-violet #docs-section-items .docs-item-link:hover{border-color:#8e2de2;color:#8e2de2}</style><meta name="generator" content="Gatsby 2.25.4"/><title data-react-helmet="true">Useful Snippets | webdevhub</title><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet"/><link data-react-helmet="true" rel="icon" href="../../../images/favicon-750d4390.png"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"/><meta data-react-helmet="true" name="description" content=""/><meta data-react-helmet="true" name="robots" content=""/><link as="script" rel="preload" href="./../../webpack-runtime-e0d945bfc04076092229.js"/><link as="script" rel="preload" href="./../../framework-e132d18971612bcf60f3.js"/><link as="script" rel="preload" href="./../../dc6a8720040df98778fe970bf6c000a41750d3ae-8ef9d1d2adaff6ba0f59.js"/><link as="script" rel="preload" href="./../../app-10180cc44b3853f61402.js"/><link as="script" rel="preload" href="./../../styles-7d4153d260c0197f0043.js"/><link as="script" rel="preload" href="./../../29107295-e9457ed2135dcbbf6ce8.js"/><link as="script" rel="preload" href="./../../commons-5965a56c7b6ef2e118ee.js"/><link as="script" rel="preload" href="./../../component---src-templates-docs-js-731339ed0815d7cada90.js"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/docs/docs/snippets/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/app-data.json" crossorigin="anonymous"/><script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'../../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5S5XXNR');</script>
+<!-- End Google Tag Manager -->
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S5XXNR"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+<meta name="google-site-verification" content="W6SJ3S45yhnjzV6ISUMCTXl_QVX5woQZ7jO3bsahONQ" />
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-4W5MG3DG4T"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-4W5MG3DG4T');
+</script>
+
+<script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script><style>blockquote,
+body,
+dd,
+dl,
+figcaption,
+figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+li,
+ol[class],
+p,
+ul[class] {
+  margin: 0
+}
+
+body {
+  min-height: 110vh;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
+  line-height: 1.6
+}
+
+
+
+
+
+article>*+* {
+  margin-top: 1em
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit
+}
+
+@media(prefers-reduced-motion:reduce) {
+  * {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+    scroll-behavior: auto !important
+  }
+}
+
+html {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: arial, x-locale-body, sans-serif;
+  letter-spacing: -.0027777778rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 100%;
+  line-height: 1.75
+}
+
+img {
+  height: auto
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.0beac26b.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.72026b3c.woff) format("woff")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.ce3a756d.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.7e4c05c9.woff) format("woff")
+}
+
+h1,
+h2,
+h3 {
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  line-height: 1.2
+}
+
+h1 {
+  font-size: 1.802rem
+}
+
+@media (min-width:47.9385em) {
+  h1 {
+    font-size: 3.052rem
+  }
+}
+
+h2 {
+  font-size: 1.602rem
+}
+
+@media (min-width:47.9385em) {
+  h2 {
+    font-size: 2.441rem
+  }
+}
+
+h3 {
+  font-size: 1.424rem;
+
+
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  max-width: -webkit-max-content;
+  max-width: -moz-max-content;
+  max-width: max-content;
+  padding: 0 6px;
+  margin: 24px 0
+}
+
+@media (min-width:47.9385em) {
+  h3 {
+    font-size: 1.953rem
+  }
+}
+
+h4 {
+  font-size: 1.266rem
+}
+
+@media (min-width:47.9385em) {
+  h4 {
+    font-size: 1.563rem
+  }
+}
+
+h5 {
+  font-size: 1.125rem
+}
+
+@media (min-width:47.9385em) {
+  h5 {
+    font-size: 1.25rem
+  }
+}
+
+p {
+  margin-bottom: 24px
+}
+
+a:link,
+a:visited {
+
+  text-decoration: none
+}
+
+a:link:active,
+a:link:focus,
+a:link:hover,
+a:visited:active,
+a:visited:focus,
+a:visited:hover {
+  text-decoration: underline
+}
+
+blockquote {
+  max-width: 45rem;
+  max-width: 85ch;
+  font-size: 1.125rem;
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  margin-bottom: 24px
+}
+
+@media (min-width:47.9385em) {
+  blockquote {
+    font-size: 1.25rem
+  }
+}
+
+blockquote:after,
+blockquote:before {
+  background-image: linear-gradient(90deg, #00356a, #83d0f2);
+  content: "";
+  display: block;
+  height: 5px;
+  margin-bottom: 12px
+}
+
+blockquote:after {
+  margin-top: 12px
+}
+
+blockquote p:last-of-type {
+  margin-bottom: 0
+}
+
+a {
+
+  text-decoration: none
+}
+
+a:focus,
+a:hover {
+  text-decoration: underline
+}
+
+a code {
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none
+}
+
+
+dl dt {
+  font-weight: 700
+}
+
+dl dd {
+  margin: 0 24px 24px
+}
+
+
+
+</style><meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU" />
+<meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="apple-touch-icon" href="logo-circle.html">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="Content-Type" content="HTML">
+  <meta name="Author" content="Bryan Guner">
+  <meta name="keywords" content="HTML, Meta Tags, Metadata">
+  <meta name="description" content="Learning about Web Development.">
+  <link type="image/x-icon" href="favicon.html" rel="shortcut icon">
+  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@bgoonz">
+  <meta name="twitter:creator" content="@bgoonz">
+  <meta name="twitter:image:src" content="/logo-circle.png">
+  <meta name="twitter:title" content="Web Development Resource Hub Bryan Guner">
+  <meta name="twitter:description" content="The new home of my blog resource sharing website.">
+<meta property="twitter:card" content="summary_large_image">
+  <link
+    href="../../../../instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png"
+    rel="apple-touch-icon">
+  <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet">
+<meta property="og:image" content="https://mugshotbot.com/m/DROicc16"><script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","../../../../chimpstatic.com/mcjs-connected/js/users/a41d8352dc1deaf4533662699/28d2370bb66d456a5d6411971.js");</script><script src="../../../../cdn.jsdelivr.net/npm/%40popperjs/core%402.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
+<script src="../../../../cdn.jsdelivr.net/npm/bootstrap%405.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script><!-- Insert makerbadge.js (download or use ☁️cloud version) -->
+
+<script type="text/javascript" src="../../../../makerbadge.s3.amazonaws.com/blmbadge.js"></script>
+
+<!-- Initialise MakerBadge with options -->
+
+<script>
+  BLMBadge.init({
+       layout:1,
+       theme:'dark',
+       promoText : 'Send a donation '+String.fromCodePoint(0x2192),
+       promoLink : 'https://minnesotafreedomfund.org/',
+       message : 'To be silent is to be complicit. Black lives matter.',
+       title : '#BlackLivesMatter',
+       imageAlt: "Black Lives Matter Badge"
+})
+</script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script>
+
+
+<script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>"use strict";
+
+!function() {
+    var t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYxZTQzZmFlY2I2NjkwNWMyZGJkMGVmZCIsInRva2VuVHlwZSI6InB1YmxpYyIsImlhdCI6MTY0MjM0ODUyNiwiZXhwIjoxNDI1Njc0ODUyNn0.VD7Lxgh5cWuOzOhV9KH51TZVdPVXvsIJgRUx-oacfVM";
+    function e() {
+        var e = document.createElement("script"), a = navigator.language || navigator.userLanguage;
+        e.type = "text/javascript", e.async = !0, e.src = "https://api.searchbar.org/v1/widget/" + t + "/" + a;
+        var n = document.getElementsByTagName("script")[0];
+        n.parentNode.insertBefore(e, n);
+    }
+    "complete" === document.readyState ? e() : window.attachEvent ? window.attachEvent("onload", e) : window.addEventListener("load", e, !1);
+}();</script><style>
+		@font-face {
+            font-family: font-sb;
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784);
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');
+            font-weight: 400;
+            font-style: normal
+        }
+
+        #sb-search-example p {
+            font-family: sans-serif;
+            font-size: 18px;
+            line-height: 12px;
+	        margin: 0;
+        }
+
+        #sb-search-example {
+            position: static;
+            bottom: 0;
+            width: auto;
+            place-content: center;
+            display: inline-block;
+            box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);
+            border: solid 5px white;
+            border-radius: 100px;
+            flex-shrink: initial;
+            flex-grow: initial;
+        }
+
+
+        #sb-search-example .sb-icon {
+            font: normal normal 400 26px font-sb;
+            align-items: center;
+            padding: 10px;
+            speak: none;
+            display: inline-block;
+            text-decoration: inherit;
+            text-align: center;
+            text-transform: none;
+            cursor: pointer;
+            margin: 0;
+        }
+
+        #sb-search-example .sb-search-icon {
+            box-sizing: border-box;
+            border: 0px;
+            align-items: center;
+            background: #007cff;
+            color: #fff;
+            cursor: pointer;
+            display: flex;
+            border-radius: 26px;
+            padding: 0 20px 0 4px;
+        }
+	</style><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><style>
+#scrollBtn {
+  display: none;
+  position: fixed;
+  bottom: 140px;
+  right: 20px;
+  z-index: 99;
+  border: 1px black solid;
+  outline: none;
+  background-color: #044274;
+  color: white;
+  cursor: pointer;
+  padding: 5px;
+  border-radius: 28px;
+  font-size: 12px;
+}
+
+#scrollBtn:hover {
+  background-color: #ffffff;
+color:#000000;
+}
+
+</style><style>
+a {
+  text-decoration: none;
+  color: #007edf;
+  text-shadow: none;
+
+  transition: color 0.5s ease;
+  transition: text-shadow 0.5s ease;
+  -webkit-transition: color 0.5s ease;
+  -webkit-transition: text-shadow 0.5s ease;
+  -moz-transition: color 0.5s ease;
+  -moz-transition: text-shadow 0.5s ease;
+  -o-transition: color 0.5s ease;
+  -o-transition: text-shadow 0.5s ease;
+  -ms-transition: color 0.5s ease;
+  -ms-transition: text-shadow 0.5s ease;
+}
+a:hover, a:focus {text-decoration: underline;}
+
+footer a {
+  color: #F2F2F2;
+  text-decoration: underline;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+pre {
+  width: 100%;
+  padding: 10px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+  overflow: auto;
+}
+
+code {
+  padding: 3px;
+  margin: 0 3px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
+pre code {
+  display: block;
+  box-shadow: none;
+}
+
+blockquote {
+  color: #666;
+  margin-bottom: 20px;
+  padding: 0 0 0 20px;
+  border-left: 3px solid #bbb;
+}
+</style></head><body class="palette-navy"><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="page" class="site"><header id="masthead" class="site-header outer"><br/><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-logo"><a href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></p></div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item has-children menu-button"><a class="button" href="../../sitemap/index.html">Navigation</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Docs</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/showcase">Showcase</a></li><li class="menu-item menu-button"><a class="button" href="../../faq/contact/index.html">Contact!</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../python/python-ds/index.html">Python</a></li><li class="menu-item menu-button"><a class="button" href="../../javascript/index.html">JavaScript</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/">Blog</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz.blogspot.com/" target="_blank" rel="noopener " class="button">Blog-Post-Archive</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/platform-docs/">platform docs</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../articles/nodejs/index.html">nodejs</a></li><li class="menu-item menu-button"><a href="https://blog-w-comments.vercel.app/" target="_blank" rel="noopener " class="button">Blog with Comments</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../interview/job-search-nav/index.html">Job Search</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/interview/job-boards">Job Boards</a></li><li class="menu-item"><a href="#">lorem-ipsum</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../tools/archive/index.html">Archive</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Learning-Assets" target="_blank" rel="noopener " class="button">Resource-Archive-Server</a></li><li class="menu-item menu-button"><a href="https://lambda-resources.netlify.app/" class="button">Bootcamp Resources</a></li><li class="menu-item menu-button"><a href="https://web-dev-resource-hub.netlify.app/" target="_blank" rel="noopener " class="button">OG-Blog</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Top Repos</a></li><li class="menu-item menu-button"><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener " class="button">MY_DOCS</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../projects/index.html">Projects</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">Potluck Planner</a></li><li class="menu-item menu-button"><a href="https://meditate42app.netlify.app/" target="_blank" rel="noopener " class="button">Meditation App</a></li><li class="menu-item menu-button"><a href="https://search-awesome.vercel.app/" target="_blank" rel="noopener " class="button">SearchAwesome</a></li><li class="menu-item menu-button"><a href="https://bg-portfolio.netlify.app/" target="_blank" rel="noopener " class="button">Condensed -Portfolio</a></li><li class="menu-item menu-button"><a href="https://a.familypromiseservicetracker.dev/" target="_blank" rel="noopener " class="button">Family Promise Tracker</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering" class="button">DTW-Guitar-FX-Automation</a></li><li class="menu-item menu-button"><a href="https://friendly-panda-b61ab.netlify.app/" class="button">Embeds Blog</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">alt-blogs</a></li><li class="menu-item menu-button"><a href="https://bgoonz-games.netlify.app/" class="button">Games</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" target="_blank" rel="noopener " class="button">Blog Backup</a></li><li class="menu-item menu-button"><a href="https://bgoonz-cv.netlify.app/" class="button">Cover Letter</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Centric</a></li><li class="menu-item menu-button"><a href="https://web-dev-hub.com/" target="_blank" rel="noopener " class="button">Wordpress Blog</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Portfolio Gallery</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/github-stats-website/" class="button">github-stats-website</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../tools/index.html">Tools</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://githtmlpreview.netlify.app/" target="_blank" rel="noopener " class="button">Github HTML Previewer</a></li><li class="menu-item menu-button"><a href="https://devtools42.netlify.app/" target="_blank" rel="noopener " class="button">Text Tools</a></li><li class="menu-item menu-button"><a href="https://ternary42.netlify.app/" target="_blank" rel="noopener " class="button">Ternary 2 If Else</a></li><li class="menu-item menu-button"><a href="https://determined-dijkstra-ee7390.netlify.app/" target="_blank" rel="noopener " class="button">Job Search Resources</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/web-dev-setup-checker" target="_blank" rel="noopener " class="button">Setup Checker</a></li><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">PotluckPlanner</a></li><li class="menu-item menu-button"><a href="https://web-dev-interview-prep-quiz-website.netlify.app/" class="button">WebDev Quizzes</a></li><li class="menu-item menu-button"><a href="https://github.com/search/advanced" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Github-Advanced-Search</span></a></li></ul></li></ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button></div></div><div><div id="sb-search-example"><div class="sb-search-icon" id="myCustomSearchButtonID"><i class="sb-icon"></i><p>Search</p></div></div><a class="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github"><svg aria-hidden="true" width="40" height="40" viewBox="0 0 250 250" style="z-index:100000;fill:black;color:#fff;position:fixed;top:0px;border:0;left:0px;transform:scale(-1.5, 1.5)"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="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="transform-origin:130px 106px"></path><path class="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><main id="content" class="site-content"><div class="inner outer"><div class="docs-content"><nav id="docs-nav" class="docs-nav"><div id="docs-nav-inside" class="docs-nav-inside sticky"><button id="docs-nav-toggle" class="docs-nav-toggle">Navigate Docs<span class="icon-angle-right" aria-hidden="true"></span></button><div class="docs-nav-menu"><ul id="docs-menu" class="docs-menu"><li class="docs-menu-item"><a href="../../index.html">Docs</a></li><li class="docs-menu-item has-children"><a href="../../about/index.html">About</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../about/README/index.html">readme</a></li><li class="docs-menu-item"><a href="../../about/eng-portfolio/index.html">Engineering Portfolio</a></li><li class="docs-menu-item"><a href="../../about/resume/index.html">Resume</a></li><li class="docs-menu-item"><a href="../../about/youtube/index.html">Youtube</a></li><li class="docs-menu-item"><a href="../../about/job-search/index.html">Job Search</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../articles/index.html">Articles</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../articles/how-the-web-works/index.html">How The Web Works</a></li><li class="docs-menu-item"><a href="../../articles/http/index.html">The HTTP Protocol</a></li><li class="docs-menu-item"><a href="../../articles/nextjs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../articles/node-cli-args/index.html">where-is-npm-pack</a></li><li class="docs-menu-item"><a href="../../articles/node-env-variables/index.html">Node Export Module</a></li><li class="docs-menu-item"><a href="../../articles/node-common-modules/index.html">Common Modules</a></li><li class="docs-menu-item"><a href="../../articles/node-repl/index.html">The-package-lock.json-file</a></li><li class="docs-menu-item"><a href="../../articles/node-js-language/index.html">packagejson</a></li><li class="docs-menu-item"><a href="../../articles/node-package-manager/index.html">Sorting Algorithms</a></li><li class="docs-menu-item"><a href="../../articles/node-run-cli/index.html">node-cli-args</a></li><li class="docs-menu-item"><a href="../../articles/npm/index.html">Introduction to npm</a></li><li class="docs-menu-item"><a href="../../articles/the-uniform-resource-locator-(url)/index.html">The Uniform Resource Locator (URL)</a></li><li class="docs-menu-item"><a href="../../articles/v8/index.html">npm global or local packages</a></li><li class="docs-menu-item"><a href="../../articles/semantic-html/index.html">Web Design</a></li><li class="docs-menu-item"><a href="../../articles/web-standards-checklist/index.html">Web Standards Checklist</a></li><li class="docs-menu-item"><a href="../../articles/understanding-firebase/index.html">Firebase</a></li><li class="docs-menu-item"><a href="../../articles/webdev-tools/index.html">Web Developer Tools</a></li><li class="docs-menu-item"><a href="../../articles/buffers/index.html">Node Buffers</a></li><li class="docs-menu-item"><a href="../../articles/dev-dep/index.html">Dev Dependencies</a></li><li class="docs-menu-item"><a href="../../articles/event-loop/index.html">The Node.js Event Loop</a></li><li class="docs-menu-item"><a href="../../articles/basic-web-dev/index.html">Web Dev Review</a></li><li class="docs-menu-item"><a href="../../articles/fs-module/index.html">Fs-Module</a></li><li class="docs-menu-item"><a href="../../articles/how-search-engines-work/index.html">The Anatomy of a Search Engine</a></li><li class="docs-menu-item"><a href="../../articles/install/index.html">Install</a></li><li class="docs-menu-item"><a href="../../articles/intro/index.html">Intro To Node</a></li><li class="docs-menu-item"><a href="../../articles/modules/index.html">Node Modules System</a></li><li class="docs-menu-item"><a href="../../articles/nodejs/index.html">Javascript and Node</a></li><li class="docs-menu-item"><a href="../../articles/npx/index.html">The npx Node.js Package Runner</a></li><li class="docs-menu-item"><a href="../../articles/nodevsbrowser/index.html">Node vs Browser</a></li><li class="docs-menu-item"><a href="../../articles/reading-files/index.html">Reading Files</a></li><li class="docs-menu-item"><a href="../../articles/os-module/index.html">OS-Module</a></li><li class="docs-menu-item"><a href="../../articles/semantic/index.html">Semantic Versioning</a></li><li class="docs-menu-item"><a href="../../articles/writing-files/index.html">Writing Files</a></li><li class="docs-menu-item"><a href="../../articles/node-api-express/index.html">Node APIs With Express</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../audio/index.html">Audio</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../audio/audio/index.html">Audio</a></li><li class="docs-menu-item"><a href="../../audio/discrete-fft/index.html">Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/audio-feature-extraction/index.html">Audio Feature Extraction</a></li><li class="docs-menu-item"><a href="../../audio/dfft/index.html">Discrete Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/dtw-python-explained/index.html">Dynamic Time Warping Algorithm Explained (Python)</a></li><li class="docs-menu-item"><a href="../../audio/dynamic-time-warping/index.html">dynamic-time-warping</a></li><li class="docs-menu-item"><a href="../../audio/web-audio-api/index.html">Web Apis</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../career/index.html">Career</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../career/dev-interview/index.html">Developer Interview Questions</a></li><li class="docs-menu-item"><a href="../../career/interview-dos-n-donts/index.html">Do &amp; Don&#x27;t of Interviewing!</a></li><li class="docs-menu-item"><a href="../../career/job-boards/index.html">Job Board</a></li><li class="docs-menu-item"><a href="../../career/wed-dev-questions/index.html">Javascript Practice</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../community/index.html">Community</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../community/an-open-letter-2-future-developers/index.html">New Developers</a></li><li class="docs-menu-item"><a href="../../community/video-chat/index.html">Video Chat</a></li><li class="docs-menu-item"><a href="../../community/github-profiles/index.html">Cool Github Profiles</a></li><li class="docs-menu-item"><a href="../../community/bookmarks/index.html">Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../content/index.html">Content</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../content/bash-intro/index.html">Tuning Command Line History in Bash - ShellHacks</a></li><li class="docs-menu-item"><a href="../../content/gatsby-Queries-Mutations/index.html">Queries and Mutations (Gatsby)</a></li><li class="docs-menu-item"><a href="../../content/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../content/github-api/index.html">All the Things You Can Do With GitHub API and Python</a></li><li class="docs-menu-item"><a href="../../content/history-api/index.html">History API</a></li><li class="docs-menu-item"><a href="../../content/trouble-shooting/index.html">Trouble Shooting</a></li><li class="docs-menu-item"><a href="../../content/netlify/index.html">Netlify Docs</a></li><li class="docs-menu-item"><a href="../../content/algo/index.html">Algorithms &amp; Data Structures</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../css/index.html">Css</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../css/css-positioning/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../data-structures/index.html">Data Structures</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../data-structures/data-structures-in-depth/index.html">Data Structures</a></li><li class="docs-menu-item"><a href="../../data-structures/big-o/index.html">Big-O Notation</a></li><li class="docs-menu-item"><a href="../../data-structures/ds-algo-interview/index.html">Data Structures Interview</a></li></ul></li><li class="docs-menu-item has-children active"><a href="../index.html">Docs</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../appendix/index.html">Apendix</a></li><li class="docs-menu-item"><a href="../css/index.html">Learn Css</a></li><li class="docs-menu-item"><a href="../art-of-command-line/index.html">Command Line Basics</a></li><li class="docs-menu-item"><a href="../git-repos/index.html">Git Repo List</a></li><li class="docs-menu-item"><a href="../git-reference/index.html">Git Reference</a></li><li class="docs-menu-item"><a href="../data-structures-docs/index.html">Data Structures Docs</a></li><li class="docs-menu-item"><a href="../markdown/index.html">Markdown</a></li><li class="docs-menu-item"><a href="../jamstack/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../regex-in-js/index.html">Regular Expressions</a></li><li class="docs-menu-item"><a href="../sitemap/index.html">Sitemap</a></li><li class="docs-menu-item"><a href="../es-6-features/index.html">ECMAScript 6</a></li><li class="docs-menu-item"><a href="../bash/index.html">Bash Commands That Save Me Time and Frustration</a></li><li class="docs-menu-item"><a href="../html-spec/index.html">HTML SPEC</a></li><li class="docs-menu-item"><a href="../no-whiteboarding/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../node-docs-full/index.html">Node Docs</a></li><li class="docs-menu-item current"><a aria-current="page" class="" href="index.html">Useful Snippets</a></li><li class="docs-menu-item"><a href="../node-docs-complete/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../glossary/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../faq/index.html">FAQ</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../faq/plug-ins/index.html">Plug-ins</a></li><li class="docs-menu-item"><a href="../../faq/contact/index.html">Contact!</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interact/index.html">Interactive</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interact/callstack-visual/index.html">Callstack Visualizer</a></li><li class="docs-menu-item"><a href="../../interact/clock/index.html">Clock</a></li><li class="docs-menu-item"><a href="../../interact/jupyter-notebooks/index.html">Jupyter Notebooks</a></li><li class="docs-menu-item"><a href="../../interact/other-sites/index.html">Other Websites</a></li><li class="docs-menu-item"><a href="../../interact/video-chat/index.html">Zumzi Video Conferencing (Mesibo API Backend)</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../javascript/index.html">Javascript</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../javascript/arrow-functions/index.html">JS Fat Arrow Functions</a></li><li class="docs-menu-item"><a href="../../javascript/asyncjs/index.html">Asynchronous-JS</a></li><li class="docs-menu-item"><a href="../../javascript/await-keyword/index.html">Await </a></li><li class="docs-menu-item"><a href="../../javascript/constructor-functions/index.html">Constructor Functions</a></li><li class="docs-menu-item"><a href="../../javascript/cs-basics-in-js/index.html">CS Basics</a></li><li class="docs-menu-item"><a href="../../javascript/for-loops/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../javascript/promises/index.html">Promises</a></li><li class="docs-menu-item"><a href="../../javascript/clean-code/index.html">Clean Code</a></li><li class="docs-menu-item"><a href="../../javascript/review/index.html">Javascript Concepts Review</a></li><li class="docs-menu-item"><a href="../../javascript/this-is-about-this/index.html">WhatisTHIS</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interview/index.html">Interviewing</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interview/job-search-nav/index.html">Job Search Navigation</a></li><li class="docs-menu-item"><a href="../../interview/review-concepts/index.html">Review Of Concepts</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../leetcode/index.html">Leetcode</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../leetcode/004._Median_of_Two_Sorted_Arrays/index.html">004._Median_of_Two_Sorted_Arrays</a></li><li class="docs-menu-item"><a href="../../leetcode/006._ZigZag_Conversion/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/008._String_to_Integer_(atoi)/index.html">008._String_to_Integer</a></li><li class="docs-menu-item"><a href="../../leetcode/009._Palindrome_Number/index.html">009._Palindrome_Number</a></li><li class="docs-menu-item"><a href="../../leetcode/011._Container_With_Most_Water/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/010._Regular_Expression_Matching/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/012._Integer_to_Roman/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/013._Roman_to_Integer/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/014._Longest_Common_Prefix/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/019._Remove_Nth_Node_From_End_of_List/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/020._Valid_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/022._Generate_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/029._Divide_Two_Integers/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/031._Next_Permutation/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/033._Search_in_Rotated_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/first-100/index.html">Leetcode</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../projects/index.html">Projects</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../projects/embeded-websites/index.html">Embeded Websites &amp; Projects</a></li><li class="docs-menu-item"><a href="../../projects/list-of-projects/index.html">List Of Projects</a></li><li class="docs-menu-item"><a href="../../projects/main-projects/index.html">RECENT PROJECTS</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects2/index.html">Mini Projects 2</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects/index.html">Mini Projects</a></li><li class="docs-menu-item"><a href="../../projects/my-websites/index.html">My Sites</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../python/index.html">Python</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../python/examples/index.html">Practice</a></li><li class="docs-menu-item"><a href="../../python/flow-control/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/functions/index.html">Python Functions</a></li><li class="docs-menu-item"><a href="../../python/google-sheets-api/index.html">google-sheets-api</a></li><li class="docs-menu-item"><a href="../../python/install-python-ubuntu/index.html">How to install Python 2.7 on Ubuntu 20.04 LTS</a></li><li class="docs-menu-item"><a href="../../python/intro-for-js-devs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/python-ds/index.html">Python General Notes</a></li><li class="docs-menu-item"><a href="../../python/python-quiz/index.html">Python Quiz</a></li><li class="docs-menu-item"><a href="../../python/snippets/index.html">Python Snippets</a></li><li class="docs-menu-item"><a href="../../python/cheat-sheet/index.html">Python Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../python/comprehensive-guide/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/at-length/index.html">Python at length</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../quick-reference/index.html">QuickRef</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../quick-reference/all-emojis/index.html">All Emojis</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-bash/index.html">Git Bash</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-tricks/index.html">Git Tricks</a></li><li class="docs-menu-item"><a href="../../quick-reference/google-firebase/index.html">Firebase (Firebasics)</a></li><li class="docs-menu-item"><a href="../../quick-reference/markdown-dropdowns/index.html">Markdown Dropdown</a></li><li class="docs-menu-item"><a href="../../quick-reference/installation/index.html">Installation</a></li><li class="docs-menu-item"><a href="../../quick-reference/minifiction/index.html">How To Minify Code For Better Web Performance </a></li><li class="docs-menu-item"><a href="../../quick-reference/new-repo-instructions/index.html">new-repo-git</a></li><li class="docs-menu-item"><a href="../../quick-reference/pull-request-rubric/index.html">Pull Request Template</a></li><li class="docs-menu-item"><a href="../../quick-reference/quick-links/index.html">Quick Links</a></li><li class="docs-menu-item"><a href="../../quick-reference/heroku-error-codes/index.html">Heroku Error Codes</a></li><li class="docs-menu-item"><a href="../../quick-reference/topRepos/index.html">Top Repos</a></li><li class="docs-menu-item"><a href="../../quick-reference/psql-setup/index.html">PostgreSQL Setup</a></li><li class="docs-menu-item"><a href="../../quick-reference/understanding-path/index.html">Understanding PATH</a></li><li class="docs-menu-item"><a href="../../quick-reference/Emmet/index.html">Emmet Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../quick-reference/create-react-app/index.html">Getting Started W Create React App</a></li><li class="docs-menu-item"><a href="../../quick-reference/vscode-themes/index.html">vscode-themes</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../react/index.html">React</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../react/ajax-n-apis/index.html">AJAX and APIs</a></li><li class="docs-menu-item"><a href="../../react/createReactApp/index.html">npx-create-react-app</a></li><li class="docs-menu-item"><a href="../../react/cheatsheet/index.html">React Cheat Sheets:</a></li><li class="docs-menu-item"><a href="../../react/demo/index.html">React Class Components Demo</a></li><li class="docs-menu-item"><a href="../../react/jsx/index.html">Introducing JSX</a></li><li class="docs-menu-item"><a href="../../react/dont-use-index-as-keys/index.html">Index as a key is an anti-pattern</a></li><li class="docs-menu-item"><a href="../../react/react-w-api/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../react/quiz/index.html">React Quiz Questions</a></li><li class="docs-menu-item"><a href="../../react/react-patterns-by-usecase/index.html">React Patterns &amp; Use Cases</a></li><li class="docs-menu-item"><a href="../../react/render-elements/index.html">Rendering Elements With React</a></li><li class="docs-menu-item"><a href="../../react/react-docs/index.html">React Docs</a></li><li class="docs-menu-item"><a href="../../react/react2/index.html">Intro To React</a></li><li class="docs-menu-item"><a href="../../react/react-in-depth/index.html">React In Depth</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../reference/index.html">Reference</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../reference/awesome-static/index.html">Awesome Static Site Resources</a></li><li class="docs-menu-item"><a href="../../reference/embed-the-web/index.html">Embed The Web</a></li><li class="docs-menu-item"><a href="../../reference/google-cloud/index.html">Google Cloud</a></li><li class="docs-menu-item"><a href="../../reference/bash-commands/index.html">Bash-Commands</a></li><li class="docs-menu-item"><a href="../../reference/how-to-kill-a-process/index.html">Kill a Process in Linux</a></li><li class="docs-menu-item"><a href="../../reference/how-2-reinstall-npm/index.html">How To Reinstall NPM and Node.js On Your System</a></li><li class="docs-menu-item"><a href="../../reference/installing-node/index.html">Installing Node</a></li><li class="docs-menu-item"><a href="../../reference/intro-to-nodejs/index.html">Intro To NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/notes-template/index.html">Notes Template</a></li><li class="docs-menu-item"><a href="../../reference/markdown-styleguide/index.html">Markdown Lint Styleguide</a></li><li class="docs-menu-item"><a href="../../reference/psql/index.html">Postgresql Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../reference/vscode/index.html">vscode</a></li><li class="docs-menu-item"><a href="../../reference/resources/index.html">Developer Resources</a></li><li class="docs-menu-item"><a href="../../reference/awesome-nodejs/index.html">Awesome NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/github-search/index.html">Github Search</a></li><li class="docs-menu-item"><a href="../../reference/awesome-lists/index.html">Awesome Lists</a></li><li class="docs-menu-item"><a href="../../reference/web-api%27s/index.html">Web Apis</a></li><li class="docs-menu-item"><a href="../../reference/bookmarks/index.html">Web Dev Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tools/index.html">Tools</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tools/dev-utilities/index.html">General Utilities</a></li><li class="docs-menu-item"><a href="../../tools/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../tools/markdown-html/index.html">md and html</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tips/index.html">Tips</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tips/array-methods/index.html">Tips</a></li><li class="docs-menu-item"><a href="../../tips/insert-into-array/index.html">Insert Into Array</a></li><li class="docs-menu-item"><a href="../../tips/sorting-strings/index.html">Sorting Strings</a></li><li class="docs-menu-item"><a href="../../tips/regex-tips/index.html">Regex Tricks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tutorials/index.html">Tutorials</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tutorials/how-to-use-google-sheets-as-cms/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../tutorials/enviorment-setup/index.html">Basic Bash Proficiency</a></li></ul></li></ul></div></div></nav><article class="post type-docs"><div class="post-inside"><header class="post-header"><h1 class="post-title line-left">Useful Snippets</h1></header><div class="post-content"><h3>A list of all of my articles to link to future posts</h3><p><a href="https://bryanguner.medium.com/scope-closures-context-in-javascript-f126f1523104" title="https://bryanguner.medium.com/scope-closures-context-in-javascript-f126f1523104"><strong>Scope, Closures &amp; Context In JavaScript</strong><br/><em>&quot;JavaScript&#x27;s global scope is like a public toilet. You can&#x27;t avoid going in there, but try to limit your contact with...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/scope-closures-context-in-javascript-f126f1523104"></a></p><p><a href="https://bryanguner.medium.com/fundamental-javascript-concepts-you-should-understand-81c4d839b827" title="https://bryanguner.medium.com/fundamental-javascript-concepts-you-should-understand-81c4d839b827"><strong>Fundamental Javascript Concepts You Should Understand</strong><br/><em>Plain Old JS Object Lesson Concepts</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/fundamental-javascript-concepts-you-should-understand-81c4d839b827"></a></p><p><a href="https://bryanguner.medium.com/mutability-and-reference-vs-privative-types-in-javascript-5294422db4b0" title="https://bryanguner.medium.com/mutability-and-reference-vs-privative-types-in-javascript-5294422db4b0"><strong>Mutability And Reference VS Privative Types in JavaScript</strong><br/><em>Mutability &amp;&amp; Primitive &amp;&amp; Reference Examples</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/mutability-and-reference-vs-privative-types-in-javascript-5294422db4b0"></a></p><p><a href="https://javascript.plainenglish.io/array-callback-methods-implemented-with-for-loops-d08875df6777" title="https://javascript.plainenglish.io/array-callback-methods-implemented-with-for-loops-d08875df6777"><strong>Array Callback Methods Implemented With For Loops</strong><br/><em>How to implement array callback methods in JavaScript</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/array-callback-methods-implemented-with-for-loops-d08875df6777"></a></p><p><a href="https://javascript.plainenglish.io/" title="https://javascript.plainenglish.io"><strong>JavaScript in Plain English</strong><br/><em>New JavaScript and Web Development articles every day.</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/"></a></p><p><a href="https://bryanguner.medium.com/introductory-react-part-2-cda01615a186" title="https://bryanguner.medium.com/introductory-react-part-2-cda01615a186"><strong>Beginner&#x27;s Guide To React Part 2</strong><br/><em>As I learn to build web applications in React I will blog about it in this series in an attempt to capture the...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/introductory-react-part-2-cda01615a186"></a></p><p><a href="https://bryanguner.medium.com/a-very-quick-guide-to-calculating-big-o-computational-complexity-eb1557e85fa3" title="https://bryanguner.medium.com/a-very-quick-guide-to-calculating-big-o-computational-complexity-eb1557e85fa3"><strong>A Very Quick Guide To Calculating Big O Computational Complexity</strong><br/><em>Big O: big picture, broad strokes, not details</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/a-very-quick-guide-to-calculating-big-o-computational-complexity-eb1557e85fa3"></a></p><p><a href="https://javascript.plainenglish.io/introduction-to-react-for-complete-beginners-8021738aa1ad" title="https://javascript.plainenglish.io/introduction-to-react-for-complete-beginners-8021738aa1ad"><strong>Introduction to React for Complete Beginners</strong><br/><em>All of the code examples below will be included a second time at the bottom of this article as an embedded gist.</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/introduction-to-react-for-complete-beginners-8021738aa1ad"></a></p><p><a href="https://javascript.plainenglish.io/scheduling-settimeout-and-setinterval-fcb2f40d16f7" title="https://javascript.plainenglish.io/scheduling-settimeout-and-setinterval-fcb2f40d16f7"><strong>Scheduling: setTimeout and setInterval</strong><br/><em>We may decide to execute a function not right now, but at a later time. That&#x27;s called &quot;scheduling a call&quot;.</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/scheduling-settimeout-and-setinterval-fcb2f40d16f7"></a></p><p><a href="https://bryanguner.medium.com/css-animations-d196a20099a5" title="https://bryanguner.medium.com/css-animations-d196a20099a5"><strong>LocalStorage VS SessionStorage</strong><br/><em>Web storage objects localStorage and sessionStorage allow to save key/value pairs in the browser.</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/css-animations-d196a20099a5"></a></p><p><a href="https://bryanguner.medium.com/these-are-the-bash-shell-commands-that-stand-between-me-and-insanity-984865ba5d1b" title="https://bryanguner.medium.com/these-are-the-bash-shell-commands-that-stand-between-me-and-insanity-984865ba5d1b"><strong>These Are The Bash Shell Commands That Stand Between Me And Insanity.</strong><br/><em>I will not profess to be a bash shell wizard... but I have managed to scour some pretty helpful little scripts from Stack...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/these-are-the-bash-shell-commands-that-stand-between-me-and-insanity-984865ba5d1b"></a></p><p><a href="https://bryanguner.medium.com/how-to-implement-native-es6-data-structures-using-arrays-objects-ce953b9f6a07" title="https://bryanguner.medium.com/how-to-implement-native-es6-data-structures-using-arrays-objects-ce953b9f6a07"><strong>How To Implement Native(ES6) Data Structures Using Arrays &amp; Objects</strong><br/><em>Smart data structures and dumb code works better than the other way around -&quot;Eric S. Raymond&quot;</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/how-to-implement-native-es6-data-structures-using-arrays-objects-ce953b9f6a07"></a></p><p><a href="https://medium.com/codex/objects-in-javascript-cc578a781e1d" title="https://medium.com/codex/objects-in-javascript-cc578a781e1d"><strong>Objects in Javascript</strong><br/><em>Codepen with examples for you to practice with below!</em>medium.com</a><a href="https://medium.com/codex/objects-in-javascript-cc578a781e1d"></a></p><p><a href="https://javascript.plainenglish.io/absolute-beginners-guide-to-javascript-part-1-e222d166b6e1" title="https://javascript.plainenglish.io/absolute-beginners-guide-to-javascript-part-1-e222d166b6e1"><strong>The Beginner&#x27;s Guide To JavaScript</strong><br/><em>Part 1</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/absolute-beginners-guide-to-javascript-part-1-e222d166b6e1"></a></p><p><a href="https://medium.com/star-gazers/web-developer-resource-list-part-4-fd686892b9eb" title="https://medium.com/star-gazers/web-developer-resource-list-part-4-fd686892b9eb"><strong>Web Developer Resource List Part 4</strong><br/><em>A all encompassing list of tools and resources for web developers</em>medium.com</a><a href="https://medium.com/star-gazers/web-developer-resource-list-part-4-fd686892b9eb"></a></p><p><a href="https://medium.com/star-gazers" title="https://medium.com/star-gazers"><strong>Star Gazers</strong><br/><em>The place that enthusiastic and stargazer to everything.</em>medium.com</a><a href="https://medium.com/star-gazers"></a></p><p><a href="https://medium.com/codex/vscode-extensions-specifically-for-javascript-development-ea91305cbd4a" title="https://medium.com/codex/vscode-extensions-specifically-for-javascript-development-ea91305cbd4a"><strong>VSCode Extensions Specifically for JavaScript Development</strong><br/><em>VSCode Extensions that are indispensable in JavaScript development</em>medium.com</a><a href="https://medium.com/codex/vscode-extensions-specifically-for-javascript-development-ea91305cbd4a"></a></p><p><a href="https://javascript.plainenglish.io/lists-stacks-and-queues-in-javascript-88466fae0fbb" title="https://javascript.plainenglish.io/lists-stacks-and-queues-in-javascript-88466fae0fbb"><strong>Fundamental Data Structures in JavaScript</strong><br/><em>A simple to follow guide to Lists Stacks and Queues, with animated gifs, diagrams, and code examples!</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/lists-stacks-and-queues-in-javascript-88466fae0fbb"></a></p><p><a href="https://bryanguner.medium.com/web-development-resources-part-3-f862ceb2b82a" title="https://bryanguner.medium.com/web-development-resources-part-3-f862ceb2b82a"><strong>Web Development Resources Part 3</strong><br/><em>I&#x27;m the psychological equivalent of a physical hoarder only instead of empty soda cans and dead racoons it&#x27;s lists of...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/web-development-resources-part-3-f862ceb2b82a"></a></p><p><a href="https://medium.com/codex/web-development-interview-part-3-826ae81a9107" title="https://medium.com/codex/web-development-interview-part-3-826ae81a9107"><strong>Web Development Interview Part 3💻</strong><br/><em>This installment is going to be the least technically demanding thus far however these questions are a more realistic...</em>medium.com</a><a href="https://medium.com/codex/web-development-interview-part-3-826ae81a9107"></a></p><p><a href="https://bryanguner.medium.com/the-best-cloud-based-code-playgrounds-of-2021-part-1-cdae9448db24" title="https://bryanguner.medium.com/the-best-cloud-based-code-playgrounds-of-2021-part-1-cdae9448db24"><strong>The Best Cloud-Based Code Playgrounds of 2021 (Part 1)</strong><br/><em>A plethora of front-end code playgrounds have appeared over the years. They offer a convenient way to experiment with...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/the-best-cloud-based-code-playgrounds-of-2021-part-1-cdae9448db24"></a></p><p><a href="https://medium.com/codex/front-end-interview-questions-part-2-86ddc0e91443" title="https://medium.com/codex/front-end-interview-questions-part-2-86ddc0e91443"><strong>Front End Interview Questions Part 2</strong><br/><em>These will focus more on vocabulary and concepts than the application driven approach in my last post!</em>medium.com</a><a href="https://medium.com/codex/front-end-interview-questions-part-2-86ddc0e91443"></a></p><p><a href="https://medium.com/star-gazers/web-developer-resource-list-part-2-9c5cb56ab263" title="https://medium.com/star-gazers/web-developer-resource-list-part-2-9c5cb56ab263"><strong>Web Developer Resource List Part 2</strong><br/><em>Because I compile these things compulsively anyway...</em>medium.com</a><a href="https://medium.com/star-gazers/web-developer-resource-list-part-2-9c5cb56ab263"></a></p><p><a href="https://levelup.gitconnected.com/http-basics-8f02a96a834a" title="https://levelup.gitconnected.com/http-basics-8f02a96a834a"><strong>HTTP Basics</strong><br/><em>&quot;If you want to build a ship, don&#x27;t drum up the men and women to gather wood, divide the work, and give orders...</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/http-basics-8f02a96a834a"></a></p><p><a href="https://javascript.plainenglish.io/javascript-frameworks-libraries-35931e187a35" title="https://javascript.plainenglish.io/javascript-frameworks-libraries-35931e187a35"><strong>JavaScript Frameworks &amp; Libraries</strong><br/><em>My Awesome JavaScript List Part 2</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/javascript-frameworks-libraries-35931e187a35"></a></p><p><a href="https://javascript.plainenglish.io/my-take-on-awesome-javascript-243255451e74" title="https://javascript.plainenglish.io/my-take-on-awesome-javascript-243255451e74"><strong>My &#x27;awesome&#x27; list of JavaScript resources</strong><br/><em>Everyone&#x27;s seen the &#x27;Awesome&#x27; lists on GitHub... and they are indeed awesome... so today I am going to attempt to curate my...</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/my-take-on-awesome-javascript-243255451e74"></a></p><p><a href="https://levelup.gitconnected.com/everything-you-need-to-get-started-with-vscode-extensions-resources-b9f4c8d91931" title="https://levelup.gitconnected.com/everything-you-need-to-get-started-with-vscode-extensions-resources-b9f4c8d91931"><strong>Everything You Need to Get Started With VSCode + Extensions &amp; Resources</strong><br/><em>Commands:</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/everything-you-need-to-get-started-with-vscode-extensions-resources-b9f4c8d91931"></a></p><p><a href="https://levelup.gitconnected.com/my-favorite-vscode-themes-9bab65af3f0f" title="https://levelup.gitconnected.com/my-favorite-vscode-themes-9bab65af3f0f"><strong>My Favorite VSCode <em>Themes</em></strong><br/>
+Themeslevelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/my-favorite-vscode-themes-9bab65af3f0f"></a></p><p><a href="https://levelup.gitconnected.com/object-oriented-programming-in-javascript-d45007d06333" title="https://levelup.gitconnected.com/object-oriented-programming-in-javascript-d45007d06333"><strong>Object Oriented Programming in JavaScript</strong><br/><em>Object-Oriented Programming</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/object-oriented-programming-in-javascript-d45007d06333"></a></p><p><a href="https://medium.com/codex/javascript-rotate-array-problemwalkthrough-31deb19ebba1" title="https://medium.com/codex/javascript-rotate-array-problemwalkthrough-31deb19ebba1"><strong>JavaScript Rotate (Array) ProblemWalkthrough</strong><br/><em>Explanation for Rotate Right</em>medium.com</a><a href="https://medium.com/codex/javascript-rotate-array-problemwalkthrough-31deb19ebba1"></a></p><p><a href="https://bryanguner.medium.com/" title="https://bryanguner.medium.com/"><strong>Bryan Guner - Medium</strong><br/><em>A plethora of front-end code playgrounds have appeared over the years. They offer a convenient way to experiment with...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/"></a></p><p><a href="https://medium.com/codex/postgresql-cheat-sheet-718b813d3e31" title="https://medium.com/codex/postgresql-cheat-sheet-718b813d3e31"><strong>Postgresql Cheat Sheet</strong><br/><em>PostgreSQL commands</em>medium.com</a><a href="https://medium.com/codex/postgresql-cheat-sheet-718b813d3e31"></a></p><p><a href="https://levelup.gitconnected.com/everything-you-need-to-get-started-with-vscode-extensions-resources-b9f4c8d91931" title="https://levelup.gitconnected.com/everything-you-need-to-get-started-with-vscode-extensions-resources-b9f4c8d91931"><strong>Everything You Need to Get Started With VSCode + Extensions &amp; Resources</strong><br/><em>Commands:</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/everything-you-need-to-get-started-with-vscode-extensions-resources-b9f4c8d91931"></a></p><p><a href="https://levelup.gitconnected.com/super-simple-intro-to-html-651d695f9bc" title="https://levelup.gitconnected.com/super-simple-intro-to-html-651d695f9bc"><strong>Super Simple Intro To HTML</strong><br/><em>What is HTML, CSS &amp; JS and why do we need all three?</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/super-simple-intro-to-html-651d695f9bc"></a></p><p><a href="https://levelup.gitconnected.com/understanding-git-a-beginners-guide-containing-cheat-sheets-resources-b50c9c01a107" title="https://levelup.gitconnected.com/understanding-git-a-beginners-guide-containing-cheat-sheets-resources-b50c9c01a107"><strong>Understanding Git (A Beginners Guide Containing Cheat Sheets &amp; Resources)</strong><br/><em>Basic Git Work Flow.</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/understanding-git-a-beginners-guide-containing-cheat-sheets-resources-b50c9c01a107"></a></p><p><a href="https://bryanguner.medium.com/git-tricks-57e8d0292285" title="https://bryanguner.medium.com/git-tricks-57e8d0292285"><strong>Git-Tricks</strong><br/><em>Refs</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/git-tricks-57e8d0292285"></a></p><p><a href="https://medium.com/star-gazers/a-quick-guide-to-big-o-notation-memoization-tabulation-and-sorting-algorithms-by-example-803ff193c522" title="https://medium.com/star-gazers/a-quick-guide-to-big-o-notation-memoization-tabulation-and-sorting-algorithms-by-example-803ff193c522"><strong>A Quick Guide to Big-O Notation, Memoization, Tabulation, and Sorting Algorithms by Example</strong><br/><em>Curating Complexity: A Guide to Big-O Notation</em>medium.com</a><a href="https://medium.com/star-gazers/a-quick-guide-to-big-o-notation-memoization-tabulation-and-sorting-algorithms-by-example-803ff193c522"></a></p><p><a href="https://levelup.gitconnected.com/python-study-guide-for-a-native-javascript-developer-5cfdf3d2bdfb" title="https://levelup.gitconnected.com/python-study-guide-for-a-native-javascript-developer-5cfdf3d2bdfb"><strong>Python Study Guide for a JavaScript Programmer</strong><br/><em>A guide to commands in Python from what you know in JavaScript</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/python-study-guide-for-a-native-javascript-developer-5cfdf3d2bdfb"></a></p><p><a href="https://bryanguner.medium.com/lists-stacks-and-queues-in-javascript-88466fae0fbb" title="https://bryanguner.medium.com/lists-stacks-and-queues-in-javascript-88466fae0fbb"><strong>Lists Stacks and Queue&#x27;s In JavaScript</strong><br/><em>A simple to follow guide to these fundamental data structures with animated gifs, diagrams, and code examples!</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/lists-stacks-and-queues-in-javascript-88466fae0fbb"></a></p><p><a href="https://bryanguner.medium.com/web-development-resources-part-3-f862ceb2b82a" title="https://bryanguner.medium.com/web-development-resources-part-3-f862ceb2b82a"><strong>Web Development Resources Part 3</strong><br/><em>I&#x27;m the psychological equivalent of a physical hoarder only instead of empty soda cans and dead racoons it&#x27;s lists of...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/web-development-resources-part-3-f862ceb2b82a"></a></p><p><a href="https://javascript.plainenglish.io/my-take-on-awesome-javascript-243255451e74" title="https://javascript.plainenglish.io/my-take-on-awesome-javascript-243255451e74"><strong>My &#x27;awesome&#x27; list of JavaScript resources</strong><br/><em>Everyone&#x27;s seen the &#x27;Awesome&#x27; lists on GitHub... and they are indeed awesome... so today I am going to attempt to curate my...</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/my-take-on-awesome-javascript-243255451e74"></a></p><p><a href="https://medium.com/star-gazers/web-developer-resource-list-part-2-9c5cb56ab263" title="https://medium.com/star-gazers/web-developer-resource-list-part-2-9c5cb56ab263"><strong>Web Developer Resource List Part 2</strong><br/><em>Because I compile these things compulsively anyway...</em>medium.com</a><a href="https://medium.com/star-gazers/web-developer-resource-list-part-2-9c5cb56ab263"></a></p><p><a href="https://bryanguner.medium.com/web-development-interview-part-3-826ae81a9107" title="https://bryanguner.medium.com/web-development-interview-part-3-826ae81a9107"><strong>Web Development Interview Part 3💻</strong><br/><em>This installment is going to be the least technically demanding thus far however these questions are a more realistic...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/web-development-interview-part-3-826ae81a9107"></a></p><p><a href="https://medium.com/star-gazers/the-web-developers-technical-interview-e347d7db3822" title="https://medium.com/star-gazers/the-web-developers-technical-interview-e347d7db3822"><strong>The Web Developer&#x27;s Technical Interview</strong><br/><em>Questions....Answers... and links to the missing pieces.</em>medium.com</a><a href="https://medium.com/star-gazers/the-web-developers-technical-interview-e347d7db3822"></a></p><p><a href="https://medium.com/codex/front-end-interview-questions-part-2-86ddc0e91443" title="https://medium.com/codex/front-end-interview-questions-part-2-86ddc0e91443"><strong>Front End Interview Questions Part 2</strong><br/><em>These will focus more on vocabulary and concepts than the application driven approach in my last post!</em>medium.com</a><a href="https://medium.com/codex/front-end-interview-questions-part-2-86ddc0e91443"></a></p><p><a href="https://bryanguner.medium.com/running-list-of-interesting-articles-tools-and-ideas-as-i-explore-them-b87a2f04d9a6" title="https://bryanguner.medium.com/running-list-of-interesting-articles-tools-and-ideas-as-i-explore-them-b87a2f04d9a6"><strong>Running List Of Interesting Articles, Tools and Ideas... as I Explore Them</strong><br/><em>Translation if you read this today (3/21/2021) it will be exceedingly short... because it&#x27;s just gonna accumulate entries...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/running-list-of-interesting-articles-tools-and-ideas-as-i-explore-them-b87a2f04d9a6"></a></p><p><a href="https://bryanguner.medium.com/the-best-cloud-based-code-playgrounds-of-2021-part-1-cdae9448db24" title="https://bryanguner.medium.com/the-best-cloud-based-code-playgrounds-of-2021-part-1-cdae9448db24"><strong>The Best Cloud-Based Code Playgrounds of 2021 (Part 1)</strong><br/><em>A plethora of front-end code playgrounds have appeared over the years. They offer a convenient way to experiment with...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/the-best-cloud-based-code-playgrounds-of-2021-part-1-cdae9448db24"></a></p><p><a href="https://medium.com/codex/fundamental-data-structures-in-javascript-8f9f709c15b4" title="https://medium.com/codex/fundamental-data-structures-in-javascript-8f9f709c15b4"><strong>Fundamental Data Structures In JavaScript</strong><br/><em>Data structures in JavaScript</em>medium.com</a><a href="https://medium.com/codex/fundamental-data-structures-in-javascript-8f9f709c15b4"></a></p><p><a href="https://levelup.gitconnected.com/http-basics-8f02a96a834a" title="https://levelup.gitconnected.com/http-basics-8f02a96a834a"><strong>HTTP Basics</strong><br/><em>&quot;If you want to build a ship, don&#x27;t drum up the men and women to gather wood, divide the work, and give orders...</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/http-basics-8f02a96a834a"></a></p><p><a href="https://javascript.plainenglish.io/javascript-frameworks-libraries-35931e187a35" title="https://javascript.plainenglish.io/javascript-frameworks-libraries-35931e187a35"><strong>JavaScript Frameworks &amp; Libraries</strong><br/><em>My Awesome JavaScript List Part 2</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/javascript-frameworks-libraries-35931e187a35"></a></p><p><a href="https://github.com/bgoonz/Cumulative-Resource-List/tree/master/README-s" title="https://github.com/bgoonz/Cumulative-Resource-List/tree/master/README-s"><strong>bgoonz/Cumulative-Resource-List</strong><br/><em>List of useful cheatsheets Inspired by @sindresorhus awesome and improved by these amazing contributors . If you see a...</em>github.com</a><a href="https://github.com/bgoonz/Cumulative-Resource-List/tree/master/README-s"></a></p><p><a href="https://levelup.gitconnected.com/my-favorite-vscode-themes-9bab65af3f0f" title="https://levelup.gitconnected.com/my-favorite-vscode-themes-9bab65af3f0f"><strong>My Favorite VSCode <em>Themes</em></strong><br/>
+Themeslevelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/my-favorite-vscode-themes-9bab65af3f0f"></a></p><p><a href="https://medium.com/codex/javascript-rotate-array-problemwalkthrough-31deb19ebba1" title="https://medium.com/codex/javascript-rotate-array-problemwalkthrough-31deb19ebba1"><strong>JavaScript Rotate (Array) ProblemWalkthrough</strong><br/><em>Explanation for Rotate Right</em>medium.com</a><a href="https://medium.com/codex/javascript-rotate-array-problemwalkthrough-31deb19ebba1"></a></p><p><a href="https://bryanguner.medium.com/everything-you-need-to-know-about-relational-databases-sql-postgresql-and-sequelize-to-build-8acb68284a98" title="https://bryanguner.medium.com/everything-you-need-to-know-about-relational-databases-sql-postgresql-and-sequelize-to-build-8acb68284a98"><strong>Everything You Need To Know About Relational Databases, SQL, PostgreSQL and Sequelize To Build...</strong><br/><em>For Front end developers who like myself struggle with making the jump to fullstack.</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/everything-you-need-to-know-about-relational-databases-sql-postgresql-and-sequelize-to-build-8acb68284a98"></a></p><p><a href="https://javascript.plainenglish.io/complete-javascript-reference-guide-64306cd6b0db" title="https://javascript.plainenglish.io/complete-javascript-reference-guide-64306cd6b0db"><strong>The Complete JavaScript Reference Guide</strong><br/><em>You will want to bookmark this</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/complete-javascript-reference-guide-64306cd6b0db"></a></p><p><a href="https://medium.com/geekculture/modules-in-javascript-a55333e35978" title="https://medium.com/geekculture/modules-in-javascript-a55333e35978"><strong>Modules in Javascript</strong><br/><em>Differences between Node.js and browsers</em>medium.com</a><a href="https://medium.com/geekculture/modules-in-javascript-a55333e35978"></a></p><p><a href="https://levelup.gitconnected.com/an-introduction-to-markdown-bonus-markdown-templates-included-3497ce56de3" title="https://levelup.gitconnected.com/an-introduction-to-markdown-bonus-markdown-templates-included-3497ce56de3"><strong>An Introduction to Markdown (Bonus Markdown Templates Included)</strong><br/><em>Basic Syntax Guide</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/an-introduction-to-markdown-bonus-markdown-templates-included-3497ce56de3"></a></p><p><a href="https://levelup.gitconnected.com/web-dev-resources-ec1975773d7d" title="https://levelup.gitconnected.com/web-dev-resources-ec1975773d7d"><strong>Web Dev Resources</strong><br/><em>Web Development</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/web-dev-resources-ec1975773d7d"></a></p><p><a href="https://medium.com/codex/regular-expressions-4d8fb3eb146b" title="https://medium.com/codex/regular-expressions-4d8fb3eb146b"><strong>Regular Expressions</strong><br/><em>description:</em>medium.com</a><a href="https://medium.com/codex/regular-expressions-4d8fb3eb146b"></a></p><p><a href="https://bryanguner.medium.com/a-collection-of-my-most-useful-gist-entries-f4314f3ba3ab" title="https://bryanguner.medium.com/a-collection-of-my-most-useful-gist-entries-f4314f3ba3ab"><strong>A Collection of my most useful Gist Entries</strong><br/><em>This list is in no particular order!</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/a-collection-of-my-most-useful-gist-entries-f4314f3ba3ab"></a></p><p><a href="https://bryanguner.medium.com/vscode-extension-readme-compilation-92c60342cc8a" title="https://bryanguner.medium.com/vscode-extension-readme-compilation-92c60342cc8a"><strong>VsCode Extension Readme Compilation</strong><br/><em>Markdown PDF</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/vscode-extension-readme-compilation-92c60342cc8a"></a></p><p><a href="https://javascript.plainenglish.io/learn-css-so-that-your-site-doesnt-look-like-garbage-938871b4521a" title="https://javascript.plainenglish.io/learn-css-so-that-your-site-doesnt-look-like-garbage-938871b4521a"><strong>Learn CSS So That Your Site Doesn&#x27;t Look Like Garbage</strong><br/><em>CSS Selectors</em>javascript.plainenglish.io</a><a href="https://javascript.plainenglish.io/learn-css-so-that-your-site-doesnt-look-like-garbage-938871b4521a"></a></p><p><a href="https://bryanguner.medium.com/postgresql-setup-for-windows-wsl-ubuntu-801672ab7089" title="https://bryanguner.medium.com/postgresql-setup-for-windows-wsl-ubuntu-801672ab7089"><strong>PostgreSQL Setup For Windows &amp; WSL/Ubuntu</strong><br/><em>If you follow this guide to a tee... you will install PostgreSQL itself on your Windows installation. Then, you will...</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/postgresql-setup-for-windows-wsl-ubuntu-801672ab7089"></a></p><p><a href="https://bryanguner.medium.com/emmet-cheat-sheet-24758e628d37" title="https://bryanguner.medium.com/emmet-cheat-sheet-24758e628d37"><strong>Emmet Cheat Sheet</strong><br/><em>EMMET</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/emmet-cheat-sheet-24758e628d37"></a></p><p><a href="https://bryanguner.medium.com/express-quick-sheet-8f93762c59ca" title="https://bryanguner.medium.com/express-quick-sheet-8f93762c59ca"><strong>Express Quick Sheet</strong><br/><em>Settings</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/express-quick-sheet-8f93762c59ca"></a></p><p><a href="https://bryanguner.medium.com/deploy-react-app-to-heroku-using-postgres-express-70b7ea807986" title="https://bryanguner.medium.com/deploy-react-app-to-heroku-using-postgres-express-70b7ea807986"><strong>Deploy React App To Heroku Using Postgres &amp; Express</strong><br/><em>Heroku is an web application that makes deploying applications easy for a beginner.</em>bryanguner.medium.com</a><a href="https://bryanguner.medium.com/deploy-react-app-to-heroku-using-postgres-express-70b7ea807986"></a></p><p><a href="https://levelup.gitconnected.com/basic-web-development-environment-setup-9f36c3f15afe" title="https://levelup.gitconnected.com/basic-web-development-environment-setup-9f36c3f15afe"><strong>Basic Web Development Environment Setup</strong><br/><em>Windows Subsystem for Linux (WSL) and Ubuntu</em>levelup.gitconnected.com</a><a href="https://levelup.gitconnected.com/basic-web-development-environment-setup-9f36c3f15afe"></a></p><p><a href="https://bryanguner.medium.com/fetch-quick-sheet-8872650742b4" title="https://bryanguner.medium.com/fetch-quick-sheet-8872650742b4"><strong><em>Fetch</em> Quick Sheet</strong><br/>
+Fetchbryanguner.medium.com</a><a href="https://bryanguner.medium.com/fetch-quick-sheet-8872650742b4"></a></p><p>By <a href="https://medium.com/@bryanguner">Bryan Guner</a> on <a href="https://medium.com/p/1f6f88ebdf5b">March 22, 2021</a>.</p><p><a href="https://medium.com/@bryanguner/a-list-of-all-of-my-articles-to-link-to-future-posts-1f6f88ebdf5b">Canonical link</a></p><p>Exported from <a href="https://medium.com/">Medium</a> on July 13, 2021.</p><p><a href="https://gist.github.com/bgoonz/674c3f169d75d5ab9453d4c7ffbdd821/raw/6df51b57737eabd32d1c68c57e110600f471619a/A-list-of-my-articles.md">view raw</a><a href="https://gist.github.com/bgoonz/674c3f169d75d5ab9453d4c7ffbdd821#file-a-list-of-my-articles-md">A-list-of-my-articles.md</a> hosted with ❤ by <a href="https://github.com/">GitHub</a></p><h1>A Very Quick Guide To Calculating Big O Computational Complexity</h1><p>Big O: big picture, broad strokes, not details</p><hr/><h3>A Very Quick Guide To Calculating Big O Computational Complexity</h3><p><strong>Big O</strong>: big picture, broad strokes, not details</p><p>For a more complete guide... checkout :</p><p><a href="https://medium.com/star-gazers/a-quick-guide-to-big-o-notation-memoization-tabulation-and-sorting-algorithms-by-example-803ff193c522" title="https://medium.com/star-gazers/a-quick-guide-to-big-o-notation-memoization-tabulation-and-sorting-algorithms-by-example-803ff193c522"><strong>A Quick Guide to Big-O Notation, Memoization, Tabulation, and Sorting Algorithms by Example</strong><br/><em>Curating Complexity: A Guide to Big-O Notation</em>medium.com</a><a href="https://medium.com/star-gazers/a-quick-guide-to-big-o-notation-memoization-tabulation-and-sorting-algorithms-by-example-803ff193c522"></a></p><p><a href="https://camo.githubusercontent.com/6413d09083755e2f7dcdfb53580fbc57ca8ce5cda09b970995c4f6442a2ef120/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6c746538316d457667455059586f64422e706e67"><img src="https://camo.githubusercontent.com/6413d09083755e2f7dcdfb53580fbc57ca8ce5cda09b970995c4f6442a2ef120/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6c746538316d457667455059586f64422e706e67"/></a></p><ul><li>way we analyze how efficient algorithms are without getting too mired in details - can model how much time any function will take given <code>n</code> inputs - interested in order of magnitude of number of the exact figure - O absorbs all fluff and n = biggest term - Big O of <code>3x^2 +x + 1</code> = <code>O(n^2)</code></li></ul><h3>Time Complexity</h3><p>no loops or exit &amp; return = O(1)</p><p>0 nested loops = <code>O(n)</code><br/>
+1 nested loops = <code>O(n^2)</code><br/>
+2 nested loops = <code>O(n^3)</code><br/>
+3 nested loops = <code>O(n^4)</code></p><p><strong>recursive</strong>: as you add more terms, increase in time as you add input diminishes<br/><strong>recursion</strong>: when you define something in terms of itself, a function that calls itself</p><ul><li>used because of ability to maintain state at diffferent levels of recursion</li><li>inherently carries large footprint</li><li>every time function called, you add call to stack</li></ul><p><strong>iterative</strong>: use loops instead of recursion (preferred)</p><ul><li>favor readability over performance</li></ul><p><code>O(n log(n))</code> &amp; <code>O(log(n))</code>: dividing/halving</p><ul><li>if code employs recursion/divide-and-conquer strategy</li><li>what power do i need to power my base to get n</li></ul><h3>Time Definitions</h3><ul><li><strong>constant</strong>: does not scale with input, will take same amount of time</li><li>for any input size n, constant time performs same number of operations every time</li><li><strong>logarithmic</strong>: increases number of operations it performs as logarithmic function of input size n</li><li>function log n grows very slowly, so as n gets longer, number of operations the algorithm needs to perform doesn&#x27;t increase very much</li><li>halving</li><li><strong>linear</strong>: increases number of operations it performs as linear function of input size n</li><li>number of additional operations needed to perform grows in direct proportion to increase in input size n</li><li><strong>log-linear</strong>: increases number of operations it performs as log-linear function of input size n</li><li>looking over every element and doing work on each one</li><li><strong>quadratic</strong>: increases number of operations it performs as quadratic function of input size n</li><li><strong>exponential</strong>: increases number of operations it performs as exponential function of input size n</li><li>number of nested loops increases as function of n</li><li><strong>polynomial</strong>: as size of input increases, runtime/space used will grow at a faster rate</li><li><strong>factorial</strong>: as size of input increases, runtime/space used will grow astronomically even with relatively small inputs</li><li><strong>rate of growth</strong>: how fast a function grows with input size</li></ul><p><a href="https://camo.githubusercontent.com/ef0eac5be0b1dfbf2b062560dc14031c3d971790e74f827eed32ac7643c1a526/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a35743275386e31754b68696f497a5a495858327a62672e706e67"><img src="https://camo.githubusercontent.com/ef0eac5be0b1dfbf2b062560dc14031c3d971790e74f827eed32ac7643c1a526/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a35743275386e31754b68696f497a5a495858327a62672e706e67"/></a></p><h3>Space Complexity</h3><ul><li>How does the space usage scale/change as input gets very large?</li><li>What auxiliary space does your algorithm use or is it in place (constant)?</li><li>Runtime stack space counts as part of space complexity unless told otherwise.</li></ul><h3>Sorting Algorithms</h3><p><a href="https://camo.githubusercontent.com/3b0a3eba225e72bbd6f86cb081b8696137f089fcda73495a5a07645fb05f150e/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a4868586d4732634e64673879345a43435147547975512e706e67"><img src="https://camo.githubusercontent.com/3b0a3eba225e72bbd6f86cb081b8696137f089fcda73495a5a07645fb05f150e/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a4868586d4732634e64673879345a43435147547975512e706e67"/></a></p><p><a href="https://camo.githubusercontent.com/abfb2575e02cdc2fd9e9a4f1742e317c864f4fe15e584a980948ae5319680c42/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a554c6558785643446b4637334777687378794d5f32672e706e67"><img src="https://camo.githubusercontent.com/abfb2575e02cdc2fd9e9a4f1742e317c864f4fe15e584a980948ae5319680c42/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a554c6558785643446b4637334777687378794d5f32672e706e67"/></a></p><h3>Data Structures</h3><p><a href="https://camo.githubusercontent.com/a5aa2e2f1b4f1e079dbec74d0c22a1527c41b79b05c5aa78082368c952632cb3/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a686b5a576c556746794f53614c443555736b763074512e706e67"><img src="https://camo.githubusercontent.com/a5aa2e2f1b4f1e079dbec74d0c22a1527c41b79b05c5aa78082368c952632cb3/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a686b5a576c556746794f53614c443555736b763074512e706e67"/></a></p><p><a href="https://camo.githubusercontent.com/dd60451585672884f84cc3381ab7ace9b426c0f462e69ce4ebf80028d9969558/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f323536302f312a434f6a7a756e6a302d46734d4a30643776375a2d36672e706e67"><img src="https://camo.githubusercontent.com/dd60451585672884f84cc3381ab7ace9b426c0f462e69ce4ebf80028d9969558/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f323536302f312a434f6a7a756e6a302d46734d4a30643776375a2d36672e706e67"/></a></p><p>For similar content check out my GitHub:</p><p><a href="https://github.com/bgoonz" title="https://github.com/bgoonz"><strong>bgoonz - Overview</strong><br/><em>Web Developer, Electrical Engineer</em></a><em><a href="https://bryanguner.medium.com/">https://bryanguner.medium.com/</a> <a href="https://portfolio42.netlify.app/…">https://portfolio42.netlify.app/...</a></em>github.com<a href="https://github.com/bgoonz"></a></p><p>By <a href="https://medium.com/@bryanguner">Bryan Guner</a> on <a href="https://medium.com/p/eb1557e85fa3">May 19, 2021</a>.</p><p><a href="https://medium.com/@bryanguner/a-very-quick-guide-to-calculating-big-o-computational-complexity-eb1557e85fa3">Canonical link</a></p><p>Exported from <a href="https://medium.com/">Medium</a> on July 13, 2021.</p><p><a href="https://gist.github.com/bgoonz/674c3f169d75d5ab9453d4c7ffbdd821/raw/6df51b57737eabd32d1c68c57e110600f471619a/A-Very-Qui.md">view raw</a><a href="https://gist.github.com/bgoonz/674c3f169d75d5ab9453d4c7ffbdd821#file-a-very-qui-md">A-Very-Qui.md</a> hosted with ❤ by <a href="https://github.com/">GitHub</a></p><h1>Array Callback Methods Implemented With For Loops</h1><p>How to implement array callback methods in JavaScript</p><hr/><h3>Array Callback Methods Implemented With For Loops</h3><h4>How to implement array callback methods in JavaScript</h4><p><a href="https://camo.githubusercontent.com/66698fc55382cdcada06a280bbd01030f2d8b3a1f6590aa4b380086ac26537b3/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a57704b714f6454735450687661707557"><img src="https://camo.githubusercontent.com/66698fc55382cdcada06a280bbd01030f2d8b3a1f6590aa4b380086ac26537b3/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a57704b714f6454735450687661707557"/></a></p><h4>Functions are called &quot;First Class Objects&quot; in JavaScript because</h4><ul><li>A function is an instance of the Object type</li><li>A function can have properties and has a link back to its constructor method</li><li>You can store the function in a variable</li><li>You can pass the function as a parameter to another function</li><li>You can return the function from a function</li></ul><p>What do you think will be printed in the following:</p><h4>Anonymous callback, a named callback</h4><pre><code>function foo(callback) {
+    console.log(&#x27;grape&#x27;);
+    callback();
+}
+
+function bar() {
+    console.log(&#x27;banana&#x27;);
+}
+
+const fruitBasket = function() {
+    console.log(&#x27;apple&#x27;);
+    bar();
+    foo(bar);
+    foo(function() {
+        console.log(&#x27;orange&#x27;);
+    });
+    console.log(&#x27;pear&#x27;);
+};
+
+fruitBasket();
+</code></pre><h4>Function that takes in a value and two callbacks. The function should return the result of the callback who&#x27;s invocation results in a larger value</h4><pre><code>function greaterValue(value, cb1, cb2) {
+    // compare cb1 invoked with value to cb2 invoked with value
+    // return the greater result
+
+    let res1 = cb1(value);
+    let res2 = cb2(value);
+    if (res1 &gt; res2) {
+        // if this is false, we move out of if statement
+        return res1;
+    }
+    return res2;
+}
+
+let negate = function(num) {
+    return num * -1;
+};
+
+let addOne = function(num) {
+    return num + 1;
+};
+
+console.log(greaterValue(3, negate, addOne));
+console.log(greaterValue(-2, negate, addOne));
+</code></pre><p><em>Note: we do not invoke</em> <code>negate</code> <em>or</em> <code>addOne</code> <em>(by using</em> <code>()</code> <em>to call them), we are passing the function itself.</em></p><h4>Write a function, myMap, that takes in an array and a callback as arguments. The function should mimic the behavior of Array.prototype.map</h4><pre><code>function myMap(arr, callback) {
+    // iterate through the array, perform the cb on each element
+    // return a new array with those new values
+    let mapped = [];
+
+    for (let i = 0; i &lt; arr.length; i++) {
+        // remember that map passes three args with each element.
+        let val = callback(arr[i], i, arr);
+        mapped.push(val);
+    }
+
+    return mapped;
+}
+
+let double = function(num) {
+    return num * 2;
+};
+console.log(myMap([1, 2, 3], double));
+</code></pre><h4>Write a function, myFilter, that takes in an array and a callback as arguments. The function should mimic the behavior of Array.prototype.filter</h4><pre><code>function myFilter(arr, callback) {
+    let filtered = [];
+
+    for (let i = 0; i &lt; arr.length; i++) {
+        let element = arr[i];
+
+        if (callback(element, i, arr)) {
+            filtered.push(element);
+        }
+    }
+
+    return filtered;
+}
+</code></pre><h4>Write a function, myEvery, that takes in an array and a callback as arguments. The function should mimic the behavior of Array.prototype.every</h4><pre><code>function myEvery(arr, callback) {
+    for (let i = 0; i &lt; arr.length; i++) {
+        let element = arr[i];
+
+        if (callback(element, i, arr) === false) {
+            return false;
+        }
+    }
+    return true;
+}
+</code></pre><h3>Further Examples of the above concepts</h3><pre><code>const createMeowValue = () =&gt; {
+  console.log(this.name);
+  let meow = function () {
+    console.log(this);
+    console.log(this.name + &#x27; meows&#x27;);
+  }
+  meow = meow.bind(this);
+  return meow;
+};
+
+const name = &#x27;Fluffy&#x27;;
+
+const cat = {
+  name: name,
+  age: 12,
+  createMeow: function () {
+    console.log(this.name);
+    let meow = () =&gt; {
+      const hello = &#x27;hello&#x27;;
+      console.log(this.name + &#x27; meows&#x27;);
+    };
+    let world = &#x27;&#x27;;
+    if (true) {
+      world = &#x27;world&#x27;;
+    }
+    console.log(world);
+    // meow = meow.bind(this);
+    return meow;
+  }
+};
+
+cat.newKey = function () {
+  const outermostContext = this;
+  const innerFunc = () =&gt; {
+    secondContext = this;
+    console.log(secondContext === outermostContext)
+    return function () {
+      innermostContext = this;
+    }
+  };
+  return innerFunc.bind(outermostContext);
+};
+
+const meow = cat.createMeow(); // method-style invocation
+meow(); // function-style invocation
+
+console.log(&#x27;-------&#x27;)
+
+const createMeow = cat.createMeow;
+const globalMeow = createMeow(); // function-style
+globalMeow(); // function-style
+
+function createSmoothie(ingredient) {
+  const ingredients = [ingredient];
+  return ingredients;
+}
+
+// console.log(createSmoothie(&#x27;banana&#x27;));
+// console.log(createSmoothie(&#x27;apple&#x27;));
+
+// one parameter only
+// first argument is a string
+// return an array
+// DO NOT USE forEach
+</code></pre><p>References:</p><p><a href="https://open.appacademy.io/learn" title="https://open.appacademy.io/learn"><strong>App Academy Open</strong><br/><em>App Academy Open is the first free, online web development course that&#x27;s meant to get you hired as a developer. Get...</em>open.appacademy.io</a><a href="https://open.appacademy.io/learn"></a></p><p><a href="https://developer.mozilla.org/en-US/" title="https://developer.mozilla.org/en-US/"><strong>MDN Web Docs</strong><br/><em>Read more at hacks.mozilla.org Roughly a year ago at Mozilla we started an effort to improve Firefox stability on...</em>developer.mozilla.org</a><a href="https://developer.mozilla.org/en-US/"></a></p><p><a href="https://javascript.info/callbacks" title="https://javascript.info/callbacks"><strong>Introduction: callbacks</strong><br/><em>To demonstrate the use of callbacks, promises and other abstract concepts, we&#x27;ll be using some browser methods...</em>javascript.info</a><a href="https://javascript.info/callbacks"></a></p><p><em>More content at</em> <a href="http://plainenglish.io/"><strong><em>plainenglish.io</em></strong></a></p><p>By <a href="https://medium.com/@bryanguner">Bryan Guner</a> on <a href="https://medium.com/p/d08875df6777">May 27, 2021</a>.</p><p><a href="https://medium.com/@bryanguner/array-callback-methods-implemented-with-for-loops-d08875df6777">Canonical link</a></p><p>Exported from <a href="https://medium.com/">Medium</a> on July 13, 2021.</p><p><a href="https://gist.github.com/bgoonz/674c3f169d75d5ab9453d4c7ffbdd821/raw/6df51b57737eabd32d1c68c57e110600f471619a/Array-Call.md">view raw</a><a href="https://gist.github.com/bgoonz/674c3f169d75d5ab9453d4c7ffbdd821#file-array-call-md">Array-Call.md</a> hosted with ❤ by <a href="https://github.com/">GitHub</a></p><h1>Bash Commands That Save Me Time and Frustration</h1><p>Here&#x27;s a list of bash commands that stand between me and insanity.</p><hr/><h3>Bash Commands That Save Me Time and Frustration</h3><h4>Here&#x27;s a list of bash commands that stand between me and insanity</h4><p><a href="https://camo.githubusercontent.com/22b34f635d2c806b42121947a66b17cb69fe0b64d935cbdeabe81c3bccc74e8e/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a77304a3875366a5754696b59565a7a572e6a7067"><img src="https://camo.githubusercontent.com/22b34f635d2c806b42121947a66b17cb69fe0b64d935cbdeabe81c3bccc74e8e/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a77304a3875366a5754696b59565a7a572e6a7067"/></a></p><p><strong>This article will be accompanied by the following</strong> <a href="https://github.com/bgoonz/bash-commands-walkthrough"><strong>github repository</strong></a> <strong>which will contain all the commands listed as well as folders that demonstrate before and after usage!</strong></p><p><a href="https://github.com/bgoonz/bash-commands-walkthrough" title="https://github.com/bgoonz/bash-commands-walkthrough"><strong>bgoonz/bash-commands-walkthrough</strong><br/><em>to accompany the medium article I am writing. Contribute to bgoonz/bash-commands-walkthrough development by creating an...</em>github.com</a><a href="https://github.com/bgoonz/bash-commands-walkthrough"></a></p><blockquote><p>The <a href="https://github.com/bgoonz/bash-commands-walkthrough#readme">readme</a> for this git repo will provide a much more condensed list... whereas this article will break up the commands with explanations... images &amp; links!</p></blockquote><p><strong>I will include the code examples as both github gists (for proper syntax highlighting) and as code snippets adjacent to said gists so that they can easily be copied and pasted... or ... if you&#x27;re like me for instance; and like to use an extension to grab the markdown content of a page... the code will be included rather than just a link to the gist!</strong></p><p><a href="https://camo.githubusercontent.com/a3dd21a18d0fcf7ac3c80b09877c193ba4f84657dcebde6487aea381d9aba9bf/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a336d5f5563514f41794b7449704851366a394a7a5a772e676966"><img src="https://camo.githubusercontent.com/a3dd21a18d0fcf7ac3c80b09877c193ba4f84657dcebde6487aea381d9aba9bf/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a336d5f5563514f41794b7449704851366a394a7a5a772e676966"/></a></p><h3>Here&#x27;s a Cheatsheet</h3><h3>Getting Started (Advanced Users Skip Section)</h3><hr/><h4>✔ Check the Current Directory ➡ <code>pwd</code></h4><p>On the command line, it&#x27;s important to know the directory we are currently working on. For that, we can use <code>pwd</code> command.</p><p><a href="https://camo.githubusercontent.com/ede56713024434b9c0c8008f54475a7f4fcdcd15427580cbc504793e43a15b6d/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a64696d7a4c55726d44493455666576362e676966"><img src="https://camo.githubusercontent.com/ede56713024434b9c0c8008f54475a7f4fcdcd15427580cbc504793e43a15b6d/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a64696d7a4c55726d44493455666576362e676966"/></a></p><p>It shows that I&#x27;m working on my Desktop directory.</p><h4>✔ Display List of Files ➡ <code>ls</code></h4><p>To see the list of files and directories in the current directory use <code>ls</code> command in your CLI.</p><p><a href="https://camo.githubusercontent.com/e9cfe3bfa6f8d2ff3cc9f7959a7896facb58708e7e707d012ad989edb589b6ec/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a48487a56724b324374545077546459542e676966"><img src="https://camo.githubusercontent.com/e9cfe3bfa6f8d2ff3cc9f7959a7896facb58708e7e707d012ad989edb589b6ec/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a48487a56724b324374545077546459542e676966"/></a></p><p>Shows all of my files and directories of my Desktop directory.</p><ul><li>To show the contents of a directory pass the directory name to the <code>ls</code> command i.e. <code>ls directory_name</code>.</li><li>Some useful <code>ls</code> command options:-</li></ul><p>OptionDescriptionls -alist all files including hidden file starting with &#x27;.&#x27;ls -llist with the long formatls -lalist long format including hidden files</p><h4>✔ Create a Directory ➡ <code>mkdir</code></h4><p>We can create a new folder using the <code>mkdir</code> command. To use it type <code>mkdir folder_name</code>.</p><p><a href="https://camo.githubusercontent.com/8c10a898b8f52be59dc0723ab2dd0784c22c12a325ffe5cc64a38f07341ef90e/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6d33644479433976524a42555a5378522e676966"><img src="https://camo.githubusercontent.com/8c10a898b8f52be59dc0723ab2dd0784c22c12a325ffe5cc64a38f07341ef90e/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6d33644479433976524a42555a5378522e676966"/></a></p><p>Use <code>ls</code> command to see the directory is created or not.</p><p>I created a cli-practice directory in my working directory i.e. Desktop directory.</p><h4>✔ Move Between Directories ➡ <code>cd</code></h4><p>It&#x27;s used to change directory or to move other directories. To use it type <code>cd directory_name</code>.</p><p><a href="https://camo.githubusercontent.com/d78e325dda59d59be4bd151dd85d3b1966324cb205da2eb540f1372e8195b280/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a33344b4778543247386f4e4d446e49632e676966"><img src="https://camo.githubusercontent.com/d78e325dda59d59be4bd151dd85d3b1966324cb205da2eb540f1372e8195b280/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a33344b4778543247386f4e4d446e49632e676966"/></a></p><p>Can use <code>pwd</code> command to confirm your directory name.</p><p>Changed my directory to the cli-practice directory. And the rest of the tutorial I&#x27;m gonna work within this directory.</p><h4>✔ Parent Directory ➡ <code>..</code></h4><p>We have seen <code>cd</code> command to change directory but if we want to move back or want to move to the parent directory we can use a special symbol <code>..</code> after <code>cd</code> command, like <code>cd ..</code></p><h4>✔ Create Files ➡ <code>touch</code></h4><p>We can create an empty file by typing <code>touch file_name</code>. It&#x27;s going to create a new file in the current directory (the directory you are currently in) with your provided name.</p><p><a href="https://camo.githubusercontent.com/97e82f91cb8cfcf342cf97e8b572b49d1bc264cbe9929c7e23d0f72589d6708d/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a78753177747637674a324e4d765036302e676966"><img src="https://camo.githubusercontent.com/97e82f91cb8cfcf342cf97e8b572b49d1bc264cbe9929c7e23d0f72589d6708d/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a78753177747637674a324e4d765036302e676966"/></a></p><p>I created a hello.txt file in my current working directory. Again you can use <code>ls</code> command to see the file is created or not.</p><p>Now open your hello.txt file in your text editor and write <em>Hello Everyone!</em> into your hello.txt file and save it.</p><h4>✔ Display the Content of a File ➡ <code>cat</code></h4><p>We can display the content of a file using the <code>cat</code> command. To use it type <code>cat file_name</code>.</p><p><a href="https://camo.githubusercontent.com/ffe71e48a1a9bd9b118265c18a81e0b49a515cf40453416134dfca52567bb82c/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a694b6635773951464e43654c527638612e676966"><img src="https://camo.githubusercontent.com/ffe71e48a1a9bd9b118265c18a81e0b49a515cf40453416134dfca52567bb82c/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a694b6635773951464e43654c527638612e676966"/></a></p><p>Shows the content of my hello.txt file.</p><h4>✔ Move Files &amp; Directories ➡ <code>mv</code></h4><p>To move a file and directory, we use <code>mv</code> command.</p><p>By typing <code>mv file_to_move destination_directory</code>, you can move a file to the specified directory.</p><p>By entering <code>mv directory_to_move destination_directory</code>, you can move all the files and directories under that directory.</p><p>Before using this command, we are going to create two more directories and another txt file in our cli-practice directory.</p><p><code>mkdir html css touch bye.txt</code></p><p><a href="https://camo.githubusercontent.com/7197994733b63ae597fb12ba8c29509ed3c714f274d4e51542c64a942c069336/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a70696141517a5f4d51707a6f374450482e676966"><img src="https://camo.githubusercontent.com/7197994733b63ae597fb12ba8c29509ed3c714f274d4e51542c64a942c069336/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a70696141517a5f4d51707a6f374450482e676966"/></a></p><p>Yes, we can use multiple directories &amp; files names one after another to create multiple directories &amp; files in one command.</p><p><a href="https://camo.githubusercontent.com/5db5a79472f5bffa91c5bfd8c892437523b68072d930c7b4334c8b622ecb55de/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a356a6d6a5f5a794e7a34364775514b7a2e676966"><img src="https://camo.githubusercontent.com/5db5a79472f5bffa91c5bfd8c892437523b68072d930c7b4334c8b622ecb55de/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a356a6d6a5f5a794e7a34364775514b7a2e676966"/></a></p><p>Moved my bye.txt file into my css directory and then moved my css directory into my html directory.</p><h4>✔ Rename Files &amp; Directories ➡ <code>mv</code></h4><p><code>mv</code> command can also be used to rename a file and a directory.</p><p>You can rename a file by typing <code>mv old_file_name new_file_name</code> &amp; also rename a directory by typing <code>mv old_directory_name new_directory_name</code>.</p><p><a href="https://camo.githubusercontent.com/3feb1289a79b907796c1d736e119730dc3d2dbcd60c6ba072ee226cc8cb69b75/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a575456753164643667722d6e6d5768442e676966"><img src="https://camo.githubusercontent.com/3feb1289a79b907796c1d736e119730dc3d2dbcd60c6ba072ee226cc8cb69b75/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a575456753164643667722d6e6d5768442e676966"/></a></p><p>Renamed my hello.txt file to the hi.txt file and html directory to the folder directory.</p><h4>✔ Copy Files &amp; Directories ➡ <code>cp</code></h4><p>To do this, we use the <code>cp</code> command.</p><ul><li>You can copy a file by entering <code>cp file_to_copy new_file_name</code>.</li></ul><p><a href="https://camo.githubusercontent.com/9b67b2ef374ba0f1457b24007824ea5b65ca861a100397322d1a13f30a70818f/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6b434c56744b4e396f4b5062486652462e676966"><img src="https://camo.githubusercontent.com/9b67b2ef374ba0f1457b24007824ea5b65ca861a100397322d1a13f30a70818f/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6b434c56744b4e396f4b5062486652462e676966"/></a></p><p>Copied my hi.txt file content into hello.txt file. For confirmation open your hello.txt file in your text editor.</p><ul><li>You can also copy a directory by adding the <code>-r</code> option, like <code>cp -r directory_to_copy new_directory_name</code>.</li></ul><p><em>The</em> <code>-r</code> <em>option for &quot;recursive&quot; means that it will copy all of the files including the files inside of subfolders.</em></p><p><a href="https://camo.githubusercontent.com/b914824b683c77cb019300487919155d05a805fb82b0a743ecdce67fd22bab55/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a4d6e6d7a4d69696f495943754b3932422e676966"><img src="https://camo.githubusercontent.com/b914824b683c77cb019300487919155d05a805fb82b0a743ecdce67fd22bab55/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a4d6e6d7a4d69696f495943754b3932422e676966"/></a></p><p>Here I copied all of the files from the folder to folder-copy.</p><h4>✔ Remove Files &amp; Directories ➡ <code>rm</code></h4><p>To do this, we use the <code>rm</code> command.</p><ul><li>To remove a file, you can use the command like <code>rm file_to_remove</code>.</li></ul><p><a href="https://camo.githubusercontent.com/e35ef5a179966ed8271639d381b997455862bb77794f0b8c219f7ffada7168da/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6f68436d6474686439325f4841365a652e676966"><img src="https://camo.githubusercontent.com/e35ef5a179966ed8271639d381b997455862bb77794f0b8c219f7ffada7168da/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6f68436d6474686439325f4841365a652e676966"/></a></p><p>Here I removed my hi.txt file.</p><ul><li>To remove a directory, use the command like <code>rm -r directory_to_remove</code>.</li></ul><p><a href="https://camo.githubusercontent.com/5622af09767bfd626db8e52f5e040afeaf16be692b75a3069f7b01d74c1c4ee6/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a766f44627a7753707732344132526a512e676966"><img src="https://camo.githubusercontent.com/5622af09767bfd626db8e52f5e040afeaf16be692b75a3069f7b01d74c1c4ee6/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a766f44627a7753707732344132526a512e676966"/></a></p><p>I removed my folder-copy directory from my cli-practice directory i.e. current working directory.</p><h4>✔ Clear Screen ➡ <code>clear</code></h4><p>Clear command is used to clear the terminal screen.</p><h4>✔ Home Directory ➡ <code>~</code></h4><p>The Home directory is represented by <code>~</code>. The Home directory refers to the base directory for the user. If we want to move to the Home directory we can use <code>cd ~</code> command. Or we can only use <code>cd</code> command.</p><hr/><h3>MY COMMANDS</h3><h3>1.) Recursively unzip zip files and then delete the archives when finished</h3><p><strong>here is a</strong> <a href="https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/1-recursive-unzip"><strong>folde</strong></a><strong>r containing the before and after... I had to change folder names slightly due to a limit on the length of file-paths in a github repo.</strong></p><pre><code>find . -name &quot;*.zip&quot; | while read filename; do unzip -o -d &quot;`dirname &quot;$filename&quot;`&quot; &quot;$filename&quot;; done;
+
+find . -name &quot;*.zip&quot; -type f -print -delete
+</code></pre><hr/><h3>2.) Install node modules recursively</h3><pre><code>npm i -g recursive-install
+
+npm-recursive-install
+</code></pre><hr/><h3>3.) Clean up unnecessary files/folders in git repo</h3><pre><code>find . -empty -type f -print -delete #Remove empty files
+
+# -------------------------------------------------------
+find . -empty -type d -print -delete #Remove empty folders
+
+# -------------------------------------------------------
+
+# This will remove .git folders...    .gitmodule files as well as .gitattributes and .gitignore files.
+
+find . \( -name &quot;.git&quot; -o -name &quot;.gitignore&quot; -o -name &quot;.gitmodules&quot; -o -name &quot;.gitattributes&quot; \) -exec rm -rf -- {} +
+
+# -------------------------------------------------------
+
+# This will remove the filenames you see listed below that just take up space if a repo has been downloaded for use exclusively in your personal file system (in which case the following files just take up space)# Disclaimer... you should not use this command in a repo that you intend to use with your work as it removes files that attribute the work to their original creators!
+
+find . \( -name &quot;*SECURITY.txt&quot; -o -name &quot;*RELEASE.txt&quot; -o -name &quot;*CHANGELOG.txt&quot; -o -name &quot;*LICENSE.txt&quot; -o -name &quot;*CONTRIBUTING.txt&quot; -name &quot;*HISTORY.md&quot; -o -name &quot;*LICENSE&quot; -o -name &quot;*SECURITY.md&quot; -o -name &quot;*RELEASE.md&quot; -o -name &quot;*CHANGELOG.md&quot; -o -name &quot;*LICENSE.md&quot; -o -name &quot;*CODE_OF_CONDUCT.md&quot; -o -name &quot;\*CONTRIBUTING.md&quot; \) -exec rm -rf -- {} +
+</code></pre><h4>In Action</h4><p>The following output from my bash shell corresponds to the directory:</p><p><a href="https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/3-clean-up-fluf/DS-ALGO-OFFICIAL-master" title="https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/3-clean-up-fluf/DS-ALGO-OFFICIAL-master"><strong>bgoonz/bash-commands-walkthrough</strong><br/><em>Deployment github-pages Navigation Big O notation is the language we use for talking about how long an algorithm takes...</em>github.com</a><a href="https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/3-clean-up-fluf/DS-ALGO-OFFICIAL-master"></a></p><h4>which was created by running the aforementioned commands in in a perfect copy of this directory</h4><p><a href="https://github.com/bgoonz/DS-ALGO-OFFICIAL" title="https://github.com/bgoonz/DS-ALGO-OFFICIAL"><strong>bgoonz/DS-ALGO-OFFICIAL</strong><br/><em>Deployment github-pages Navigation Big O notation is the language we use for talking about how long an algorithm takes...</em>github.com</a><a href="https://github.com/bgoonz/DS-ALGO-OFFICIAL"></a></p><blockquote><p><strong>.....below is the terminal output for the following commands:</strong></p></blockquote><pre><code>pwd
+/mnt/c/Users/bryan/Downloads/bash-commands/steps/3-clean-up-fluf/DS-ALGO-OFFICIAL-master
+</code></pre><blockquote><p><strong>After printing the working directory for good measure:</strong></p></blockquote><pre><code>find . -empty -type f -print -delete
+</code></pre><blockquote><p><strong>The above command deletes empty files recursively starting from the directory in which it was run:</strong></p></blockquote><pre><code>./CONTENT/DS-n-Algos/File-System/file-utilities/node_modules/line-reader/test/data/empty_file.txt
+./CONTENT/DS-n-Algos/_Extra-Practice/free-code-camp/nodejs/http-collect.js
+./CONTENT/Resources/Comments/node_modules/mime/.npmignore
+./markdown/tree2.md
+./node_modules/loadashes6/lodash/README.md
+./node_modules/loadashes6/lodash/release.md
+./node_modules/web-dev-utils/Markdown-Templates/Markdown-Templates-master/filled-out-readme.md
+|01:33:16|bryan@LAPTOP-9LGJ3JGS:[DS-ALGO-OFFICIAL-master] DS-ALGO-OFFICIAL-master_exitstatus:0[╗___________o&gt;
+</code></pre><blockquote><p><strong>The command seen below deletes empty folders recursively starting from the directory in which it was run:</strong></p></blockquote><pre><code>find . -empty -type d -print -delete
+</code></pre><blockquote><p>The resulting directories....</p></blockquote><pre><code>|01:33:16|bryan@LAPTOP-9LGJ3JGS:[DS-ALGO-OFFICIAL-master] DS-ALGO-OFFICIAL-master_exitstatus:0[╗___________o&gt;
+
+find . -empty -type d -print -delete
+./.git/branches
+./.git/objects/info
+./.git/refs/tags
+|01:33:31|bryan@LAPTOP-9LGJ3JGS:[DS-ALGO-OFFICIAL-master] DS-ALGO-OFFICIAL-master_exitstatus:0[╗___________o&gt;
+</code></pre><blockquote><p><strong>The command seen below deletes .git folders as well as .gitignore, .gitattributes, .gitmodule files</strong></p></blockquote><pre><code>find . \( -name &quot;.git&quot; -o -name &quot;.gitignore&quot; -o -name &quot;.gitmodules&quot; -o -name &quot;.gitattributes&quot; \) -exec rm -rf -- {} +
+</code></pre><p><strong>The command seen below deletes most SECURITY, RELEASE, CHANGELOG, LICENSE, CONTRIBUTING, &amp; HISTORY files that take up pointless space in repo&#x27;s you wish to keep exclusively for your own reference.</strong></p><h3>!!!Use with caution as this command removes the attribution of the work from it&#x27;s original authors</h3><p><a href="https://camo.githubusercontent.com/ea68eea425581d8683031170810ceb578f8bafb975c1d5323100965dd912a3fa/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a72356447687462655a3456644f353455"><img src="https://camo.githubusercontent.com/ea68eea425581d8683031170810ceb578f8bafb975c1d5323100965dd912a3fa/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a72356447687462655a3456644f353455" alt="!!!Use with caution as this command removes the attribution of the work from it&#x27;s original authors!!!!!"/></a></p><p>!!!Use with caution as this command removes the attribution of the work from it&#x27;s original authors!!!!!find . ( -name &quot;<em>SECURITY.txt&quot; -o -name &quot;</em>RELEASE.txt&quot; -o -name &quot;<em>CHANGELOG.txt&quot; -o -name &quot;</em>LICENSE.txt&quot; -o -name &quot;<em>CONTRIBUTING.txt&quot; -name &quot;</em>HISTORY.md&quot; -o -name &quot;<em>LICENSE&quot; -o -name &quot;</em>SECURITY.md&quot; -o -name &quot;<em>RELEASE.md&quot; -o -name &quot;</em>CHANGELOG.md&quot; -o -name &quot;<em>LICENSE.md&quot; -o -name &quot;</em>CODE<em>OF</em>CONDUCT.md&quot; -o -name &quot;*CONTRIBUTING.md&quot; ) -exec rm -rf -- {} +</p><hr/><h3>4.) Generate index.html file that links to all other files in working directory</h3><pre><code>#!/bin/sh
+# find ./ | grep -i &quot;\.*$&quot; &gt;files
+find ./ | sed -E -e &#x27;s/([^ ]+[ ]+){8}//&#x27; | grep -i &quot;\.*$&quot;&gt;files
+listing=&quot;files&quot;
+out=&quot;&quot;
+html=&quot;index.html&quot;
+out=&quot;basename $out.html&quot;
+html=&quot;index.html&quot;
+cmd() {
+  echo &#x27;  &lt;!DOCTYPE html&gt;&#x27;
+  echo &#x27;&lt;html&gt;&#x27;
+  echo &#x27;&lt;head&gt;&#x27;
+  echo &#x27;  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html&quot;&gt;&#x27;
+  echo &#x27;  &lt;meta name=&quot;Author&quot; content=&quot;Bryan Guner&quot;&gt;&#x27;
+  echo &#x27;&lt;link rel=&quot;stylesheet&quot; href=&quot;./assets/prism.css&quot;&gt;&#x27;
+  echo &#x27; &lt;link rel=&quot;stylesheet&quot; href=&quot;./assets/style.css&quot;&gt;&#x27;
+  echo &#x27; &lt;script async defer src=&quot;./assets/prism.js&quot;&gt;&lt;/script&gt;&#x27;
+  echo &quot;  &lt;title&gt; directory &lt;/title&gt;&quot;
+  echo &quot;&quot;
+  echo &#x27;&lt;style&gt;&#x27;
+echo &#x27;    a {&#x27;
+echo &#x27;      color: black;&#x27;
+echo &#x27;    }&#x27;
+echo &#x27;&#x27;
+echo &#x27;    li {&#x27;
+echo &#x27;      border: 1px solid black !important;&#x27;
+echo &#x27;      font-size: 20px;&#x27;
+echo &#x27;      letter-spacing: 0px;&#x27;
+echo &#x27;      font-weight: 700;&#x27;
+echo &#x27;      line-height: 16px;&#x27;
+echo &#x27;      text-decoration: none !important;&#x27;
+echo &#x27;      text-transform: uppercase;&#x27;
+echo &#x27;      background: #194ccdaf !important;&#x27;
+echo &#x27;      color: black !important;&#x27;
+echo &#x27;      border: none;&#x27;
+echo &#x27;      cursor: pointer;&#x27;
+echo &#x27;      justify-content: center;&#x27;
+echo &#x27;      padding: 30px 60px;&#x27;
+echo &#x27;      height: 48px;&#x27;
+echo &#x27;      text-align: center;&#x27;
+echo &#x27;      white-space: normal;&#x27;
+echo &#x27;      border-radius: 10px;&#x27;
+echo &#x27;      min-width: 45em;&#x27;
+echo &#x27;      padding: 1.2em 1em 0;&#x27;
+echo &#x27;      box-shadow: 0 0 5px;&#x27;
+echo &#x27;      margin: 1em;&#x27;
+echo &#x27;      display: grid;&#x27;
+echo &#x27;      -webkit-border-radius: 10px;&#x27;
+echo &#x27;      -moz-border-radius: 10px;&#x27;
+echo &#x27;      -ms-border-radius: 10px;&#x27;
+echo &#x27;      -o-border-radius: 10px;&#x27;
+echo &#x27;    }&#x27;
+echo &#x27;  &lt;/style&gt;&#x27;
+  echo &#x27;&lt;/head&gt;&#x27;
+  echo &#x27;&lt;body&gt;&#x27;
+  echo &quot;&quot;
+  # continue with the HTML stuff
+  echo &quot;&quot;
+  echo &quot;&quot;
+  echo &quot;&lt;ul&gt;&quot;
+  awk &#x27;{print &quot;&lt;li&gt;&lt;a href=\&quot;&quot;$1&quot;\&quot;&gt;&quot;,$1,&quot;&amp;nbsp;&lt;/a&gt;&lt;/li&gt;&quot;}&#x27; $listing
+  # awk &#x27;{print &quot;&lt;li&gt;&quot;};
+  #  {print &quot; &lt;a href=\&quot;&quot;$1&quot;\&quot;&gt;&quot;,$1,&quot;&lt;/a&gt;&lt;/li&gt;&amp;nbsp;&quot;}&#x27; \ $listing
+  echo &quot;&quot;
+  echo &quot;&lt;/ul&gt;&quot;
+  echo &quot;&lt;/body&gt;&quot;
+  echo &quot;&lt;/html&gt;&quot;
+}
+cmd $listing --sort=extension &gt;&gt;$html
+</code></pre><h4>In Action</h4><p><strong>I will use this copy of my Data Structures Practice Site to demonstrate the result:</strong></p><p><a href="https://github.com/side-projects-42/DS-Bash-Examples-Deploy" title="https://github.com/side-projects-42/DS-Bash-Examples-Deploy"><strong>side-projects-42/DS-Bash-Examples-Deploy</strong><br/><em>Deployment github-pages Navigation Big O notation is the language we use for talking about how long an algorithm takes...</em>github.com</a><a href="https://github.com/side-projects-42/DS-Bash-Examples-Deploy"></a></p><p><a href="https://camo.githubusercontent.com/0f97bdb9d1167b14f340044bcdca3eb0472acc4c80dcc9c1db4f13ad6900bf20/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a5075754454557669583547366d6a612d35654b5549772e706e67"><img src="https://camo.githubusercontent.com/0f97bdb9d1167b14f340044bcdca3eb0472acc4c80dcc9c1db4f13ad6900bf20/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a5075754454557669583547366d6a612d35654b5549772e706e67"/></a></p><h4>The result is a index.html file that contains a list of links to each file in the directory</h4><blockquote><p>here is a link to and photo of the resulting html file:</p></blockquote><p><a href="https://quirky-meninsky-4181b5.netlify.app/" title="https://quirky-meninsky-4181b5.netlify.app/"><strong>index.html</strong><br/><em>CONTENT/DS-n-Algos/</em>quirky-meninsky-4181b5.netlify.app</a><a href="https://quirky-meninsky-4181b5.netlify.app/"></a></p><p><a href="https://camo.githubusercontent.com/ce04a06e4fc2c23c62fd6a9dbea96125b5920b8c53a1c62434325989768cd1a7/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a414f5962577655474e39794a3463654e7a41474773772e706e67"><img src="https://camo.githubusercontent.com/ce04a06e4fc2c23c62fd6a9dbea96125b5920b8c53a1c62434325989768cd1a7/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a414f5962577655474e39794a3463654e7a41474773772e706e67"/></a></p><hr/><h3>5.) Download all links to a files of a specified extension on a user provided (url) webpage</h3><pre><code>wget -r -A.pdf https://overapi.com/gitwget --wait=2 --level=inf --limit-rate=20K --recursive --page-requisites --user-agent=Mozilla --no-parent --convert-links --adjust-extension --no-clobber -e robots=off
+</code></pre><blockquote><p>The result is stored in <a href="https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/5-download-all-pdf">this directory:</a></p></blockquote><p><a href="https://camo.githubusercontent.com/02861c1b49280db7ab6c017bc4dc93f0d22b7385e2b33e2154fc3e734b1da3c7/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a38657656504f5f7a2d5f5441547a6b634454703135512e706e67"><img src="https://camo.githubusercontent.com/02861c1b49280db7ab6c017bc4dc93f0d22b7385e2b33e2154fc3e734b1da3c7/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a38657656504f5f7a2d5f5441547a6b634454703135512e706e67"/></a></p><hr/><h3>6.)Recursively remove lines of text containing the string badFolder from files in the working directory</h3><pre><code>find . -type f -exec sed -i &#x27;/badFolder/d&#x27; ./* {} \;
+
+# OR
+
+find . -name &#x27;result.md&#x27;  -type f -exec sed -i &#x27;/badFolder/d&#x27; ./* {} \;
+</code></pre><p><strong>As an example I will run this command on a file containing the text:</strong></p><pre><code>Hacks Blog
+
+Read more at hacks.mozilla.org
+
+badFolder
+
+badFolder Implementing Private Fields for JavaScript
+
+When implementing a language feature for JavaScript, an implementer must make decisions about how the language in the specification maps to the implementation. Private fields is an example of where the specification language and implementation reality diverge, at least in SpiderMonkey-- the JavaScript engine which powers Firefox. To understand more, I&#x27;ll explain what private fields are, a couple of models for thinking about them, and explain why our implementation diverges from the specification language.The post Implementing Private Fields for JavaScript appeared first on Mozilla Hacks - the Web developer blog.
+
+Posted Tuesday, June 8, 2021 by Matthew Gaudet
+
+Looking fine with Firefox 89
+
+Firefox 89 has smartened up and brings with it a slimmed-down, slightly more minimalist interface.badFolder Along with this new look, we get some great styling features including a force-colours feature for media queries and better control over how fonts are displayed. The long-awaited top-level await keyword for JavaScript modules is now enabled, as well as the PerformanceEventTiming interface, which is another addition to the performance suite of APIs: 89 really has been working out!The post Looking fine with Firefox 89 appeared first on Mozilla Hacks - the Web developer blog.
+
+badFolder
+
+Posted Tuesday, June 1, 2021 by Chris Mills
+
+badFolder
+
+Improving Firefox stability on Linux
+
+Roughly a year ago at Mozilla we started an effort to improve Firefox stability on Linux. This effort quickly became an example of good synergies between FOSS projects.The post Improving Firefox stability on Linux appeared first on Mozilla Hacks - the Web developer blog.
+
+Posted Wednesday, May 19, 2021 by Gabriele Svelto badFolder
+
+Introducing Firefox&#x27;s new Site Isolation Security Architecture
+
+Like any web browser, Firefox loads code from untrusted and potentially hostile websites and runs it on your computer. To protect you against new types of attacks from malicious sites and to meet the security principles of Mozilla, we set out to redesign Firefox on desktop.The post Introducing Firefox&#x27;s new Site Isolation Security Architecture appeared first on Mozilla Hacks - the Web developer blog.
+
+Posted Tuesday, May 18, 2021 by Anny Gakhokidze
+
+Pyodide Spin Out and 0.17 Release
+
+We are happy to announce that Pyodide has become an independent and community-driven project. We are also pleased to announce the 0.17 release for Pyodide with many new features and improvements. Pyodide consists of the CPython 3.8 interpreter compiled to WebAssembly which allows Python to run in the browser.The post Pyodide Spin Out and 0.17 Release appeared first on Mozilla Hacks - the Web developer blog. badFolder
+
+Posted Thursday, April 22, 2021 by Teon Brooks
+</code></pre><p><strong><em>I modified the command slightly to apply only to files called &#x27;result.md&#x27;:</em></strong></p><blockquote><p>The result is :</p></blockquote><pre><code>Hacks Blog
+
+Read more at hacks.mozilla.org
+
+When implementing a language feature for JavaScript, an implementer must make decisions about how the language in the specification maps to the implementation. Private fields is an example of where the specification language and implementation reality diverge, at least in SpiderMonkey-- the JavaScript engine which powers Firefox. To understand more, I&#x27;ll explain what private fields are, a couple of models for thinking about them, and explain why our implementation diverges from the specification language.The post Implementing Private Fields for JavaScript appeared first on Mozilla Hacks - the Web developer blog.
+
+Posted Tuesday, June 8, 2021 by Matthew Gaudet
+
+Looking fine with Firefox 89
+
+Posted Tuesday, June 1, 2021 by Chris Mills
+
+Improving Firefox stability on Linux
+
+Roughly a year ago at Mozilla we started an effort to improve Firefox stability on Linux. This effort quickly became an example of good synergies between FOSS projects.The post Improving Firefox stability on Linux appeared first on Mozilla Hacks - the Web developer blog.
+
+Introducing Firefox&#x27;s new Site Isolation Security Architecture
+
+Like any web browser, Firefox loads code from untrusted and potentially hostile websites and runs it on your computer. To protect you against new types of attacks from malicious sites and to meet the security principles of Mozilla, we set out to redesign Firefox on desktop.The post Introducing Firefox&#x27;s new Site Isolation Security Architecture appeared first on Mozilla Hacks - the Web developer blog.
+
+Posted Tuesday, May 18, 2021 by Anny Gakhokidze
+
+Pyodide Spin Out and 0.17 Release
+
+Posted Thursday, April 22, 2021 by Teon Brooks
+</code></pre><p><a href="https://camo.githubusercontent.com/4308e370c8f20afdfd06a497dcd7eb257b61b498a18c23a3c9584675b38b1a10/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a55703561732d4d6b4863486276495f715831417150772e706e67"><img src="https://camo.githubusercontent.com/4308e370c8f20afdfd06a497dcd7eb257b61b498a18c23a3c9584675b38b1a10/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a55703561732d4d6b4863486276495f715831417150772e706e67"/></a></p><p><strong>the test.txt and result.md files can be found here:</strong></p><p><a href="https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/6-remove-lines-contaning-bad-text" title="https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/6-remove-lines-contaning-bad-text"><strong>bgoonz/bash-commands-walkthrough</strong><br/><em>to accompany the medium article I am writing. Contribute to bgoonz/bash-commands-walkthrough development by creating an...</em>github.com</a><a href="https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/6-remove-lines-contaning-bad-text"></a></p><hr/><h3>7.) Execute command recursively</h3><p><strong>Here I have modified the command I wish to run recursively to account for the fact that the &#x27;find&#x27; command already works recursively, by appending the -maxdepth 1 flag...</strong></p><blockquote><p><strong>I am essentially removing the recursive action of the find command...</strong></p></blockquote><p><strong>That way, if the command affects the more deeply nested folders we know the outer RecurseDirs function we are using to run the <em>find/pandoc</em> line once in every subfolder of the working directory... is working properly!</strong></p><p><a href="https://camo.githubusercontent.com/b514da1e3cfcfeda7a09f9d691618ee89526a7ebe8ded7dd7140a5c88f5f9d3e/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3630302f312a35435f757a4c6e7543536c5469696f693245746e55412e706e67"><img src="https://camo.githubusercontent.com/b514da1e3cfcfeda7a09f9d691618ee89526a7ebe8ded7dd7140a5c88f5f9d3e/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3630302f312a35435f757a4c6e7543536c5469696f693245746e55412e706e67"/></a></p><p><strong>Run in the folder shown to the left... we would expect every .md file to be accompanied by a newly generated html file by the same name.</strong></p><p><strong>The results of said operation can be found in the</strong> <a href="https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/7-recursive-run"><strong>following directory</strong></a></p><h4>In Action</h4><p>🢃 Below 🢃</p><p><a href="https://camo.githubusercontent.com/5f6bdf3692deea17ec807a6bb770b7474de94190813abae568dde34f9f8b5422/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a6b39633151524b593037544c4a6e7039536538396c512e676966"><img src="https://camo.githubusercontent.com/5f6bdf3692deea17ec807a6bb770b7474de94190813abae568dde34f9f8b5422/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a6b39633151524b593037544c4a6e7039536538396c512e676966"/></a></p><h4>The final result is</h4><p><a href="https://camo.githubusercontent.com/1d5d06c2c92fbb7a3f42080beacb2ae8e3e0e9887220cfe81ba851eff627c753/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a6a71726a4e654275526d5472447433766d5135304c512e706e67"><img src="https://camo.githubusercontent.com/1d5d06c2c92fbb7a3f42080beacb2ae8e3e0e9887220cfe81ba851eff627c753/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f312a6a71726a4e654275526d5472447433766d5135304c512e706e67"/></a></p><p><em>If you want to run any bash script recursively all you have to do is substitue out line #9 with the command you want to run once in every sub-folder.</em></p><pre><code>function RecurseDirs ()
+{
+    oldIFS=$IFS
+    IFS=$&#x27;\n&#x27;
+    for f in &quot;$@&quot;
+    do
+
+#Replace the line below with your own command!
+
+#find ./ -iname &quot;*.md&quot; -maxdepth 1 -type f -exec sh -c &#x27;pandoc --standalone &quot;${0}&quot; -o &quot;${0%.md}.html&quot;&#x27; {} \;
+
+#####################################################
+# YOUR CODE BELOW!
+
+#####################################################
+
+if [[ -d &quot;${f}&quot; ]]; then
+            cd &quot;${f}&quot;
+            RecurseDirs $(ls -1 &quot;.&quot;)
+            cd ..
+        fi
+    done
+    IFS=$oldIFS
+}
+RecurseDirs &quot;./&quot;
+</code></pre><hr/><h3>TBC</h3><p><strong>Here are some of the other commands I will cover in greater detail... at a later time:</strong></p><h3>9. Copy any text between <script> tags in a file called example.html to be inserted into a new file: out.js&lt;/h3&gt;
+&lt;pre&gt;&lt;code&gt;sed -n -e &#x27;/&amp;#x3C;script&gt;/,/&amp;#x3C;\/script&gt;/p&#x27; example.html &gt;out.js
+&lt;/code&gt;&lt;/pre&gt;
+&lt;hr&gt;
+&lt;h3&gt;10. Recursively Delete node_modules folders&lt;/h3&gt;
+&lt;pre&gt;&lt;code&gt;find . -name &#x27;node_modules&#x27; -type d -print -prune -exec rm -rf &#x27;{}&#x27; +
+&lt;/code&gt;&lt;/pre&gt;
+&lt;hr&gt;
+&lt;h3&gt;11. Sanatize file and folder names to remove illegal characters and reserved words&lt;/h3&gt;
+&lt;pre&gt;&lt;code&gt;sanitize() {
+  shopt -s extglob;
+
+  filename=$(basename &quot;$1&quot;)
+  directory=$(dirname &quot;$1&quot;)
+
+  filename_clean=$(echo &quot;$filename&quot; | sed -e &#x27;s/[\\/:\*\?&quot;&amp;#x3C;&gt;\|\x01-\x1F\x7F]//g&#x27; -e &#x27;s/^\(nul\|prn\|con\|lpt[0-9]\|com[0-9]\|aux\)\(\.\|$\)//i&#x27; -e &#x27;s/^\.*$//&#x27; -e &#x27;s/^$/NONAME/&#x27;)
+
+  if (test &quot;$filename&quot; != &quot;$filename_clean&quot;)
+  then
+    mv -v &quot;$1&quot; &quot;$directory/$filename_clean&quot;
+  fi
+}
+
+export -f sanitize
+
+sanitize_dir() {
+  find &quot;$1&quot; -depth -exec bash -c &#x27;sanitize &quot;$0&quot;&#x27; {} \;
+
+}
+
+sanitize_dir &#x27;/path/to/somewhere&#x27;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;hr&gt;
+&lt;h3&gt;12. Start postgresql in terminal&lt;/h3&gt;
+&lt;pre&gt;&lt;code&gt;sudo -u postgres psql
+&lt;/code&gt;&lt;/pre&gt;
+&lt;hr&gt;
+&lt;h3&gt;13. Add closing body and script tags to each html file in working directory&lt;/h3&gt;
+&lt;pre&gt;&lt;code&gt;for f in * ; do
+  mv &quot;$f&quot; &quot;$f.html&quot;
+doneecho &quot;&amp;#x3C;form&gt;
+ &amp;#x3C;input type=&quot;button&quot; value=&quot;Go back!&quot; onclick=&quot;history.back()&quot;&gt;
+&amp;#x3C;/form&gt;
+  &amp;#x3C;/body&gt;&amp;#x3C;/html&gt;&quot; | tee -a *.html
+&lt;/code&gt;&lt;/pre&gt;
+&lt;hr&gt;
+&lt;h3&gt;14. Batch Download Videos&lt;/h3&gt;
+&lt;pre&gt;&lt;code&gt;#!/bin/bash
+
+link=&quot;#insert url here#&quot;
+#links were a set of strings with just the index of the video as the variable
+
+num=3
+#first video was numbered 3 - weird.
+
+ext=&quot;.mp4&quot;
+
+while [ $num -le 66 ]
+do
+      wget $link$num$ext -P ~/Downloads/
+      num=$(($num+1))
+done
+&lt;/code&gt;&lt;/pre&gt;
+&lt;hr&gt;
+&lt;h3&gt;15. Change File Extension from &#x27;.txt&#x27; to .doc for all files in working directory&lt;/h3&gt;
+&lt;pre&gt;&lt;code&gt;sudo apt install rename
+
+rename &#x27;s/\.txt$/.doc/&#x27; *.txt
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3&gt;16. Recursivley change any file with extension .js.download to .js&lt;/h3&gt;
+&lt;pre&gt;&lt;code&gt;find . -name &quot;*.\.js\.download&quot; -exec rename &#x27;s/\.js\.download$/.js/&#x27; &#x27;{}&#x27; +
+&lt;/code&gt;&lt;/pre&gt;
+&lt;hr&gt;
+&lt;h3&gt;17. Copy folder structure including only files of a specific extension into an ouput Folder&lt;/h3&gt;
+&lt;pre&gt;&lt;code&gt;find . -name &#x27;*.md&#x27; | cpio -pdm &#x27;./../outputFolder&#x27;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;hr&gt;
+&lt;h3&gt;Discover More&lt;/h3&gt;
+&lt;p&gt;&lt;a href=&quot;https://bgoonz-blog.netlify.app/&quot; title=&quot;https://bgoonz-blog.netlify.app/&quot;&gt;&lt;strong&gt;Web-Dev-Hub&lt;/strong&gt;&lt;br&gt;
+&lt;em&gt;Memoization, Tabulation, and Sorting Algorithms by Example Why is looking at runtime not a reliable method of...&lt;/em&gt;bgoonz-blog.netlify.app&lt;/a&gt;&lt;a href=&quot;https://bgoonz-blog.netlify.app/&quot;&gt;&lt;/a&gt;&lt;/p&gt;
+&lt;h3&gt;Part 2 of this series&lt;/h3&gt;
+&lt;p&gt;&lt;a href=&quot;https://medium.com/@bryanguner/life-saving-bash-scripts-part-2-b40c8ee22682&quot; title=&quot;https://medium.com/@bryanguner/life-saving-bash-scripts-part-2-b40c8ee22682&quot;&gt;&lt;strong&gt;Medium&lt;/strong&gt;&lt;br&gt;
+&lt;em&gt;Continued!!!medium.com&lt;/em&gt;&lt;/a&gt;&lt;a href=&quot;https://medium.com/@bryanguner/life-saving-bash-scripts-part-2-b40c8ee22682&quot;&gt;&lt;/a&gt;&lt;/p&gt;
+&lt;hr&gt;
+&lt;p&gt;By &lt;a href=&quot;https://medium.com/@bryanguner&quot;&gt;Bryan Guner&lt;/a&gt; on &lt;a href=&quot;https://medium.com/p/920fb6ab9d0a&quot;&gt;June 29, 2021&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;&lt;a href=&quot;https://medium.com/@bryanguner/bash-commands-that-save-time-920fb6ab9d0a&quot;&gt;Canonical link&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;Exported from &lt;a href=&quot;https://medium.com/&quot;&gt;Medium&lt;/a&gt; on July 13, 2021.&lt;/p&gt;
+&lt;p&gt;&lt;a href=&quot;https://gist.github.com/bgoonz/674c3f169d75d5ab9453d4c7ffbdd821/raw/6df51b57737eabd32d1c68c57e110600f471619a/Bash-Comma.md&quot;&gt;view raw&lt;/a&gt;&lt;a href=&quot;https://gist.github.com/bgoonz/674c3f169d75d5ab9453d4c7ffbdd821#file-bash-comma-md&quot;&gt;Bash-Comma.md&lt;/a&gt; hosted with ❤ by &lt;a href=&quot;https://github.com/&quot;&gt;GitHub&lt;/a&gt;&lt;/p&gt;
+&lt;h1&gt;Basic Web Development Environment Setup&lt;/h1&gt;
+&lt;p&gt;Windows Subsystem for Linux (WSL) and Ubuntu&lt;/p&gt;
+&lt;hr&gt;
+&lt;h3&gt;Basic Web Development Environment Setup&lt;/h3&gt;
+&lt;h4&gt;Windows Subsystem for Linux (WSL) and Ubuntu&lt;/h4&gt;
+&lt;p&gt;&lt;a href=&quot;https://camo.githubusercontent.com/305c753492ee50b499a95b10c6a817c07821f73ff6c734b45b073b8a7aeafebd/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a61714b503164724e486d4e6d33347a7a2e6a7067&quot;&gt;&lt;img src=&quot;https://camo.githubusercontent.com/305c753492ee50b499a95b10c6a817c07821f73ff6c734b45b073b8a7aeafebd/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a61714b503164724e486d4e6d33347a7a2e6a7067&quot;&gt;&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;Test if you have Ubuntu installed by typing &quot;Ubuntu&quot; in the search box in the bottom app bar that reads &quot;Type here to search&quot;. If you see a search result that reads &lt;strong&gt;&quot;Ubuntu 20.04 LTS&quot;&lt;/strong&gt; with &quot;App&quot; under it, then you have it installed.&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;In the application search box in the bottom bar, type &quot;PowerShell&quot; to find the application named &quot;Windows PowerShell&quot;&lt;/li&gt;
+&lt;li&gt;Right-click on &quot;Windows PowerShell&quot; and choose &quot;Run as administrator&quot; from the popup menu&lt;/li&gt;
+&lt;li&gt;In the blue PowerShell window, type the following: &lt;code&gt;Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux&lt;/code&gt;&lt;/li&gt;
+&lt;li&gt;Restart your computer&lt;/li&gt;
+&lt;li&gt;In the application search box in the bottom bar, type &quot;Store&quot; to find the application named &quot;Microsoft Store&quot;&lt;/li&gt;
+&lt;li&gt;Click &quot;Microsoft Store&quot;&lt;/li&gt;
+&lt;li&gt;Click the &quot;Search&quot; button in the upper-right corner of the window&lt;/li&gt;
+&lt;li&gt;Type in &quot;Ubuntu&quot;&lt;/li&gt;
+&lt;li&gt;Click &quot;Run Linux on Windows (Get the apps)&quot;&lt;/li&gt;
+&lt;li&gt;Click the orange tile labeled &lt;strong&gt;&quot;Ubuntu&quot;&lt;/strong&gt; Note that there are 3 versions in the Microsoft Store... you want the one just entitled &#x27;Ubuntu&#x27;&lt;/li&gt;
+&lt;li&gt;Click &quot;Install&quot;&lt;/li&gt;
+&lt;li&gt;After it downloads, click &quot;Launch&quot;&lt;/li&gt;
+&lt;li&gt;If you get the option, pin the application to the task bar. Otherwise, right-click on the orange Ubuntu icon in the task bar and choose &quot;Pin to taskbar&quot;&lt;/li&gt;
+&lt;li&gt;When prompted to &quot;Enter new UNIX username&quot;, type your first name with no spaces&lt;/li&gt;
+&lt;li&gt;When prompted, enter and retype a password for this UNIX user (it can be the same as your Windows password)&lt;/li&gt;
+&lt;li&gt;Confirm your installation by typing the command &lt;code&gt;whoami &#x27;as in who-am-i&#x27;&lt;/code&gt;followed by Enter at the prompt (it should print your first name)&lt;/li&gt;
+&lt;li&gt;You need to update your packages, so type &lt;code&gt;sudo apt update&lt;/code&gt; (if prompted for your password, enter it)&lt;/li&gt;
+&lt;li&gt;You need to upgrade your packages, so type &lt;code&gt;sudo apt upgrade&lt;/code&gt; (if prompted for your password, enter it)&lt;/li&gt;
+&lt;/ol&gt;
+&lt;h3&gt;Git&lt;/h3&gt;
+&lt;p&gt;Git comes with Ubuntu, so there&#x27;s nothing to install. However, you should configure it using the following instructions.&lt;/p&gt;
+&lt;p&gt;‌Open an Ubuntu terminal if you don&#x27;t have one open already.&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;You need to configure Git, so type &lt;code&gt;git config --global user.name &quot;Your Name&quot;&lt;/code&gt; with replacing &quot;Your Name&quot; with your real name.&lt;/li&gt;
+&lt;li&gt;You need to configure Git, so type &lt;code&gt;git config --global user.email your@email.com&lt;/code&gt; with replacing &quot;&lt;a href=&quot;mailto:your@email.com&quot;&gt;&lt;/a&gt;&lt;a href=&quot;mailto:your@email.com&quot;&gt;your@email.com&lt;/a&gt;&quot; with your real email.&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;&lt;strong&gt;Note: if you want git to remember your login credentials type:&lt;/strong&gt;&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;git config --global credential.helper store
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3&gt;Google Chrome&lt;/h3&gt;
+&lt;p&gt;Test if you have Chrome installed by typing &quot;Chrome&quot; in the search box in the bottom app bar that reads &quot;Type here to search&quot;. If you see a search result that reads &quot;Chrome&quot; with &quot;App&quot; under it, then you have it installed. Otherwise, follow these instructions to install Google Chrome.&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Open Microsoft Edge, the blue &quot;e&quot; in the task bar, and type in &lt;a href=&quot;http://chrome.google.com/&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://chrome.google.com/&quot;&gt;http://chrome.google.com&lt;/a&gt;. Click the &quot;Download Chrome&quot; button. Click the &quot;Accept and Install&quot; button after reading the terms of service. Click &quot;Save&quot; in the &quot;What do you want to do with ChromeSetup.exe&quot; dialog at the bottom of the window. When you have the option to &quot;Run&quot; it, do so. Answer the questions as you&#x27;d like. Set it as the default browser.&lt;/li&gt;
+&lt;li&gt;Right-click on the Chrome icon in the task bar and choose &quot;Pin to taskbar&quot;.&lt;/li&gt;
+&lt;/ol&gt;
+&lt;h3&gt;Node.js&lt;/h3&gt;
+&lt;p&gt;Test if you have Node.js installed by opening an Ubuntu terminal and typing &lt;code&gt;node --version&lt;/code&gt;. If it reports &quot;Command &#x27;node&#x27; not found&quot;, then you need to follow these directions.&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;In the Ubuntu terminal, type &lt;code&gt;sudo apt update&lt;/code&gt; and press Enter&lt;/li&gt;
+&lt;li&gt;In the Ubuntu terminal, type &lt;code&gt;sudo apt install build-essential&lt;/code&gt; and press Enter&lt;/li&gt;
+&lt;li&gt;In the Ubuntu terminal, type &lt;code&gt;curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash&lt;/code&gt; and press Enter&lt;/li&gt;
+&lt;li&gt;In the Ubuntu terminal, type &lt;code&gt;. ./.bashrc&lt;/code&gt; and press Enter&lt;/li&gt;
+&lt;li&gt;In the Ubuntu terminal, type &lt;code&gt;nvm install --lts&lt;/code&gt; and press Enter&lt;/li&gt;
+&lt;li&gt;Confirm that &lt;strong&gt;node&lt;/strong&gt; is installed by typing &lt;code&gt;node --version&lt;/code&gt; and seeing it print something that is not &quot;Command not found&quot;!&lt;/li&gt;
+&lt;/ol&gt;
+&lt;h3&gt;Unzip&lt;/h3&gt;
+&lt;p&gt;You will often have to download a zip file and unzip it. It is easier to do this from the command line. So we need to install a linux unzip utility.&lt;/p&gt;
+&lt;p&gt;‌In the Ubuntu terminal type: &lt;code&gt;sudo apt install unzip&lt;/code&gt; and press Enter&lt;/p&gt;
+&lt;p&gt;‌Mocha.js&lt;/p&gt;
+&lt;p&gt;Test if you have Mocha.js installed by opening an Ubuntu terminal and typing &lt;code&gt;which mocha&lt;/code&gt;. If it prints a path, then you&#x27;re good. Otherwise, if it prints nothing, install Mocha.js by typing &lt;code&gt;npm install -g mocha&lt;/code&gt;.&lt;/p&gt;
+&lt;h3&gt;Python 3&lt;/h3&gt;
+&lt;p&gt;Ubuntu does not come with Python 3. Install it using the command &lt;code&gt;sudo apt install python3&lt;/code&gt;. Test it by typing &lt;code&gt;python3 --version&lt;/code&gt; and seeing it print a number.&lt;/p&gt;
+&lt;h3&gt;Note about WSL&lt;/h3&gt;
+&lt;p&gt;As of the time of writing of this document, WSL has an issue renaming or deleting files if Visual Studio Code is open. So before doing any linux commands which manipulate files, make sure you &lt;strong&gt;close&lt;/strong&gt; Visual Studio Code before running those commands in the Ubuntu terminal.&lt;/p&gt;
+&lt;p&gt;‌&lt;/p&gt;</script></h3></div></div></article><nav id="page-nav" class="page-nav"><div id="page-nav-inside" class="page-nav-inside sticky"><h2 class="page-nav-title">Jump to Section</h2><div id="page-nav-link-container"></div></div></nav></div><div id="disqus_thread"></div><div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&amp;g=1&amp;e=1"></div></div></main><footer id="colophon" class="site-footer outer"><div><center><br/><div id="search"> <!-- --> </div><br/><table cellPadding="0" cellSpacing="0" border="0"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><center><table width="95%" cellPadding="0" cellSpacing="0" border="0" style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="left"><a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">index</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="center"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0">sitemap</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="right"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;pid=a">advanced</a></td></tr></tbody></table></center><form style="margin:0px;margin-top:2px" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self"><input type="hidden" name="si" value="14588965"/><input type="hidden" name="pid" value="r"/><input type="hidden" name="n" value="0"/><input type="hidden" name="_charset_" value="true"/><input type="hidden" name="bcd" value="÷"/><input type="text" name="query" size="15"/><input type="submit" value="search"/></form></td></tr><tr><td style="text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:7.5pt;padding-top:4px"><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">search engine</a><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">by<span style="color:transparent">freefind</span></a></td></tr></tbody></table><a class="save2PDF" href="http://pdfcrowd.com/url_to_pdf/?">Save to PDF</a></center><a aria-current="page" class="site-logo" href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></div><div class="inner"><div id="search" class="inner"></div><div class="site-footer-inside"><p class="site-info"><span class="copyright">@bgoonz on almost every platform</span><a href="https://random-static-html-deploys.netlify.app/blm.html" target="_blank" rel="noopener " class="button">BLM</a><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener ">Docs</a><a href="#">lorem-ipsum</a> </p><div class="social-links"><a href="https://twitter.com/bgooonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Twitter</span></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">LinkedIn</span></a><a href="https://github.com/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">GitHub</span></a><a href="https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Youtube</span></a><a href="https://www.instagram.com/bgoonz/?hl=en" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Instagram</span></a><a href="https://dev.to/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">dev.to</span></a><a href="#">lorem-ipsum</a> </div> </div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script src='../../../../d33wubrfki0l68.cloudfront.net/bundles/0233599d4c45be641254dc1947c4cc78b0c22051.js'></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="index.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-50463aa39b84c4d1ec96.js"],"app":["/app-10180cc44b3853f61402.js"],"component---src-templates-advanced-js":["/component---src-templates-advanced-js-6f213d193b5ecf8f0dd1.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-d1d7372de9a72caa6ec8.js"],"component---src-templates-docs-js":["/component---src-templates-docs-js-731339ed0815d7cada90.js"],"component---src-templates-page-js":["/component---src-templates-page-js-dcb6b8bc1563f876e59f.js"],"component---src-templates-post-js":["/component---src-templates-post-js-8dfc6c5f64f9cf30c603.js"]};/*]]>*/</script><script nomodule src='../../../../d33wubrfki0l68.cloudfront.net/js/582b61cb624d3b5bcc6977024571665de2ae7a24/polyfill-50463aa39b84c4d1ec96.js'></script><script async src='../../../../d33wubrfki0l68.cloudfront.net/bundles/a315e5520efecbe9f2dbefdf6e0d24cc6e3a3847.js'></script><input type="button" style="position: fixed;top: 10px;right: 10px;width:80px;color:white;font-weight:bold;background-color:rgba(0, 0, 0, 0.856); border-radius:15px;" value="Go Back" onclick="history.back(-1)" />
+      <?php
+        $url = htmlspecialchars($_SERVER['HTTP_REFERER']);
+        echo "<a href='%24url.html'></a><script src="../../../../widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="609b2d7c71a5dd0016f36326"></script><!-- Go to www.addthis.com/dashboard to customize your tools -->
+<script type="text/javascript" src="../../../../s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60dcec1ece575946"></script><script>
+let div = window.createElement('div');
+div.id('search');
+div.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;bottom: 0px;right: 25%;left: 50 %;';
+let docscontent = window.getElementByClassName('docs-content');
+docscontent.appendChild(div);
+
+let div1 = window.createElement('div');
+div1.id('search');
+div1.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;background:#063;bottom: 0px;right: 25%;left: 50 %;margin-left: -150px';
+let header = window.getElementByClassName('site-header-inside');
+header.appendChild('div1');
+
+</script><!-- Default Statcounter code for 2
+https://bgoonz-blog.netlify.app/ -->
+<script type="text/javascript">
+var sc_project=12702211; 
+var sc_invisible=0; 
+var sc_security="011fbeb6"; 
+var sc_text=3; 
+var scJsHost = "https:///";
+document.write("<sc"+"ript type='text/javascript' src='" +
+scJsHost+
+"statcounter.com/counter/counter.js'></"+"script>");
+</script>
+<noscript><div class="statcounter"><a title="Web Analytics"
+href="https://statcounter.com/" target="_blank"><img
+class="statcounter"
+src="https://c.statcounter.com/12702211/0/011fbeb6/0/"
+alt="Web Analytics"
+referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
+<!-- End of Statcounter Code -->
+<a href="https://statcounter.com/p12702211/?guest=1">View My
+Stats</a><script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>
+          // Get the button:
+          mybutton = document.getElementById("scrollBtn");
+          // When the user scrolls down 20px from the top of the document, show the button
+          window.onscroll = function () {
+            scrollFunction();
+          };
+          function scrollFunction() {
+            if (
+              document.body.scrollTop > 20 ||
+              document.documentElement.scrollTop > 20
+            ) {
+              mybutton.style.display = "block";
+            } else {
+              mybutton.style.display = "none";
+            }
+          }
+          // When the user clicks on the button, scroll to the top of the document
+          function topFunction() {
+            document.body.scrollTop = 0; // For Safari
+            document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+          }
+        </script>
+        <script>
+          window.addEventListener("DOMContentLoaded", (event) => {
+            console.log("DOM fully loaded and parsed");
+            const scrollToTop = () => {
+              const c =
+                document.documentElement.scrollTop || document.body.scrollTop;
+              if (c > 0) {
+                window.requestAnimationFrame(scrollToTop);
+                window.scrollTo(0, c - c / 8);
+              }
+            };
+            scrollToTop();
+          });
+        </script>
+<button id="scrollBtn" title="Go to top" onclick="topFunction()" style="display: block;">
+          Back To Top
+        </button></body></html>
diff --git a/docs/content/html-docs/faq/contact/index.html b/docs/content/html-docs/faq/contact/index.html
new file mode 100644
index 0000000000..113b2b7506
--- /dev/null
+++ b/docs/content/html-docs/faq/contact/index.html
@@ -0,0 +1,533 @@
+<!DOCTYPE html><html><!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
+<head><style data-href="../../../styles.9ec07c865aac99f55058.css">html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}.font-fira-sans b,.font-fira-sans strong{font-weight:600}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:Lato,Helvetica,Arial,sans-serif;font-size:100%}body{background:#f8f8fa;color:#424b5f;line-height:1.425;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow:scroll}a{color:#00c6ff;text-decoration:underline;transition:color .4s ease-out}a:hover{color:#424b5f}#social-embed{bottom:120px!important;width:100%!important;width:1000px!important;box-shadow:inset 0 5px 3px -10px #000,inset 0 -11px 8px -10px #000;margin:0 auto!important;height:400px!important;overflow:scroll!important;border:1px dotted #000}iframe{overflow-y:scroll;overflow-x:scroll;border-radius:12px;border:1px dotted #000;height:1200px;box-shadow:inset 0 4px 4px -10px #000,inset 0 -11px 8px -10px #000;width:1000px;resize:both!important;overflow:scroll}code{box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}pre{box-shadow:0 1px 4px rgba(184,137,137,.3),inset 0 0 40px rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{color:#283040;font-weight:700;line-height:1.2;margin:1.5em 0 .5em;text-rendering:optimizeLegibility}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}p{margin:0 0 1em}ins,mark{background:#fff7e6;color:#283040;padding:.15em;text-decoration:none}pre{background:#283040;border-radius:3px;color:#f8f8fa;font-size:.875em;line-height:1.5;margin:1.14286em 0;overflow:auto;padding:1.5em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal}pre:first-child{margin-top:0}:not(pre)>code{background:#ecedf2;border-radius:3px;color:#424b5f;font-size:.875rem;padding:.15em;white-space:normal}blockquote{border-left:5px solid #00c6ff;font-size:1.25em;line-height:1.4;margin:1.25em 0;padding:0 0 0 1em}blockquote:first-child{margin-top:0}blockquote p{margin-bottom:.5em}blockquote cite,blockquote small{color:#67758d;display:block;font-size:.75em;font-style:normal;font-weight:400;line-height:1.5;margin-top:.5em}dl{margin:0}dt{font-weight:700}dd,ol,ul{margin:0 0 1em}ul{list-style:disc;padding:0 0 0 1.125em}ol{list-style:decimal;padding:0 0 0 1.5em}li>ol,li>ul{margin-bottom:0}hr{background-color:#dde0e7;border:0;height:1px;margin:1.875em 0}hr:first-child{margin-top:0}img{height:auto;max-width:100%;border-radius:10px}img :not(.site-logo){box-shadow:inset 10px 10px 50px #fff}@media only screen and (min-width:741px){blockquote{font-size:1.5em;line-height:1.3}h1{font-size:2.5em}h2{font-size:2.125em}h3{font-size:1.875em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1.125em}}code[class*=language-],pre[class*=language-]{color:#fff;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em #000;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#141414}pre[class*=language-]{border-radius:.5em;border:.3em solid #545454;box-shadow:inset 1px 1px .5em #000;margin:.5em 0;overflow:auto;padding:1em}pre[class*=language-]::selection{background:#27292a}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:hsla(0,0%,92.9%,.15)}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid #545454;box-shadow:inset 1px 1px .3em -.1em #000;padding:.15em .2em .05em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#777}.token.namespace,.token.punctuation{opacity:.7}.token.boolean,.token.deleted,.token.number,.token.tag{color:#ce6849}.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:#f9ed99}.language-css .token.string,.style .token.string,.token.attr-name,.token.attr-value,.token.char,.token.entity,.token.inserted,.token.operator,.token.string,.token.url,.token.variable{color:#909e6a}.token.atrule{color:#7385a5}.token.important,.token.regex{color:#e8c062}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-markup .token.attr-name,.language-markup .token.punctuation,.language-markup .token.tag{color:#ac885c}.token{position:relative;z-index:1}.line-highlight.line-highlight{background:rgba(84,84,84,.25);background:linear-gradient(90deg,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;margin-top:.75em;z-index:0}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background-color:#8693a6;color:#f4f1ef}/*! @algolia/autocomplete-theme-classic 1.5.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */:root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form[focus-within]{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-Form:focus-within{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:11px;padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:8px;padding-right:var(--aa-spacing-half);width:47px;width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:3px;padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:39px;width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;appearance:none;background:none;border:0;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input:-ms-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::-webkit-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 12.8333333333px;padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 10.1666666667px;padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:4px;border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,-webkit-filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in,-webkit-filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:8px;padding:var(--aa-spacing-half);scrollbar-color:#fff #eaeaea;scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:#eaeaea;background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:#fff;background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid #eaeaea;border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:16px;padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:8px .5em 8px 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 8px 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid #3e34d3;border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:8px;top:var(--aa-spacing-half);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,#fff,rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128,126,163,.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid #3e34d3;border:1px solid rgba(var(--aa-primary-color-rgb),1);color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:40px;min-height:calc(var(--aa-spacing)*2.5);padding:4px;padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179,173,214,.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:#7777a3;color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:28px;height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:28px;width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:20px;max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:20px;max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:8px;padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:36px;padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128,126,163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:8px;margin-left:var(--aa-spacing-half);margin-right:4px;margin-right:calc(var(--aa-spacing-half)/2);width:10px;width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:8px;height:var(--aa-spacing-half);width:8px;width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:#807ea3;color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245,223,77,.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62,52,211,.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 -5.3333333333px;margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:5.3333333333px;margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:#3e34d3;background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:8px 16px;padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:-8px;bottom:calc(var(--aa-spacing-half)*-1);content:"";height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0}.aa-PanelFooter,.aa-PanelHeader:after{z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128,126,163,.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:16px;padding:var(--aa-spacing);position:relative}.aa-PanelFooter:after{background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:16px;height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:-16px;top:calc(var(--aa-spacing)*-1);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:8px 0 8px 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128,126,163,.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:8px;padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 8px;margin:0 0 0 var(--aa-spacing-half);padding:0 8px;padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:8px;padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 5.5px;padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;height:100%;justify-content:center;width:36px;width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115,114,129,.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(hsla(0,0%,100%,0),#fff);background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}.aa-Autocomplete,.aa-DetachedContainer,.aa-Panel{--color-mark:#5468ff;--color-background:#fff;--color-selected:#f5f5fa;--color-text:#23263b;--color-input-icon:#777;--color-source-icon:rgba(80,80,80,0.32);--height:32px;--height-icon:16px;--font-size:16px}.aa-Panel{min-width:350px;z-index:1100;margin-top:2px}.aa-Panel .aa-PanelLayout{padding-top:0;padding-bottom:0;background-color:var(--color-background)}.aa-Panel .aa-PanelLayout .aa-PanelLayoutPreview{border-left:1px solid var(--color-selected)}.aa-Panel .aa-GradientBottom{background-image:none}.aa-Autocomplete .aa-Form,.aa-DetachedFormContainer .aa-Form{height:var(--height);font-size:var(--font-size);padding:0;background-color:var(--color-background)}.aa-Autocomplete .aa-Form:focus-within,.aa-DetachedFormContainer .aa-Form:focus-within{box-shadow:none}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix,.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label svg,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label svg{left:0;vertical-align:middle;color:var(--color-input-icon);width:var(--height-icon)}.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input,.aa-DetachedFormContainer .aa-Form .aa-InputWrapper .aa-Input{height:var(--height);color:var(--color-text)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix{height:var(--height)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-Item{color:var(--color-text)}.aa-Item{padding:2px 0}.aa-Item a{color:inherit;text-decoration:none}.aa-Item[aria-selected=true]{background-color:var(--color-selected)}.aa-Item .aa-ItemContent{display:flex;color:var(--color-text)}.aa-Item .aa-ItemContent mark{color:var(--color-mark);background-color:transparent}.aa-Item .aa-ItemIcon{align-items:baseline;color:var(--color-source-icon);background:none;box-shadow:none;margin:0 var(--aa-spacing-half) 0 2px}.aa-Item .aa-ItemTitle{font-size:14px;font-weight:700;line-height:18px}.aa-Item .aa-ItemHierarchy{font-size:12px;font-style:italic;line-height:18px;opacity:.8;padding:1px 0}.aa-Item .aa-ItemDescription{font-size:12px;line-height:16px;color:#797979}.aa-DetachedContainer{background:var(--color-background)}.aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedCancelButton{color:var(--color-text)}.aa-DetachedOverlay{z-index:10}.aa-DetachedSearchButton{background-color:var(--color-background)}.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon{color:var(--color-input-icon)}.aa-powered-by-link{display:inline-block;width:64px;height:18px;margin-left:4px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODUgMTIwIj48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjNTQ2OEZGIiBkPSJNMTYuOC0xLjAwMWg4OC40YzguNyAwIDE1LjggNy4wNjUgMTUuOCAxNS44djg4LjQwNWMwIDguNy03LjA2NSAxNS43OTUtMTUuOCAxNS43OTVIMTYuOGMtOC43IDAtMTUuOC03LjA2LTE1LjgtMTUuNzk1VjE0Ljc1OWMwLTguNjk1IDcuMDYtMTUuNzYgMTUuOC0xNS43NiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03My41MDUgMjUuNzg4di00LjExNWE1LjIwOSA1LjIwOSAwIDAwLTUuMjEtNS4yMDVINTYuMTVhNS4yMDkgNS4yMDkgMCAwMC01LjIxIDUuMjA1djQuMjI1YzAgLjQ3LjQzNS44LjkxLjY5YTM3Ljk2NiAzNy45NjYgMCAwMTEwLjU3LTEuNDljMy40NjUgMCA2Ljg5NS40NyAxMC4yMSAxLjM4LjQ0LjExLjg3NS0uMjE1Ljg3NS0uNjlNNDAuMjIgMzEuMTczbC0yLjA3NS0yLjA3NWE1LjIwNiA1LjIwNiAwIDAwLTcuMzY1IDBsLTIuNDggMi40NzVhNS4xODUgNS4xODUgMCAwMDAgNy4zNTVsMi4wNCAyLjA0Yy4zMy4zMjUuODA1LjI1IDEuMDk1LS4wNzVhMzkuODc2IDM5Ljg3NiAwIDAxMy45NzUtNC42NiAzNy42OCAzNy42OCAwIDAxNC43LTRjLjM2NC0uMjIuNC0uNzMuMTEtMS4wNm0yMi4xNjQgMTMuMDY1djE3LjhjMCAuNTEuNTUuODc1IDEuMDIuNjJsMTUuODI1LTguMTljLjM2LS4xOC40Ny0uNjIuMjktLjk4LTMuMjgtNS43NTUtOS4zNy05LjY4NS0xNi40MDUtOS45NC0uMzY1IDAtLjczLjI5LS43My42OW0wIDQyLjg4Yy0xMy4xOTUgMC0yMy45MTUtMTAuNzA1LTIzLjkxNS0yMy44OCAwLTEzLjE3NSAxMC43Mi0yMy44NzUgMjMuOTE1LTIzLjg3NSAxMy4yIDAgMjMuOTE2IDEwLjcgMjMuOTE2IDIzLjg3NXMtMTAuNjggMjMuODgtMjMuOTE2IDIzLjg4bTAtNTcuOGMtMTguNzQgMC0zMy45NCAxNS4xOC0zMy45NCAzMy45MiAwIDE4Ljc0NSAxNS4yIDMzLjg5IDMzLjk0IDMzLjg5czMzLjk0LTE1LjE4IDMzLjk0LTMzLjkyNWMwLTE4Ljc0NS0xNS4xNjUtMzMuODg1LTMzLjk0LTMzLjg4NSIvPjxwYXRoIGZpbGw9IiM1NDY4RkYiIGQ9Ik0yNDAuMjE0IDk0LjE3N2MtMjMuMzY1LjExLTIzLjM2NS0xOC44NTUtMjMuMzY1LTIxLjg3NWwtLjA0LTcxLjA0NSAxNC4yNTQtMi4yNnY3MC42MWMwIDEuNzE1IDAgMTIuNTYgOS4xNSAxMi41OTV2MTEuOTc1aC4wMDF6bS01Ny43OC0xMS42MWM0LjM3NCAwIDcuNjItLjI1NSA5Ljg4LS42OVY2Ny4zOTJhMjkuMTk2IDI5LjE5NiAwIDAwLTMuNDMtLjY5NSAzMy43NDIgMzMuNzQyIDAgMDAtNC45NTYtLjM2NWMtMS41NyAwLTMuMTc1LjExLTQuNzc1LjM2NS0xLjYwNS4yMi0zLjA2NS42NTUtNC4zNCAxLjI3NS0xLjI3NS42Mi0yLjMzNSAxLjQ5NS0zLjEgMi42Mi0uOCAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xMTUgMS4yNzUgNC45OTUgMS45MyA4LjYwNiAxLjkzem0tMS4yNC01MS42ODVjNC43IDAgOC42NzQuNTg1IDExLjg4NCAxLjc1IDMuMjA2IDEuMTY1IDUuNzk2IDIuOCA3LjY5IDQuODc1IDEuOTM1IDIuMTEgMy4yNDUgNC45MTUgNC4wNDYgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODZ2MzYuNjJjLTIuMTg1LjQ3LTUuNTA2IDEuMDE1LTkuOTUgMS42Ny00LjQ0Ni42NTUtOS40NC45ODUtMTQuOTg2Ljk4NS0zLjY4IDAtNy4wNy0uMzY1LTEwLjA5NS0xLjA1NS0zLjA2NS0uNjktNS42NS0xLjgyLTcuODQtMy4zODUtMi4xNS0xLjU2NS0zLjgyNS0zLjU3LTUuMDY1LTYuMDQtMS4yMDUtMi40OC0xLjgyNS01Ljk3LTEuODI1LTkuNjEgMC0zLjQ5NS42OS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUzIDUuMDY1LTIuNjIgOC4xNjUtMy4yNzUgMy4xLS42NTUgNi4zNDUtLjk4NSA5LjY5NS0uOTg1IDEuNTcgMCAzLjIxLjExIDQuOTYuMjkgMS43MTUuMTg1IDMuNTc1LjUxNSA1LjU0NS45ODV2LTIuMzNjMC0xLjYzNS0uMTg1LTMuMi0uNTg1LTQuNjU1YTEwLjAxMiAxMC4wMTIgMCAwMC0yLjA0NS0zLjg5NWMtLjk4NS0xLjEzLTIuMjU1LTIuMDA1LTMuODYtMi42Mi0xLjYwNS0uNjItMy42NS0xLjA5NS02LjA5LTEuMDk1LTMuMjggMC02LjI3LjQtOS4wMDUuODc1LTIuNzM1LjQ3LTQuOTk1IDEuMDItNi43MSAxLjYzNWwtMS43MS0xMS42OGMxLjc4NS0uNjIgNC40NDUtMS4yNCA3Ljg3NS0xLjg1NSAzLjQyNS0uNjYgNy4xMS0uOTUgMTEuMDQ1LS45NWguMDAxem0yODEuNTEgNTEuMjg1YzQuMzc1IDAgNy42MTUtLjI1NSA5Ljg3NS0uNjk1di0xNC40OGMtLjgtLjIyLTEuOTMtLjQ3NS0zLjQyNS0uNjk1YTMzLjgxMyAzMy44MTMgMCAwMC00Ljk2LS4zNjVjLTEuNTY1IDAtMy4xNy4xMS00Ljc3NS4zNjUtMS42LjIyLTMuMDYuNjU1LTQuMzM1IDEuMjc1LTEuMjguNjItMi4zMzUgMS40OTUtMy4xIDIuNjItLjgwNSAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xNSAxLjMxIDQuOTk1IDEuOTMgOC42MDUgMS45M3ptLTEuMjA1LTUxLjY0NWM0LjcgMCA4LjY3NC41OCAxMS44ODQgMS43NDUgMy4yMDUgMS4xNjUgNS43OTUgMi44IDcuNjkgNC44NzUgMS44OTUgMi4wNzUgMy4yNDUgNC45MTUgNC4wNDUgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODY1djM2LjYxNWMtMi4xODUuNDctNS41MDUgMS4wMTUtOS45NSAxLjY3NS00LjQ0NS42NTUtOS40NC45OC0xNC45ODUuOTgtMy42OCAwLTcuMDctLjM2NS0xMC4wOTQtMS4wNTUtMy4wNjUtLjY5LTUuNjUtMS44Mi03Ljg0LTMuMzg1LTIuMTUtMS41NjUtMy44MjUtMy41Ny01LjA2NS02LjA0LTEuMjA1LTIuNDc1LTEuODI1LTUuOTctMS44MjUtOS42MSAwLTMuNDk1LjY5NS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUyNSA1LjA2NS0yLjYyIDguMTY1LTMuMjc1IDMuMS0uNjU1IDYuMzQ1LS45OCA5LjctLjk4IDEuNTY1IDAgMy4yMDUuMTEgNC45NTUuMjlzMy41NzUuNTEgNS41NC45ODV2LTIuMzNjMC0xLjY0LS4xOC0zLjIwNS0uNTgtNC42NmE5Ljk3NyA5Ljk3NyAwIDAwLTIuMDQ1LTMuODk1Yy0uOTg1LTEuMTMtMi4yNTUtMi4wMDUtMy44Ni0yLjYyLTEuNjA2LS42Mi0zLjY1LTEuMDktNi4wOS0xLjA5LTMuMjggMC02LjI3LjQtOS4wMDUuODctMi43MzUuNDc1LTQuOTk1IDEuMDItNi43MSAxLjY0bC0xLjcxLTExLjY4NWMxLjc4NS0uNjIgNC40NDUtMS4yMzUgNy44NzUtMS44NTUgMy40MjUtLjYyIDcuMTA1LS45NDUgMTEuMDQ1LS45NDV6bS00Mi44LTYuNzdjNC43NzQgMCA4LjY4LTMuODYgOC42OC04LjYzIDAtNC43NjUtMy44NjYtOC42MjUtOC42OC04LjYyNS00LjgxIDAtOC42NzUgMy44Ni04LjY3NSA4LjYyNSAwIDQuNzcgMy45IDguNjMgOC42NzUgOC42M3ptNy4xOCA3MC40MjVoLTE0LjMyNnYtNjEuNDRsMTQuMzI1LTIuMjU1djYzLjY5NWguMDAxem0tMjUuMTE2IDBjLTIzLjM2NS4xMS0yMy4zNjUtMTguODU1LTIzLjM2NS0yMS44NzVsLS4wNC03MS4wNDUgMTQuMjU1LTIuMjZ2NzAuNjFjMCAxLjcxNSAwIDEyLjU2IDkuMTUgMTIuNTk1djExLjk3NXptLTQ2LjMzNS0zMS40NDVjMC02LjE1NS0xLjM1LTExLjI4NS0zLjk3NC0xNC44NS0yLjYyNS0zLjYwNS02LjMwNS01LjM4NS0xMS4wMS01LjM4NS00LjcgMC04LjM4NiAxLjc4LTExLjAwNiA1LjM4NS0yLjYyNSAzLjYtMy45MDQgOC42OTUtMy45MDQgMTQuODUgMCA2LjIyNSAxLjMxNSAxMC40MDUgMy45NCAxNC4wMSAyLjYyNSAzLjY0IDYuMzA1IDUuNDI1IDExLjAxIDUuNDI1IDQuNyAwIDguMzg1LTEuODIgMTEuMDEtNS40MjUgMi42MjQtMy42NCAzLjkzNC03Ljc4NSAzLjkzNC0xNC4wMXptMTQuNTgtLjAzNWMwIDQuODA1LS42OSA4LjQ0LTIuMTE0IDEyLjQxLTEuNDIgMy45NjUtMy40MjUgNy4zNS02LjAxIDEwLjE1NS0yLjU5IDIuOC01LjY5IDQuOTg1LTkuMzM2IDYuNTE1LTMuNjQ0IDEuNTI1LTkuMjYgMi40LTEyLjA2NSAyLjQtMi44MS0uMDM1LTguMzg1LS44MzUtMTEuOTk1LTIuNC0zLjYxLTEuNTY1LTYuNzEtMy43MTUtOS4yOTUtNi41MTUtMi41OS0yLjgwNS00LjU5NC02LjE5LTYuMDU0LTEwLjE1NS0xLjQ1Ni0zLjk3LTIuMTg1LTcuNjA1LTIuMTg1LTEyLjQxcy42NTQtOS40MyAyLjExNC0xMy4zNmMxLjQ2LTMuOTMgMy41LTcuMjggNi4xMjUtMTAuMDggMi42MjUtMi44MDUgNS43Ni00Ljk1NSA5LjMzLTYuNDggMy42MS0xLjUzIDcuNTg1LTIuMjU1IDExLjg4NS0yLjI1NSA0LjMwNSAwIDguMjc1Ljc2IDExLjkyIDIuMjU1IDMuNjUgMS41MjUgNi43ODYgMy42NzUgOS4zMzYgNi40OCAyLjU4NCAyLjggNC41OSA2LjE1IDYuMDUgMTAuMDggMS41MyAzLjkzIDIuMjk1IDguNTU1IDIuMjk1IDEzLjM2aC0uMDAxem0tMTA3LjI4NCAwYzAgNS45NjUgMS4zMSAxMi41OSAzLjkzNSAxNS4zNTUgMi42MjUgMi43NyA2LjAxNCA0LjE1IDEwLjE3NSA0LjE1IDIuMjYgMCA0LjQxLS4zMjUgNi40MTQtLjk0NSAyLjAwNS0uNjIgMy42MDYtMS4zNSA0Ljg4Ni0yLjIydi0zNS4zNGMtMS4wMi0uMjItNS4yODYtMS4wOTUtOS40MS0xLjItNS4xNzUtLjE1LTkuMTEgMS45NjUtMTEuODggNS4zNDUtMi43MzYgMy4zOS00LjEyIDkuMzItNC4xMiAxNC44NTV6bTM5LjYyNSAyOC4wOTVjMCA5LjcyLTIuNDggMTYuODE1LTcuNDc2IDIxLjMzLTQuOTkgNC41MS0xMi42MSA2Ljc3LTIyLjg5IDYuNzctMy43NTUgMC0xMS41NTUtLjczLTE3Ljc5LTIuMTFsMi4yOTUtMTEuMjg1YzUuMjE1IDEuMDkgMTIuMTA1IDEuMzg1IDE1LjcxNSAxLjM4NSA1LjcyIDAgOS44MDUtMS4xNjUgMTIuMjQ1LTMuNDk1IDIuNDQ1LTIuMzMgMy42NDUtNS43ODUgMy42NDUtMTAuMzc1di0yLjMzYy0xLjQyLjY5LTMuMjggMS4zODUtNS41NzUgMi4xMTUtMi4yOTUuNjktNC45NTUgMS4wNTUtNy45NSAxLjA1NS0zLjkzNSAwLTcuNTEtLjYyLTEwLjc1LTEuODYtMy4yNDUtMS4yMzUtNi4wNTUtMy4wNTUtOC4zNS01LjQ2LTIuMjk1LTIuNC00LjEyLTUuNDItNS4zOTUtOS4wMjUtMS4yNzUtMy42MDUtMS45MzUtMTAuMDQ1LTEuOTM1LTE0Ljc3NSAwLTQuNDQuNjk1LTEwLjAxIDIuMDQ2LTEzLjcyNSAxLjM4NC0zLjcxIDMuMzUtNi45MTUgNi4wMTQtOS41NyAyLjYyNi0yLjY1NSA1LjgzNS00LjY5NSA5LjU5LTYuMTkgMy43NTUtMS40OSA4LjE2LTIuNDM1IDEyLjkzNS0yLjQzNSA0LjYzNSAwIDguOS41OCAxMy4wNTUgMS4yNzUgNC4xNTUuNjkgNy42OSAxLjQxNSAxMC41NyAyLjIxNXY1Ni40OWguMDAxeiIvPjwvZz48L3N2Zz4=);background-repeat:no-repeat;background-size:contain;vertical-align:middle}.aa-powered-by{text-align:right;font-size:12px;color:#969faf;padding:8px 8px 4px 0;font-weight:400}table{border-collapse:collapse;border-spacing:0;line-height:1.5;margin:0;max-width:100%;width:100%}caption,table{text-align:left}caption{color:#67758d;font-size:.875em;font-style:normal;margin-bottom:1em}td,th{border-bottom:1px solid #dde0e7;padding:.5em 5px}th{color:#283040;font-weight:700}:not(.responsive-table)>table{display:block;margin:1.875em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}:not(.responsive-table)>table:first-child{margin-top:0}:not(.responsive-table)>table tbody,:not(.responsive-table)>table thead,:not(.responsive-table)>table tr{width:100%}:not(.responsive-table)>table td{min-width:10em}.responsive-table{display:block;margin:1.875em 0;overflow-x:auto;width:100%}.responsive-table:first-child{margin-top:0}label{color:#283040;font-weight:700;line-height:1.5;margin-bottom:.25em}input[type=checkbox]+label,input[type=radio]+label{font-weight:400;cursor:pointer;padding-left:.25em;padding-right:1em}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#283040;display:block;font-size:1em;font-weight:400;line-height:1.5;max-width:100%;padding:.5em;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}::-webkit-input-placeholder{color:#9aa4b9;opacity:1}:-ms-input-placeholder{color:#9aa4b9;opacity:1}::placeholder{color:#9aa4b9;opacity:1}.form-row{margin-bottom:1em}.form-submit{margin-top:1.66667em}.button{align-items:center;background:#00c6ff;border:0;border-radius:1.75em;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.875em;font-weight:700;justify-content:center;letter-spacing:.035em;line-height:1.2;opacity:1;padding:.9em 2.14285em;text-decoration:none;transition:.3s ease;vertical-align:middle}.button:active,.button:focus,.button:hover{color:#fff;opacity:.8;outline:0}.button-secondary{background:0!important;box-shadow:inset 0 0 0 2px currentColor;color:#00c6ff}.button-secondary:active,.button-secondary:focus,.button-secondary:hover{box-shadow:inset 0 0 0 3px currentColor;color:#00c6ff;opacity:1}.button-icon{background:0!important;border:0;color:inherit;font-size:1em;font-weight:400;letter-spacing:normal;padding:.25em}.button-icon:active,.button-icon:focus,.button-icon:hover{color:#00c6ff;opacity:1}#menu-close,#menu-open,.docs-nav .docs-nav-toggle,.docs-nav .docs-submenu-toggle,.submenu-toggle{background:0;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:block;font-size:inherit;height:30px;padding:0;position:relative;width:30px}#menu-close:active,#menu-close:focus,#menu-close:hover,#menu-open:active,#menu-open:focus,#menu-open:hover,.docs-nav .docs-nav-toggle:active,.docs-nav .docs-nav-toggle:focus,.docs-nav .docs-nav-toggle:hover,.docs-nav .docs-submenu-toggle:active,.docs-nav .docs-submenu-toggle:focus,.docs-nav .docs-submenu-toggle:hover,.submenu-toggle:active,.submenu-toggle:focus,.submenu-toggle:hover{outline:0}.icon{color:inherit;fill:currentColor;flex-shrink:0;height:1em;line-height:1;width:1em}.icon-close,.icon-menu{background:currentColor;border-radius:1px;color:inherit;height:2px;left:50%;margin-top:-1px;margin-left:-12px;position:absolute;top:50%;width:24px}.icon-close:after,.icon-close:before,.icon-menu:after,.icon-menu:before{background:currentColor;border-radius:1px;content:"";height:100%;left:0;position:absolute;width:100%}.icon-menu:before{top:-6px}.icon-menu:after{bottom:-6px}.icon-close{background:0;margin-left:-14px;width:28px}.icon-close:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-close:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-angle-right{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;height:8px;left:50%;margin-left:-4px;margin-top:-4px;position:absolute;top:50%;width:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.docs-nav-toggle .icon-angle-right{height:12px;left:auto;margin-left:0;margin-right:9px;margin-top:-6px;right:0;width:12px}.docs-section-item .icon-angle-right{left:auto;margin-left:0;margin-right:15px;right:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.line-left{position:relative}.line-left:after{background:#00c6ff;display:block;content:"";height:100%;left:-1px;position:absolute;top:0;width:5px}.js-reframe{margin:1.875em 0}.js-reframe:first-child{margin-top:0}.important,.note{border-radius:5px;color:#283040;margin:1.875em 0;padding:1em 1.125em}.important:first-child,.note:first-child{margin-top:0}.note{background:#fff7e6;border-left:5px solid #fcb41d}.important{background:#ffe9e6;border-left:5px solid #fc381d}.has-gradient{background:#00c6ff;background:linear-gradient(90deg,#0072ff,#00c6ff);color:#fff;position:relative}.has-gradient a:not(.button),.has-gradient h1,.has-gradient h2,.has-gradient h3,.has-gradient h4,.has-gradient h5,.has-gradient h6{color:inherit!important}.has-gradient a:not(.button):hover{opacity:.8}.has-gradient .button:not(.button-secondary){background-color:#fff;color:#00c6ff}.has-gradient .button:not(.button-secondary):active,.has-gradient .button:not(.button-secondary):focus,.has-gradient .button:not(.button-secondary):hover{opacity:.85}.has-gradient .button-secondary{color:#fff!important}.has-gradient .inner-sm{position:relative}.bg-img{-webkit-animation:fadeIn20 .75s ease-in-out;animation:fadeIn20 .75s ease-in-out;background-position:50%;background-size:cover;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.grid{display:flex;flex-wrap:wrap;margin-left:-.9375em;margin-right:-.9375em}.grid-item{box-sizing:border-box;padding-left:.9375em;padding-right:.9375em;position:relative;width:100%}.grid-center{justify-content:center}.grid-swap{flex-direction:row-reverse}.grid-middle{align-items:center}@media only screen and (min-width:641px){.grid-col-2 .grid-item{flex:0 0 50%;max-width:50%}}@media only screen and (min-width:761px){.grid-col-3 .grid-item{flex:0 0 33.333%;max-width:33.333%}}@media only screen and (max-width:600px){.grid{margin-left:-1.5vw;margin-right:-1.5vw}.grid-item{padding-left:1.5vw;padding-right:1.5vw}}@-webkit-keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}@keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}.site{display:flex;flex-direction:column;min-height:100vh;position:relative}.site-content{box-sizing:border-box;flex-grow:1;width:100%}.outer{padding-left:150px;padding-right:150px}.inner,.inner-md,.inner-sm{margin-left:auto;margin-right:auto;max-width:95%}.site-header{background:#000;background-image:url(../../../../i.imgur.com/CEYEZp8.jpg);padding-bottom:.4em;padding-top:.2em}.site-header-inside{align-items:center;display:flex}.site-branding{flex:0 1 auto}.site-title{color:#283040;font-size:1.5em;font-weight:700;line-height:1.2;margin:0}.site-logo{margin:0}.site-logo img{max-height:65px}.menu,.submenu{list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-item.current{color:#00c6ff}.menu-item a:not(.button){display:inline-block;font-size:1.1em;line-height:1.5}#masthead a:not(.button){color:inherit;display:inline-block;text-decoration:none}#masthead a:not(.button):hover{color:#00c6ff}#masthead .site-branding a:hover{color:inherit}@media only screen and (min-width:801px){#menu-close,#menu-open{display:none}.site-navigation{margin-left:auto}.menu{align-items:center;display:flex}.menu-item{display:inline-block;margin:0 0 0 1.25em;padding-bottom:.1875em;padding-top:.1875em}.menu-item a{padding-bottom:.5em;padding-top:.5em}.menu-item a.button:not(.button-icon){padding-left:1.25em;padding-right:1.25em}.menu-item.has-children>a{padding-right:18px;position:relative}.menu-item.has-children>a:after{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;content:"";height:6px;position:absolute;right:0;top:50%;width:6px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}.menu-item.has-children>a.button:not(.button-icon){padding-right:2.25em}.menu-item.has-children>a.button:not(.button-icon):after{right:1.25em}.menu-item .submenu-toggle{display:none}.menu-item.has-children:hover>.submenu{opacity:1;transition:margin .3s,opacity .2s;visibility:visible}.submenu{background:#fff;border:4px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);left:0;min-width:180px;opacity:0;padding:.5em 0;position:absolute;text-align:left;top:100%;transition:opacity .2s,visibility 0s .2s;visibility:hidden;width:100%;z-index:99}.submenu .menu-item{display:block;margin:0;padding:0 1em}.submenu a:not(.button-icon){display:block}.submenu a.button:not(.button-icon){margin:.5em 0}}@media only screen and (max-width:800px){.site{overflow:hidden;position:relative}.site-branding{margin-right:.625em}.site-header:after{background:rgba(66,75,95,.6);content:"";left:0;opacity:0;transition:opacity .15s ease-in-out,visibility 0s ease-in-out .15s;z-index:998}.site-header:after,.site-navigation{height:100vh;position:absolute;top:0;visibility:hidden;width:100%}.site-navigation{background:#fff;box-sizing:border-box;margin:0;max-width:360px;-webkit-overflow-scrolling:touch;right:-100%;transition:right .3s ease-in-out,visibility 0s ease-in-out .3s;z-index:999}.site-nav-inside{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.menu--opened .site{height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:997}.menu--opened .site-navigation{right:0;transition:right .3s ease-in-out;visibility:visible}.menu--opened .site-header:after{opacity:1;transition-delay:0s;visibility:visible}.menu{padding:calc(3vw + 2.8125em) 3vw 3em}.submenu{border-top:1px solid #dde0e7;display:none;padding-left:1em}.menu-item{display:block;margin:0}.menu-item:not(.menu-button){border-bottom:1px solid #dde0e7}.menu-item:not(.menu-button):first-child{border-top:1px solid #dde0e7}.menu-item a.button-icon,.menu-item a:not(.button){padding:.75em 0}.menu-item a:not(.button){display:block}.menu-item a.button:not(.button-icon){width:100%}.menu-item.has-children>a{margin-right:2em}.menu-item .menu-item:first-child{border-top:0}.menu-item .menu-item:last-child{border-bottom:0}.menu-item .submenu-toggle{color:#67758d;height:2.8125em;position:absolute;right:0;top:0}.menu-item.active .submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-item.active .submenu{display:block}.menu-button>.button:not(.button-icon){margin-bottom:1.25em;margin-top:1.25em}.menu-button+.menu-button>.button:not(.button-icon){margin-top:0}#menu-open{margin-left:auto}#menu-close{display:block;position:absolute;right:3vw;top:3vw}}.post{margin-bottom:2.5em}.post-feed:last-child,.post-full:last-child{margin-bottom:5em}.has-gradient.page-header,.has-gradient.post-header{padding-bottom:9.5em;padding-top:3.75em;text-align:center}.has-gradient .page-title,.has-gradient .post-title{color:inherit;font-size:2.25em;margin:0}.page-subtitle,.post-subtitle{font-size:1.125em;line-height:1.5;margin:.5em 0 0;position:relative}.post-title a{color:inherit!important;text-decoration:none}.post-thumbnail{border:0;border-radius:5px 5px 0 0;display:block;margin:0}.post-thumbnail img{border-radius:5px 5px 0 0;width:100%}.post-feed,.post-full .post-content{margin-top:-5em;position:relative}.post-feed .post,.post-full .post-content{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.post-full .post-content{padding:2.5em 1.5em}.post-full .post-meta{margin:0 0 .5em}.post-feed .post{padding:0 0 2.5em}.post-feed .post-meta{color:#67758d;font-size:.875em;margin:0 0 .5em;padding-left:1.71428em;padding-right:1.71428em}.post-feed .post-header{margin:0 0 1.25em;padding-top:1.875em}.post-feed .post-title{font-size:1.5em;margin:0;padding-left:1em;padding-right:1em}.post-feed .post-excerpt{margin-bottom:1.25em;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more{margin:0;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more-link{font-weight:700;text-decoration:none}.post-feed .read-more-link:after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}.post-feed .read-more-link:hover{color:#424b5f}@media only screen and (min-width:641px){.has-gradient .page-title,.has-gradient .post-title{font-size:3em}.page-subtitle,.post-subtitle{font-size:1.25em}.post-full .post-meta{font-size:1.125em}.post-feed .post-excerpt,.post-feed .post-meta,.post-feed .post-title,.post-feed .read-more,.post-full .post-content{padding-left:7%;padding-right:7%}}@media only screen and (max-width:1000px){.post{margin-bottom:4vw}}.docs-content{padding-top:2.5em;width:95%}.post-content{width:85%}.post.type-docs{margin-bottom:3.625em}.post.type-docs h1{font-size:1.975em}.post.type-docs h2{font-size:1.6em}.post.type-docs h3{font-size:1.45em}.post.type-docs h4{font-size:1.35em}.post.type-docs h5,.post.type-docs h6{font-size:1.2em}.post.type-docs .hash-link{float:left;font-size:1.25rem;height:1em;line-height:1;margin-left:-1.1em;opacity:0;text-align:center;text-decoration:none;transition:opacity .4s;width:1em}.post.type-docs .hash-link:before{content:"#";display:inline-block}.post.type-docs .hash-link:focus,.post.type-docs .hash-link:hover{color:#00c6ff}.post.type-docs h2 .hash-link{margin-top:.22em}.post.type-docs h3 .hash-link{margin-top:.1em}.post.type-docs h2:focus .hash-link,.post.type-docs h2:hover .hash-link,.post.type-docs h3:focus .hash-link,.post.type-docs h3:hover .hash-link{opacity:1}.post.type-docs .post-inside{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);padding:.3em;width:70vw}.post.type-docs .post-title{font-size:1.875em;margin:0 0 1.25em;padding:0 2em}.post.type-docs .post-content{padding:.975em;word-wrap:break-word}#docs-section-items{display:flex;flex-wrap:wrap;list-style:none;margin-left:-.3125em;margin-right:-.3125em;padding:0}#docs-section-items .docs-section-item{flex:1 1 240px;margin:0 .3125em .9375em}#docs-section-items .docs-item-link{border:1px solid #dde0e7;border-radius:3px;color:#283040;display:block;font-weight:700;padding:.9375em;position:relative;text-decoration:none;transition:border-color .3s ease,color .3s ease}#docs-section-items .docs-item-link:hover{border-color:#00c6ff;color:#00c6ff}.docs-nav{margin-bottom:1.875em}.docs-nav .docs-nav-toggle{color:#283040;font-size:1.125em;margin:0;padding-right:15px;text-align:left}.docs-nav .docs-submenu-toggle{color:#67758d;position:absolute;right:0;top:0}#docs-menu{color:#283040;font-weight:700;line-height:1.5;list-style:none;margin:.7em;padding:0}#docs-menu>.docs-menu-item>a{padding:.3em 0;border-radius:20px;margin:auto}#docs-menu a{color:inherit;display:block;text-decoration:none}#docs-menu .current,#docs-menu .current-parent,#docs-menu a:hover{color:#00c6ff}.docs-submenu{border-left:1px solid #dde0e7;color:#424b5f;display:none;font-size:1;font-weight:400;list-style:none;margin-top:.625rem;padding-left:1rem}.docs-menu-item{color:inherit;margin-bottom:.625rem}.docs-menu-item.has-children{padding-right:20px;position:relative}.docs-menu-item.has-children.active .docs-submenu{display:block}.docs-menu-item.has-children.active>.docs-submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#page-nav{text-overflow:wrap}#page-nav .page-nav-title{font-size:1em;margin:0 0 .625em}#page-nav ul{font-size:.875rem;line-height:1.5;list-style:none;padding:0}#page-nav ul ul{border-left:1px solid #dde0e7;margin-top:.625rem;padding-left:1.25rem}#page-nav li{margin-bottom:.625rem}#page-nav li.active>a{color:#00c6ff}#page-nav a{color:#424b5f;display:block;text-decoration:none}#page-nav a:hover{color:#00c6ff}#page-nav .page-nav-title:only-child{display:none}@media only screen and (min-width:1200px){.post.type-docs .post-content,.post.type-docs .post-title{padding-left:8%;padding-right:7%}}@media only screen and (min-width:1200px){.docs-content{display:flex;padding-top:4em;width:100%}.post.type-docs{-ms-flex:1 1 auto;align-content:center}.docs-nav,.page-nav{-ms-flex-negative:0;margin-bottom:5.625em}.docs-nav .sticky,.page-nav .sticky{position:-webkit-sticky;position:sticky;top:1.875em}.docs-nav{width:8.5em}#page-nav{font-size:12px;margin:4em}#docs-nav-toggle{display:none}}@media only screen and (min-width:1091px){#page-nav{display:block}}@media only screen and (max-width:800px){.docs-nav{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;margin-bottom:5%;padding:1em}.docs-nav-menu{display:none}.docs-menu--opened .docs-nav-menu{display:block}.docs-menu--opened .docs-nav-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#docs-menu{border-top:1px solid #dde0e7;margin-top:1.25em;padding-top:1.25em}}.block{padding-top:3.75em}.block:not(.block-hero){background:#f8f8fa}.block:last-child{padding-bottom:3.75em}.block-header,.block-image{margin-bottom:1.5em}.block-title{margin:0}.block-subtitle{color:#67758d;line-height:1.5;margin-bottom:0}.block-subtitle:not(:first-child){margin-top:.5em}.block-buttons,.grid-item-buttons{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:.9375em}.block-buttons a,.grid-item-buttons a{font-weight:700;text-decoration:none}.block-buttons{justify-content:center}.block-buttons a{margin:0 .375em .75em}.grid-item-buttons a{margin:0 .75em .75em 0}.has-gradient .block-subtitle{color:inherit}.block-hero .block-buttons:not(:first-child),.block-text .block-buttons:not(:first-child){margin-top:1.875em}.block-text .grid-item{max-width:680px;text-align:center}.block-text .block-title{font-size:1.875em}@media only screen and (min-width:641px){.block-text .block-content{font-size:1.125em}.block-text .block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-text .grid-item:not(:only-child){flex:0 0 50%;max-width:50%}.block-body:not(:only-child){text-align:left}.block-body:not(:only-child) .block-buttons{justify-content:flex-start}.block-body:not(:only-child) .block-buttons a{margin-left:0;margin-right:.75em}}@media only screen and (min-width:1001px){.block-image:not(:only-child){padding-right:2.5em}.grid-swap .block-image:not(:only-child){padding-left:2.5em;padding-right:.9375em}}.block-cta .has-gradient{border-radius:5px;margin-bottom:1.875em;padding:3.75em 3vw 1.875em}.block-cta .block-header{max-width:680px;text-align:center}.block-cta .block-title{font-size:1.875em}.block-cta .block-subtitle{font-size:1.125em}@media only screen and (min-width:641px){.block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-cta .has-gradient{padding-left:7%;padding-right:7%}.block-cta .block-header{flex:0 0 66.666%;max-width:66.666%;text-align:left}.block-cta .block-buttons{flex:0 0 33.333%;margin-top:0;max-width:33.333%}}.block-hero+.block-grid:not(.has-header){background:0;padding-top:0}.block-grid .block-header{margin-bottom:2em;text-align:center}.block-grid .block-title{font-size:1.875em}.block-grid .grid-item{display:flex;flex-direction:column;margin-bottom:1.875em}.grid-item-inside{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;flex-grow:1;padding-bottom:.75em}.grid-item-image{display:block;width:100%}.grid-item-image,.grid-item-image img{border-radius:3px 3px 0 0}.grid-item-title{font-size:1.5em;margin:1em 0 .5em;padding-left:1em;padding-right:1em}.grid-item-title:first-child{margin-top:1.25em}.grid-item-title a{color:inherit!important;text-decoration:none}.grid-item-buttons,.grid-item-content{padding-left:1.5em;padding-right:1.5em}.grid-item-content{margin-bottom:1.25em}.grid-item-buttons a:not(.button):after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}@media only screen and (max-width:1000px){.block-grid .grid-item{margin-bottom:4vw}}.block-hero{padding-bottom:7.5em;position:relative;text-align:center}.block-hero .block-header{margin-bottom:.75em}.block-hero .block-title{font-size:2.25em}.block-hero .block-content{font-size:1.125em;line-height:1.5}.block-hero+.block{margin-top:-5em;position:relative}@media only screen and (min-width:641px){.block-hero .block-title{font-size:3em}.block-hero .block-content{font-size:1.25em}.block-hero .block-buttons a{font-size:1em}}.site-footer{background-color:#000;background-image:url(https://i.imgur.com/CEYEZp8.jpeg);padding-bottom:7.5em;padding-top:8.5em;color:#fff!important;border:4px solid #000}#colophon a:not(.button){color:inherit}#colophon a:not(.button):focus,#colophon a:not(.button):hover{color:#00c6ff}.site-info,.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;font-size:.675em;line-height:1.2}.site-info .button:not(.button-icon),.social-links .button:not(.button-icon){font-size:inherit;line-height:1.2;padding:.3em 1em}.site-info{margin:.25em 0 0;text-align:center}.site-info .copyright,.site-info>a{margin:0 4px .2em 0}.social-links{margin-top:.5375em}.social-links a{margin:0 50px .2em}.social-links .icon{font-size:20px;color:#000;background-color:#000}@media only screen and (min-width:641px){.site-footer-inside{align-items:flex-start;display:flex}.site-info{text-align:left}.site-info,.social-links{justify-content:flex-start}.social-links{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;margin-top:0}.social-links a{margin-left:20px;margin-right:0}}.palette-green a:not(.button){color:#20c86e}.palette-green a:not(.button):hover{color:#424b5f}.palette-green blockquote{border-color:#20c86e}.palette-green .button,.palette-green .line-left:after{background:#20c86e}.palette-green .has-gradient{background:#20c86e;background:linear-gradient(90deg,#1ba65b,#20c86e)}.palette-green #colophon a:not(.button):hover,.palette-green #docs-menu .current,.palette-green #docs-menu .current-parent,.palette-green #docs-menu a:hover,.palette-green #masthead a:not(.button):hover,.palette-green #page-nav a:hover,.palette-green #page-nav li.active>a,.palette-green .button-icon:active,.palette-green .button-icon:focus,.palette-green .button-icon:hover,.palette-green .button-secondary,.palette-green .has-gradient .button:not(.button-secondary),.palette-green .menu-item.current,.palette-green .post.type-docs .hash-link:focus,.palette-green .post.type-docs .hash-link:hover{color:#20c86e}.palette-green #docs-section-items .docs-item-link:hover{border-color:#20c86e;color:#20c86e}.palette-navy a:not(.button){color:#004e92}.palette-navy a:not(.button):hover{color:#424b5f}.palette-navy blockquote{border-color:#004e92}.palette-navy .button,.palette-navy .line-left:after{background:#004e92}.palette-navy .has-gradient{background:#004e92;background:linear-gradient(90deg,#000428,#004e92)}.palette-navy #colophon a:not(.button):hover,.palette-navy #docs-menu .current,.palette-navy #docs-menu .current-parent,.palette-navy #docs-menu a:hover,.palette-navy #masthead a:not(.button):hover,.palette-navy #page-nav a:hover,.palette-navy #page-nav li.active>a,.palette-navy .button-icon:active,.palette-navy .button-icon:focus,.palette-navy .button-icon:hover,.palette-navy .button-secondary,.palette-navy .has-gradient .button:not(.button-secondary),.palette-navy .menu-item.current,.palette-navy .post.type-docs .hash-link:focus,.palette-navy .post.type-docs .hash-link:hover{color:#004e92}.palette-navy #docs-section-items .docs-item-link:hover{border-color:#004e92;color:#004e92}.palette-violet a:not(.button){color:#8e2de2}.palette-violet a:not(.button):hover{color:#424b5f}.palette-violet blockquote{border-color:#8e2de2}.palette-violet .button,.palette-violet .line-left:after{background:#8e2de2}.palette-violet .has-gradient{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2)}.palette-violet #colophon a:not(.button):hover,.palette-violet #docs-menu .current,.palette-violet #docs-menu .current-parent,.palette-violet #docs-menu a:hover,.palette-violet #masthead a:not(.button):hover,.palette-violet #page-nav a:hover,.palette-violet #page-nav li.active>a,.palette-violet .button-icon:active,.palette-violet .button-icon:focus,.palette-violet .button-icon:hover,.palette-violet .button-secondary,.palette-violet .has-gradient .button:not(.button-secondary),.palette-violet .menu-item.current,.palette-violet .post.type-docs .hash-link:focus,.palette-violet .post.type-docs .hash-link:hover{color:#8e2de2}.palette-violet #docs-section-items .docs-item-link:hover{border-color:#8e2de2;color:#8e2de2}</style><meta name="generator" content="Gatsby 2.25.4"/><title data-react-helmet="true">Contact! | webdevhub</title><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet"/><link data-react-helmet="true" rel="icon" href="../../../images/favicon-750d4390.png"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"/><meta data-react-helmet="true" name="description" content=""/><meta data-react-helmet="true" name="robots" content=""/><link as="script" rel="preload" href="./../../webpack-runtime-e0d945bfc04076092229.js"/><link as="script" rel="preload" href="./../../framework-e132d18971612bcf60f3.js"/><link as="script" rel="preload" href="./../../dc6a8720040df98778fe970bf6c000a41750d3ae-8ef9d1d2adaff6ba0f59.js"/><link as="script" rel="preload" href="./../../app-10180cc44b3853f61402.js"/><link as="script" rel="preload" href="./../../styles-7d4153d260c0197f0043.js"/><link as="script" rel="preload" href="./../../29107295-e9457ed2135dcbbf6ce8.js"/><link as="script" rel="preload" href="./../../commons-5965a56c7b6ef2e118ee.js"/><link as="script" rel="preload" href="./../../component---src-templates-docs-js-731339ed0815d7cada90.js"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/docs/faq/contact/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/app-data.json" crossorigin="anonymous"/><script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'../../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5S5XXNR');</script>
+<!-- End Google Tag Manager -->
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S5XXNR"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+<meta name="google-site-verification" content="W6SJ3S45yhnjzV6ISUMCTXl_QVX5woQZ7jO3bsahONQ" />
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-4W5MG3DG4T"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-4W5MG3DG4T');
+</script>
+
+<script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script><style>blockquote,
+body,
+dd,
+dl,
+figcaption,
+figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+li,
+ol[class],
+p,
+ul[class] {
+  margin: 0
+}
+
+body {
+  min-height: 110vh;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
+  line-height: 1.6
+}
+
+
+
+
+
+article>*+* {
+  margin-top: 1em
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit
+}
+
+@media(prefers-reduced-motion:reduce) {
+  * {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+    scroll-behavior: auto !important
+  }
+}
+
+html {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: arial, x-locale-body, sans-serif;
+  letter-spacing: -.0027777778rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 100%;
+  line-height: 1.75
+}
+
+img {
+  height: auto
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.0beac26b.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.72026b3c.woff) format("woff")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.ce3a756d.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.7e4c05c9.woff) format("woff")
+}
+
+h1,
+h2,
+h3 {
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  line-height: 1.2
+}
+
+h1 {
+  font-size: 1.802rem
+}
+
+@media (min-width:47.9385em) {
+  h1 {
+    font-size: 3.052rem
+  }
+}
+
+h2 {
+  font-size: 1.602rem
+}
+
+@media (min-width:47.9385em) {
+  h2 {
+    font-size: 2.441rem
+  }
+}
+
+h3 {
+  font-size: 1.424rem;
+
+
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  max-width: -webkit-max-content;
+  max-width: -moz-max-content;
+  max-width: max-content;
+  padding: 0 6px;
+  margin: 24px 0
+}
+
+@media (min-width:47.9385em) {
+  h3 {
+    font-size: 1.953rem
+  }
+}
+
+h4 {
+  font-size: 1.266rem
+}
+
+@media (min-width:47.9385em) {
+  h4 {
+    font-size: 1.563rem
+  }
+}
+
+h5 {
+  font-size: 1.125rem
+}
+
+@media (min-width:47.9385em) {
+  h5 {
+    font-size: 1.25rem
+  }
+}
+
+p {
+  margin-bottom: 24px
+}
+
+a:link,
+a:visited {
+
+  text-decoration: none
+}
+
+a:link:active,
+a:link:focus,
+a:link:hover,
+a:visited:active,
+a:visited:focus,
+a:visited:hover {
+  text-decoration: underline
+}
+
+blockquote {
+  max-width: 45rem;
+  max-width: 85ch;
+  font-size: 1.125rem;
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  margin-bottom: 24px
+}
+
+@media (min-width:47.9385em) {
+  blockquote {
+    font-size: 1.25rem
+  }
+}
+
+blockquote:after,
+blockquote:before {
+  background-image: linear-gradient(90deg, #00356a, #83d0f2);
+  content: "";
+  display: block;
+  height: 5px;
+  margin-bottom: 12px
+}
+
+blockquote:after {
+  margin-top: 12px
+}
+
+blockquote p:last-of-type {
+  margin-bottom: 0
+}
+
+a {
+
+  text-decoration: none
+}
+
+a:focus,
+a:hover {
+  text-decoration: underline
+}
+
+a code {
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none
+}
+
+
+dl dt {
+  font-weight: 700
+}
+
+dl dd {
+  margin: 0 24px 24px
+}
+
+
+
+</style><meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU" />
+<meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="apple-touch-icon" href="logo-circle.html">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="Content-Type" content="HTML">
+  <meta name="Author" content="Bryan Guner">
+  <meta name="keywords" content="HTML, Meta Tags, Metadata">
+  <meta name="description" content="Learning about Web Development.">
+  <link type="image/x-icon" href="favicon.html" rel="shortcut icon">
+  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@bgoonz">
+  <meta name="twitter:creator" content="@bgoonz">
+  <meta name="twitter:image:src" content="/logo-circle.png">
+  <meta name="twitter:title" content="Web Development Resource Hub Bryan Guner">
+  <meta name="twitter:description" content="The new home of my blog resource sharing website.">
+<meta property="twitter:card" content="summary_large_image">
+  <link
+    href="../../../../instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png"
+    rel="apple-touch-icon">
+  <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet">
+<meta property="og:image" content="https://mugshotbot.com/m/DROicc16"><script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","../../../../chimpstatic.com/mcjs-connected/js/users/a41d8352dc1deaf4533662699/28d2370bb66d456a5d6411971.js");</script><script src="../../../../cdn.jsdelivr.net/npm/%40popperjs/core%402.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
+<script src="../../../../cdn.jsdelivr.net/npm/bootstrap%405.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script><!-- Insert makerbadge.js (download or use ☁️cloud version) -->
+
+<script type="text/javascript" src="../../../../makerbadge.s3.amazonaws.com/blmbadge.js"></script>
+
+<!-- Initialise MakerBadge with options -->
+
+<script>
+  BLMBadge.init({
+       layout:1,
+       theme:'dark',
+       promoText : 'Send a donation '+String.fromCodePoint(0x2192),
+       promoLink : 'https://minnesotafreedomfund.org/',
+       message : 'To be silent is to be complicit. Black lives matter.',
+       title : '#BlackLivesMatter',
+       imageAlt: "Black Lives Matter Badge"
+})
+</script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script>
+
+
+<script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>"use strict";
+
+!function() {
+    var t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYxZTQzZmFlY2I2NjkwNWMyZGJkMGVmZCIsInRva2VuVHlwZSI6InB1YmxpYyIsImlhdCI6MTY0MjM0ODUyNiwiZXhwIjoxNDI1Njc0ODUyNn0.VD7Lxgh5cWuOzOhV9KH51TZVdPVXvsIJgRUx-oacfVM";
+    function e() {
+        var e = document.createElement("script"), a = navigator.language || navigator.userLanguage;
+        e.type = "text/javascript", e.async = !0, e.src = "https://api.searchbar.org/v1/widget/" + t + "/" + a;
+        var n = document.getElementsByTagName("script")[0];
+        n.parentNode.insertBefore(e, n);
+    }
+    "complete" === document.readyState ? e() : window.attachEvent ? window.attachEvent("onload", e) : window.addEventListener("load", e, !1);
+}();</script><style>
+		@font-face {
+            font-family: font-sb;
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784);
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');
+            font-weight: 400;
+            font-style: normal
+        }
+
+        #sb-search-example p {
+            font-family: sans-serif;
+            font-size: 18px;
+            line-height: 12px;
+	        margin: 0;
+        }
+
+        #sb-search-example {
+            position: static;
+            bottom: 0;
+            width: auto;
+            place-content: center;
+            display: inline-block;
+            box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);
+            border: solid 5px white;
+            border-radius: 100px;
+            flex-shrink: initial;
+            flex-grow: initial;
+        }
+
+
+        #sb-search-example .sb-icon {
+            font: normal normal 400 26px font-sb;
+            align-items: center;
+            padding: 10px;
+            speak: none;
+            display: inline-block;
+            text-decoration: inherit;
+            text-align: center;
+            text-transform: none;
+            cursor: pointer;
+            margin: 0;
+        }
+
+        #sb-search-example .sb-search-icon {
+            box-sizing: border-box;
+            border: 0px;
+            align-items: center;
+            background: #007cff;
+            color: #fff;
+            cursor: pointer;
+            display: flex;
+            border-radius: 26px;
+            padding: 0 20px 0 4px;
+        }
+	</style><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><style>
+#scrollBtn {
+  display: none;
+  position: fixed;
+  bottom: 140px;
+  right: 20px;
+  z-index: 99;
+  border: 1px black solid;
+  outline: none;
+  background-color: #044274;
+  color: white;
+  cursor: pointer;
+  padding: 5px;
+  border-radius: 28px;
+  font-size: 12px;
+}
+
+#scrollBtn:hover {
+  background-color: #ffffff;
+color:#000000;
+}
+
+</style><style>
+a {
+  text-decoration: none;
+  color: #007edf;
+  text-shadow: none;
+
+  transition: color 0.5s ease;
+  transition: text-shadow 0.5s ease;
+  -webkit-transition: color 0.5s ease;
+  -webkit-transition: text-shadow 0.5s ease;
+  -moz-transition: color 0.5s ease;
+  -moz-transition: text-shadow 0.5s ease;
+  -o-transition: color 0.5s ease;
+  -o-transition: text-shadow 0.5s ease;
+  -ms-transition: color 0.5s ease;
+  -ms-transition: text-shadow 0.5s ease;
+}
+a:hover, a:focus {text-decoration: underline;}
+
+footer a {
+  color: #F2F2F2;
+  text-decoration: underline;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+pre {
+  width: 100%;
+  padding: 10px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+  overflow: auto;
+}
+
+code {
+  padding: 3px;
+  margin: 0 3px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
+pre code {
+  display: block;
+  box-shadow: none;
+}
+
+blockquote {
+  color: #666;
+  margin-bottom: 20px;
+  padding: 0 0 0 20px;
+  border-left: 3px solid #bbb;
+}
+</style></head><body class="palette-navy"><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="page" class="site"><header id="masthead" class="site-header outer"><br/><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-logo"><a href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></p></div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item has-children menu-button"><a class="button" href="../../sitemap/index.html">Navigation</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Docs</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/showcase">Showcase</a></li><li class="menu-item current menu-button"><a class="button" href="index.html">Contact!</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../python/python-ds/index.html">Python</a></li><li class="menu-item menu-button"><a class="button" href="../../javascript/index.html">JavaScript</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/">Blog</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz.blogspot.com/" target="_blank" rel="noopener " class="button">Blog-Post-Archive</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/platform-docs/">platform docs</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../articles/nodejs/index.html">nodejs</a></li><li class="menu-item menu-button"><a href="https://blog-w-comments.vercel.app/" target="_blank" rel="noopener " class="button">Blog with Comments</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../interview/job-search-nav/index.html">Job Search</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/interview/job-boards">Job Boards</a></li><li class="menu-item"><a href="#">lorem-ipsum</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../tools/archive/index.html">Archive</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Learning-Assets" target="_blank" rel="noopener " class="button">Resource-Archive-Server</a></li><li class="menu-item menu-button"><a href="https://lambda-resources.netlify.app/" class="button">Bootcamp Resources</a></li><li class="menu-item menu-button"><a href="https://web-dev-resource-hub.netlify.app/" target="_blank" rel="noopener " class="button">OG-Blog</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Top Repos</a></li><li class="menu-item menu-button"><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener " class="button">MY_DOCS</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../projects/index.html">Projects</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">Potluck Planner</a></li><li class="menu-item menu-button"><a href="https://meditate42app.netlify.app/" target="_blank" rel="noopener " class="button">Meditation App</a></li><li class="menu-item menu-button"><a href="https://search-awesome.vercel.app/" target="_blank" rel="noopener " class="button">SearchAwesome</a></li><li class="menu-item menu-button"><a href="https://bg-portfolio.netlify.app/" target="_blank" rel="noopener " class="button">Condensed -Portfolio</a></li><li class="menu-item menu-button"><a href="https://a.familypromiseservicetracker.dev/" target="_blank" rel="noopener " class="button">Family Promise Tracker</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering" class="button">DTW-Guitar-FX-Automation</a></li><li class="menu-item menu-button"><a href="https://friendly-panda-b61ab.netlify.app/" class="button">Embeds Blog</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">alt-blogs</a></li><li class="menu-item menu-button"><a href="https://bgoonz-games.netlify.app/" class="button">Games</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" target="_blank" rel="noopener " class="button">Blog Backup</a></li><li class="menu-item menu-button"><a href="https://bgoonz-cv.netlify.app/" class="button">Cover Letter</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Centric</a></li><li class="menu-item menu-button"><a href="https://web-dev-hub.com/" target="_blank" rel="noopener " class="button">Wordpress Blog</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Portfolio Gallery</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/github-stats-website/" class="button">github-stats-website</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../tools/index.html">Tools</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://githtmlpreview.netlify.app/" target="_blank" rel="noopener " class="button">Github HTML Previewer</a></li><li class="menu-item menu-button"><a href="https://devtools42.netlify.app/" target="_blank" rel="noopener " class="button">Text Tools</a></li><li class="menu-item menu-button"><a href="https://ternary42.netlify.app/" target="_blank" rel="noopener " class="button">Ternary 2 If Else</a></li><li class="menu-item menu-button"><a href="https://determined-dijkstra-ee7390.netlify.app/" target="_blank" rel="noopener " class="button">Job Search Resources</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/web-dev-setup-checker" target="_blank" rel="noopener " class="button">Setup Checker</a></li><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">PotluckPlanner</a></li><li class="menu-item menu-button"><a href="https://web-dev-interview-prep-quiz-website.netlify.app/" class="button">WebDev Quizzes</a></li><li class="menu-item menu-button"><a href="https://github.com/search/advanced" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Github-Advanced-Search</span></a></li></ul></li></ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button></div></div><div><div id="sb-search-example"><div class="sb-search-icon" id="myCustomSearchButtonID"><i class="sb-icon"></i><p>Search</p></div></div><a class="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github"><svg aria-hidden="true" width="40" height="40" viewBox="0 0 250 250" style="z-index:100000;fill:black;color:#fff;position:fixed;top:0px;border:0;left:0px;transform:scale(-1.5, 1.5)"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="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="transform-origin:130px 106px"></path><path class="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><main id="content" class="site-content"><div class="inner outer"><div class="docs-content"><nav id="docs-nav" class="docs-nav"><div id="docs-nav-inside" class="docs-nav-inside sticky"><button id="docs-nav-toggle" class="docs-nav-toggle">Navigate Docs<span class="icon-angle-right" aria-hidden="true"></span></button><div class="docs-nav-menu"><ul id="docs-menu" class="docs-menu"><li class="docs-menu-item"><a href="../../index.html">Docs</a></li><li class="docs-menu-item has-children"><a href="../../about/index.html">About</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../about/README/index.html">readme</a></li><li class="docs-menu-item"><a href="../../about/eng-portfolio/index.html">Engineering Portfolio</a></li><li class="docs-menu-item"><a href="../../about/resume/index.html">Resume</a></li><li class="docs-menu-item"><a href="../../about/youtube/index.html">Youtube</a></li><li class="docs-menu-item"><a href="../../about/job-search/index.html">Job Search</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../articles/index.html">Articles</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../articles/how-the-web-works/index.html">How The Web Works</a></li><li class="docs-menu-item"><a href="../../articles/http/index.html">The HTTP Protocol</a></li><li class="docs-menu-item"><a href="../../articles/nextjs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../articles/node-cli-args/index.html">where-is-npm-pack</a></li><li class="docs-menu-item"><a href="../../articles/node-env-variables/index.html">Node Export Module</a></li><li class="docs-menu-item"><a href="../../articles/node-common-modules/index.html">Common Modules</a></li><li class="docs-menu-item"><a href="../../articles/node-repl/index.html">The-package-lock.json-file</a></li><li class="docs-menu-item"><a href="../../articles/node-js-language/index.html">packagejson</a></li><li class="docs-menu-item"><a href="../../articles/node-package-manager/index.html">Sorting Algorithms</a></li><li class="docs-menu-item"><a href="../../articles/node-run-cli/index.html">node-cli-args</a></li><li class="docs-menu-item"><a href="../../articles/npm/index.html">Introduction to npm</a></li><li class="docs-menu-item"><a href="../../articles/the-uniform-resource-locator-(url)/index.html">The Uniform Resource Locator (URL)</a></li><li class="docs-menu-item"><a href="../../articles/v8/index.html">npm global or local packages</a></li><li class="docs-menu-item"><a href="../../articles/semantic-html/index.html">Web Design</a></li><li class="docs-menu-item"><a href="../../articles/web-standards-checklist/index.html">Web Standards Checklist</a></li><li class="docs-menu-item"><a href="../../articles/understanding-firebase/index.html">Firebase</a></li><li class="docs-menu-item"><a href="../../articles/webdev-tools/index.html">Web Developer Tools</a></li><li class="docs-menu-item"><a href="../../articles/buffers/index.html">Node Buffers</a></li><li class="docs-menu-item"><a href="../../articles/dev-dep/index.html">Dev Dependencies</a></li><li class="docs-menu-item"><a href="../../articles/event-loop/index.html">The Node.js Event Loop</a></li><li class="docs-menu-item"><a href="../../articles/basic-web-dev/index.html">Web Dev Review</a></li><li class="docs-menu-item"><a href="../../articles/fs-module/index.html">Fs-Module</a></li><li class="docs-menu-item"><a href="../../articles/how-search-engines-work/index.html">The Anatomy of a Search Engine</a></li><li class="docs-menu-item"><a href="../../articles/install/index.html">Install</a></li><li class="docs-menu-item"><a href="../../articles/intro/index.html">Intro To Node</a></li><li class="docs-menu-item"><a href="../../articles/modules/index.html">Node Modules System</a></li><li class="docs-menu-item"><a href="../../articles/nodejs/index.html">Javascript and Node</a></li><li class="docs-menu-item"><a href="../../articles/npx/index.html">The npx Node.js Package Runner</a></li><li class="docs-menu-item"><a href="../../articles/nodevsbrowser/index.html">Node vs Browser</a></li><li class="docs-menu-item"><a href="../../articles/reading-files/index.html">Reading Files</a></li><li class="docs-menu-item"><a href="../../articles/os-module/index.html">OS-Module</a></li><li class="docs-menu-item"><a href="../../articles/semantic/index.html">Semantic Versioning</a></li><li class="docs-menu-item"><a href="../../articles/writing-files/index.html">Writing Files</a></li><li class="docs-menu-item"><a href="../../articles/node-api-express/index.html">Node APIs With Express</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../audio/index.html">Audio</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../audio/audio/index.html">Audio</a></li><li class="docs-menu-item"><a href="../../audio/discrete-fft/index.html">Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/audio-feature-extraction/index.html">Audio Feature Extraction</a></li><li class="docs-menu-item"><a href="../../audio/dfft/index.html">Discrete Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/dtw-python-explained/index.html">Dynamic Time Warping Algorithm Explained (Python)</a></li><li class="docs-menu-item"><a href="../../audio/dynamic-time-warping/index.html">dynamic-time-warping</a></li><li class="docs-menu-item"><a href="../../audio/web-audio-api/index.html">Web Apis</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../career/index.html">Career</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../career/dev-interview/index.html">Developer Interview Questions</a></li><li class="docs-menu-item"><a href="../../career/interview-dos-n-donts/index.html">Do &amp; Don&#x27;t of Interviewing!</a></li><li class="docs-menu-item"><a href="../../career/job-boards/index.html">Job Board</a></li><li class="docs-menu-item"><a href="../../career/wed-dev-questions/index.html">Javascript Practice</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../community/index.html">Community</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../community/an-open-letter-2-future-developers/index.html">New Developers</a></li><li class="docs-menu-item"><a href="../../community/video-chat/index.html">Video Chat</a></li><li class="docs-menu-item"><a href="../../community/github-profiles/index.html">Cool Github Profiles</a></li><li class="docs-menu-item"><a href="../../community/bookmarks/index.html">Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../content/index.html">Content</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../content/bash-intro/index.html">Tuning Command Line History in Bash - ShellHacks</a></li><li class="docs-menu-item"><a href="../../content/gatsby-Queries-Mutations/index.html">Queries and Mutations (Gatsby)</a></li><li class="docs-menu-item"><a href="../../content/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../content/github-api/index.html">All the Things You Can Do With GitHub API and Python</a></li><li class="docs-menu-item"><a href="../../content/history-api/index.html">History API</a></li><li class="docs-menu-item"><a href="../../content/trouble-shooting/index.html">Trouble Shooting</a></li><li class="docs-menu-item"><a href="../../content/netlify/index.html">Netlify Docs</a></li><li class="docs-menu-item"><a href="../../content/algo/index.html">Algorithms &amp; Data Structures</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../css/index.html">Css</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../css/css-positioning/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../data-structures/index.html">Data Structures</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../data-structures/data-structures-in-depth/index.html">Data Structures</a></li><li class="docs-menu-item"><a href="../../data-structures/big-o/index.html">Big-O Notation</a></li><li class="docs-menu-item"><a href="../../data-structures/ds-algo-interview/index.html">Data Structures Interview</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../docs/index.html">Docs</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../docs/appendix/index.html">Apendix</a></li><li class="docs-menu-item"><a href="../../docs/css/index.html">Learn Css</a></li><li class="docs-menu-item"><a href="../../docs/art-of-command-line/index.html">Command Line Basics</a></li><li class="docs-menu-item"><a href="../../docs/git-repos/index.html">Git Repo List</a></li><li class="docs-menu-item"><a href="../../docs/git-reference/index.html">Git Reference</a></li><li class="docs-menu-item"><a href="../../docs/data-structures-docs/index.html">Data Structures Docs</a></li><li class="docs-menu-item"><a href="../../docs/markdown/index.html">Markdown</a></li><li class="docs-menu-item"><a href="../../docs/jamstack/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../docs/regex-in-js/index.html">Regular Expressions</a></li><li class="docs-menu-item"><a href="../../docs/sitemap/index.html">Sitemap</a></li><li class="docs-menu-item"><a href="../../docs/es-6-features/index.html">ECMAScript 6</a></li><li class="docs-menu-item"><a href="../../docs/bash/index.html">Bash Commands That Save Me Time and Frustration</a></li><li class="docs-menu-item"><a href="../../docs/html-spec/index.html">HTML SPEC</a></li><li class="docs-menu-item"><a href="../../docs/no-whiteboarding/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../docs/node-docs-full/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../../docs/snippets/index.html">Useful Snippets</a></li><li class="docs-menu-item"><a href="../../docs/node-docs-complete/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../../docs/glossary/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children active"><a href="../index.html">FAQ</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../plug-ins/index.html">Plug-ins</a></li><li class="docs-menu-item current"><a aria-current="page" class="" href="index.html">Contact!</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interact/index.html">Interactive</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interact/callstack-visual/index.html">Callstack Visualizer</a></li><li class="docs-menu-item"><a href="../../interact/clock/index.html">Clock</a></li><li class="docs-menu-item"><a href="../../interact/jupyter-notebooks/index.html">Jupyter Notebooks</a></li><li class="docs-menu-item"><a href="../../interact/other-sites/index.html">Other Websites</a></li><li class="docs-menu-item"><a href="../../interact/video-chat/index.html">Zumzi Video Conferencing (Mesibo API Backend)</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../javascript/index.html">Javascript</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../javascript/arrow-functions/index.html">JS Fat Arrow Functions</a></li><li class="docs-menu-item"><a href="../../javascript/asyncjs/index.html">Asynchronous-JS</a></li><li class="docs-menu-item"><a href="../../javascript/await-keyword/index.html">Await </a></li><li class="docs-menu-item"><a href="../../javascript/constructor-functions/index.html">Constructor Functions</a></li><li class="docs-menu-item"><a href="../../javascript/cs-basics-in-js/index.html">CS Basics</a></li><li class="docs-menu-item"><a href="../../javascript/for-loops/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../javascript/promises/index.html">Promises</a></li><li class="docs-menu-item"><a href="../../javascript/clean-code/index.html">Clean Code</a></li><li class="docs-menu-item"><a href="../../javascript/review/index.html">Javascript Concepts Review</a></li><li class="docs-menu-item"><a href="../../javascript/this-is-about-this/index.html">WhatisTHIS</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interview/index.html">Interviewing</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interview/job-search-nav/index.html">Job Search Navigation</a></li><li class="docs-menu-item"><a href="../../interview/review-concepts/index.html">Review Of Concepts</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../leetcode/index.html">Leetcode</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../leetcode/004._Median_of_Two_Sorted_Arrays/index.html">004._Median_of_Two_Sorted_Arrays</a></li><li class="docs-menu-item"><a href="../../leetcode/006._ZigZag_Conversion/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/008._String_to_Integer_(atoi)/index.html">008._String_to_Integer</a></li><li class="docs-menu-item"><a href="../../leetcode/009._Palindrome_Number/index.html">009._Palindrome_Number</a></li><li class="docs-menu-item"><a href="../../leetcode/011._Container_With_Most_Water/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/010._Regular_Expression_Matching/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/012._Integer_to_Roman/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/013._Roman_to_Integer/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/014._Longest_Common_Prefix/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/019._Remove_Nth_Node_From_End_of_List/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/020._Valid_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/022._Generate_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/029._Divide_Two_Integers/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/031._Next_Permutation/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/033._Search_in_Rotated_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/first-100/index.html">Leetcode</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../projects/index.html">Projects</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../projects/embeded-websites/index.html">Embeded Websites &amp; Projects</a></li><li class="docs-menu-item"><a href="../../projects/list-of-projects/index.html">List Of Projects</a></li><li class="docs-menu-item"><a href="../../projects/main-projects/index.html">RECENT PROJECTS</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects2/index.html">Mini Projects 2</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects/index.html">Mini Projects</a></li><li class="docs-menu-item"><a href="../../projects/my-websites/index.html">My Sites</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../python/index.html">Python</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../python/examples/index.html">Practice</a></li><li class="docs-menu-item"><a href="../../python/flow-control/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/functions/index.html">Python Functions</a></li><li class="docs-menu-item"><a href="../../python/google-sheets-api/index.html">google-sheets-api</a></li><li class="docs-menu-item"><a href="../../python/install-python-ubuntu/index.html">How to install Python 2.7 on Ubuntu 20.04 LTS</a></li><li class="docs-menu-item"><a href="../../python/intro-for-js-devs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/python-ds/index.html">Python General Notes</a></li><li class="docs-menu-item"><a href="../../python/python-quiz/index.html">Python Quiz</a></li><li class="docs-menu-item"><a href="../../python/snippets/index.html">Python Snippets</a></li><li class="docs-menu-item"><a href="../../python/cheat-sheet/index.html">Python Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../python/comprehensive-guide/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/at-length/index.html">Python at length</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../quick-reference/index.html">QuickRef</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../quick-reference/all-emojis/index.html">All Emojis</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-bash/index.html">Git Bash</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-tricks/index.html">Git Tricks</a></li><li class="docs-menu-item"><a href="../../quick-reference/google-firebase/index.html">Firebase (Firebasics)</a></li><li class="docs-menu-item"><a href="../../quick-reference/markdown-dropdowns/index.html">Markdown Dropdown</a></li><li class="docs-menu-item"><a href="../../quick-reference/installation/index.html">Installation</a></li><li class="docs-menu-item"><a href="../../quick-reference/minifiction/index.html">How To Minify Code For Better Web Performance </a></li><li class="docs-menu-item"><a href="../../quick-reference/new-repo-instructions/index.html">new-repo-git</a></li><li class="docs-menu-item"><a href="../../quick-reference/pull-request-rubric/index.html">Pull Request Template</a></li><li class="docs-menu-item"><a href="../../quick-reference/quick-links/index.html">Quick Links</a></li><li class="docs-menu-item"><a href="../../quick-reference/heroku-error-codes/index.html">Heroku Error Codes</a></li><li class="docs-menu-item"><a href="../../quick-reference/topRepos/index.html">Top Repos</a></li><li class="docs-menu-item"><a href="../../quick-reference/psql-setup/index.html">PostgreSQL Setup</a></li><li class="docs-menu-item"><a href="../../quick-reference/understanding-path/index.html">Understanding PATH</a></li><li class="docs-menu-item"><a href="../../quick-reference/Emmet/index.html">Emmet Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../quick-reference/create-react-app/index.html">Getting Started W Create React App</a></li><li class="docs-menu-item"><a href="../../quick-reference/vscode-themes/index.html">vscode-themes</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../react/index.html">React</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../react/ajax-n-apis/index.html">AJAX and APIs</a></li><li class="docs-menu-item"><a href="../../react/createReactApp/index.html">npx-create-react-app</a></li><li class="docs-menu-item"><a href="../../react/cheatsheet/index.html">React Cheat Sheets:</a></li><li class="docs-menu-item"><a href="../../react/demo/index.html">React Class Components Demo</a></li><li class="docs-menu-item"><a href="../../react/jsx/index.html">Introducing JSX</a></li><li class="docs-menu-item"><a href="../../react/dont-use-index-as-keys/index.html">Index as a key is an anti-pattern</a></li><li class="docs-menu-item"><a href="../../react/react-w-api/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../react/quiz/index.html">React Quiz Questions</a></li><li class="docs-menu-item"><a href="../../react/react-patterns-by-usecase/index.html">React Patterns &amp; Use Cases</a></li><li class="docs-menu-item"><a href="../../react/render-elements/index.html">Rendering Elements With React</a></li><li class="docs-menu-item"><a href="../../react/react-docs/index.html">React Docs</a></li><li class="docs-menu-item"><a href="../../react/react2/index.html">Intro To React</a></li><li class="docs-menu-item"><a href="../../react/react-in-depth/index.html">React In Depth</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../reference/index.html">Reference</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../reference/awesome-static/index.html">Awesome Static Site Resources</a></li><li class="docs-menu-item"><a href="../../reference/embed-the-web/index.html">Embed The Web</a></li><li class="docs-menu-item"><a href="../../reference/google-cloud/index.html">Google Cloud</a></li><li class="docs-menu-item"><a href="../../reference/bash-commands/index.html">Bash-Commands</a></li><li class="docs-menu-item"><a href="../../reference/how-to-kill-a-process/index.html">Kill a Process in Linux</a></li><li class="docs-menu-item"><a href="../../reference/how-2-reinstall-npm/index.html">How To Reinstall NPM and Node.js On Your System</a></li><li class="docs-menu-item"><a href="../../reference/installing-node/index.html">Installing Node</a></li><li class="docs-menu-item"><a href="../../reference/intro-to-nodejs/index.html">Intro To NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/notes-template/index.html">Notes Template</a></li><li class="docs-menu-item"><a href="../../reference/markdown-styleguide/index.html">Markdown Lint Styleguide</a></li><li class="docs-menu-item"><a href="../../reference/psql/index.html">Postgresql Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../reference/vscode/index.html">vscode</a></li><li class="docs-menu-item"><a href="../../reference/resources/index.html">Developer Resources</a></li><li class="docs-menu-item"><a href="../../reference/awesome-nodejs/index.html">Awesome NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/github-search/index.html">Github Search</a></li><li class="docs-menu-item"><a href="../../reference/awesome-lists/index.html">Awesome Lists</a></li><li class="docs-menu-item"><a href="../../reference/web-api%27s/index.html">Web Apis</a></li><li class="docs-menu-item"><a href="../../reference/bookmarks/index.html">Web Dev Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tools/index.html">Tools</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tools/dev-utilities/index.html">General Utilities</a></li><li class="docs-menu-item"><a href="../../tools/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../tools/markdown-html/index.html">md and html</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tips/index.html">Tips</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tips/array-methods/index.html">Tips</a></li><li class="docs-menu-item"><a href="../../tips/insert-into-array/index.html">Insert Into Array</a></li><li class="docs-menu-item"><a href="../../tips/sorting-strings/index.html">Sorting Strings</a></li><li class="docs-menu-item"><a href="../../tips/regex-tips/index.html">Regex Tricks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tutorials/index.html">Tutorials</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tutorials/how-to-use-google-sheets-as-cms/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../tutorials/enviorment-setup/index.html">Basic Bash Proficiency</a></li></ul></li></ul></div></div></nav><article class="post type-docs"><div class="post-inside"><header class="post-header"><h1 class="post-title line-left">Contact!</h1></header><div class="post-content"><br/><br/><iframe src="https://bgoonz-blog-v3-0.netlify.app/contact/" height="900px" width="100%"></iframe><br/><hr/><br/><hr/><br/><iframe src="https://comments-3.bgoonz.repl.co/" height="900px" width="100%"></iframe><h3>Calendar:</h3><iframe src="https://calendar.google.com/calendar/embed?src=c_f16bvhnsdsp8epckcinsu4978g%40group.calendar.google.com&amp;ctz=America%2FNew_York" style="border:0" width="800" height="600" frameBorder="0" scrolling="no"></iframe></div></div></article><nav id="page-nav" class="page-nav"><div id="page-nav-inside" class="page-nav-inside sticky"><h2 class="page-nav-title">Jump to Section</h2><div id="page-nav-link-container"></div></div></nav></div><div id="disqus_thread"></div><div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&amp;g=1&amp;e=1"></div></div></main><footer id="colophon" class="site-footer outer"><div><center><br/><div id="search"> <!-- --> </div><br/><table cellPadding="0" cellSpacing="0" border="0"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><center><table width="95%" cellPadding="0" cellSpacing="0" border="0" style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="left"><a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">index</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="center"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0">sitemap</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="right"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;pid=a">advanced</a></td></tr></tbody></table></center><form style="margin:0px;margin-top:2px" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self"><input type="hidden" name="si" value="14588965"/><input type="hidden" name="pid" value="r"/><input type="hidden" name="n" value="0"/><input type="hidden" name="_charset_" value="true"/><input type="hidden" name="bcd" value="÷"/><input type="text" name="query" size="15"/><input type="submit" value="search"/></form></td></tr><tr><td style="text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:7.5pt;padding-top:4px"><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">search engine</a><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">by<span style="color:transparent">freefind</span></a></td></tr></tbody></table><a class="save2PDF" href="http://pdfcrowd.com/url_to_pdf/?">Save to PDF</a></center><a aria-current="page" class="site-logo" href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></div><div class="inner"><div id="search" class="inner"></div><div class="site-footer-inside"><p class="site-info"><span class="copyright">@bgoonz on almost every platform</span><a href="https://random-static-html-deploys.netlify.app/blm.html" target="_blank" rel="noopener " class="button">BLM</a><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener ">Docs</a><a href="#">lorem-ipsum</a> </p><div class="social-links"><a href="https://twitter.com/bgooonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Twitter</span></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">LinkedIn</span></a><a href="https://github.com/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">GitHub</span></a><a href="https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Youtube</span></a><a href="https://www.instagram.com/bgoonz/?hl=en" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Instagram</span></a><a href="https://dev.to/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">dev.to</span></a><a href="#">lorem-ipsum</a> </div> </div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script src='../../../../d33wubrfki0l68.cloudfront.net/bundles/0233599d4c45be641254dc1947c4cc78b0c22051.js'></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="index.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-50463aa39b84c4d1ec96.js"],"app":["/app-10180cc44b3853f61402.js"],"component---src-templates-advanced-js":["/component---src-templates-advanced-js-6f213d193b5ecf8f0dd1.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-d1d7372de9a72caa6ec8.js"],"component---src-templates-docs-js":["/component---src-templates-docs-js-731339ed0815d7cada90.js"],"component---src-templates-page-js":["/component---src-templates-page-js-dcb6b8bc1563f876e59f.js"],"component---src-templates-post-js":["/component---src-templates-post-js-8dfc6c5f64f9cf30c603.js"]};/*]]>*/</script><script nomodule src='../../../../d33wubrfki0l68.cloudfront.net/js/582b61cb624d3b5bcc6977024571665de2ae7a24/polyfill-50463aa39b84c4d1ec96.js'></script><script async src='../../../../d33wubrfki0l68.cloudfront.net/bundles/a315e5520efecbe9f2dbefdf6e0d24cc6e3a3847.js'></script><input type="button" style="position: fixed;top: 10px;right: 10px;width:80px;color:white;font-weight:bold;background-color:rgba(0, 0, 0, 0.856); border-radius:15px;" value="Go Back" onclick="history.back(-1)" />
+      <?php
+        $url = htmlspecialchars($_SERVER['HTTP_REFERER']);
+        echo "<a href='%24url.html'></a><script src="../../../../widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="609b2d7c71a5dd0016f36326"></script><!-- Go to www.addthis.com/dashboard to customize your tools -->
+<script type="text/javascript" src="../../../../s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60dcec1ece575946"></script><script>
+let div = window.createElement('div');
+div.id('search');
+div.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;bottom: 0px;right: 25%;left: 50 %;';
+let docscontent = window.getElementByClassName('docs-content');
+docscontent.appendChild(div);
+
+let div1 = window.createElement('div');
+div1.id('search');
+div1.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;background:#063;bottom: 0px;right: 25%;left: 50 %;margin-left: -150px';
+let header = window.getElementByClassName('site-header-inside');
+header.appendChild('div1');
+
+</script><!-- Default Statcounter code for 2
+https://bgoonz-blog.netlify.app/ -->
+<script type="text/javascript">
+var sc_project=12702211; 
+var sc_invisible=0; 
+var sc_security="011fbeb6"; 
+var sc_text=3; 
+var scJsHost = "https:///";
+document.write("<sc"+"ript type='text/javascript' src='" +
+scJsHost+
+"statcounter.com/counter/counter.js'></"+"script>");
+</script>
+<noscript><div class="statcounter"><a title="Web Analytics"
+href="https://statcounter.com/" target="_blank"><img
+class="statcounter"
+src="https://c.statcounter.com/12702211/0/011fbeb6/0/"
+alt="Web Analytics"
+referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
+<!-- End of Statcounter Code -->
+<a href="https://statcounter.com/p12702211/?guest=1">View My
+Stats</a><script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>
+          // Get the button:
+          mybutton = document.getElementById("scrollBtn");
+          // When the user scrolls down 20px from the top of the document, show the button
+          window.onscroll = function () {
+            scrollFunction();
+          };
+          function scrollFunction() {
+            if (
+              document.body.scrollTop > 20 ||
+              document.documentElement.scrollTop > 20
+            ) {
+              mybutton.style.display = "block";
+            } else {
+              mybutton.style.display = "none";
+            }
+          }
+          // When the user clicks on the button, scroll to the top of the document
+          function topFunction() {
+            document.body.scrollTop = 0; // For Safari
+            document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+          }
+        </script>
+        <script>
+          window.addEventListener("DOMContentLoaded", (event) => {
+            console.log("DOM fully loaded and parsed");
+            const scrollToTop = () => {
+              const c =
+                document.documentElement.scrollTop || document.body.scrollTop;
+              if (c > 0) {
+                window.requestAnimationFrame(scrollToTop);
+                window.scrollTo(0, c - c / 8);
+              }
+            };
+            scrollToTop();
+          });
+        </script>
+<button id="scrollBtn" title="Go to top" onclick="topFunction()" style="display: block;">
+          Back To Top
+        </button></body></html>
diff --git a/docs/content/html-docs/faq/index.html b/docs/content/html-docs/faq/index.html
new file mode 100644
index 0000000000..dd2d7179ca
--- /dev/null
+++ b/docs/content/html-docs/faq/index.html
@@ -0,0 +1,534 @@
+<!DOCTYPE html><html><!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
+<head><style data-href="../../styles.9ec07c865aac99f55058.css">html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}.font-fira-sans b,.font-fira-sans strong{font-weight:600}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:Lato,Helvetica,Arial,sans-serif;font-size:100%}body{background:#f8f8fa;color:#424b5f;line-height:1.425;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow:scroll}a{color:#00c6ff;text-decoration:underline;transition:color .4s ease-out}a:hover{color:#424b5f}#social-embed{bottom:120px!important;width:100%!important;width:1000px!important;box-shadow:inset 0 5px 3px -10px #000,inset 0 -11px 8px -10px #000;margin:0 auto!important;height:400px!important;overflow:scroll!important;border:1px dotted #000}iframe{overflow-y:scroll;overflow-x:scroll;border-radius:12px;border:1px dotted #000;height:1200px;box-shadow:inset 0 4px 4px -10px #000,inset 0 -11px 8px -10px #000;width:1000px;resize:both!important;overflow:scroll}code{box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}pre{box-shadow:0 1px 4px rgba(184,137,137,.3),inset 0 0 40px rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{color:#283040;font-weight:700;line-height:1.2;margin:1.5em 0 .5em;text-rendering:optimizeLegibility}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}p{margin:0 0 1em}ins,mark{background:#fff7e6;color:#283040;padding:.15em;text-decoration:none}pre{background:#283040;border-radius:3px;color:#f8f8fa;font-size:.875em;line-height:1.5;margin:1.14286em 0;overflow:auto;padding:1.5em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal}pre:first-child{margin-top:0}:not(pre)>code{background:#ecedf2;border-radius:3px;color:#424b5f;font-size:.875rem;padding:.15em;white-space:normal}blockquote{border-left:5px solid #00c6ff;font-size:1.25em;line-height:1.4;margin:1.25em 0;padding:0 0 0 1em}blockquote:first-child{margin-top:0}blockquote p{margin-bottom:.5em}blockquote cite,blockquote small{color:#67758d;display:block;font-size:.75em;font-style:normal;font-weight:400;line-height:1.5;margin-top:.5em}dl{margin:0}dt{font-weight:700}dd,ol,ul{margin:0 0 1em}ul{list-style:disc;padding:0 0 0 1.125em}ol{list-style:decimal;padding:0 0 0 1.5em}li>ol,li>ul{margin-bottom:0}hr{background-color:#dde0e7;border:0;height:1px;margin:1.875em 0}hr:first-child{margin-top:0}img{height:auto;max-width:100%;border-radius:10px}img :not(.site-logo){box-shadow:inset 10px 10px 50px #fff}@media only screen and (min-width:741px){blockquote{font-size:1.5em;line-height:1.3}h1{font-size:2.5em}h2{font-size:2.125em}h3{font-size:1.875em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1.125em}}code[class*=language-],pre[class*=language-]{color:#fff;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em #000;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#141414}pre[class*=language-]{border-radius:.5em;border:.3em solid #545454;box-shadow:inset 1px 1px .5em #000;margin:.5em 0;overflow:auto;padding:1em}pre[class*=language-]::selection{background:#27292a}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:hsla(0,0%,92.9%,.15)}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid #545454;box-shadow:inset 1px 1px .3em -.1em #000;padding:.15em .2em .05em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#777}.token.namespace,.token.punctuation{opacity:.7}.token.boolean,.token.deleted,.token.number,.token.tag{color:#ce6849}.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:#f9ed99}.language-css .token.string,.style .token.string,.token.attr-name,.token.attr-value,.token.char,.token.entity,.token.inserted,.token.operator,.token.string,.token.url,.token.variable{color:#909e6a}.token.atrule{color:#7385a5}.token.important,.token.regex{color:#e8c062}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-markup .token.attr-name,.language-markup .token.punctuation,.language-markup .token.tag{color:#ac885c}.token{position:relative;z-index:1}.line-highlight.line-highlight{background:rgba(84,84,84,.25);background:linear-gradient(90deg,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;margin-top:.75em;z-index:0}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background-color:#8693a6;color:#f4f1ef}/*! @algolia/autocomplete-theme-classic 1.5.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */:root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form[focus-within]{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-Form:focus-within{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:11px;padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:8px;padding-right:var(--aa-spacing-half);width:47px;width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:3px;padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:39px;width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;appearance:none;background:none;border:0;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input:-ms-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::-webkit-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 12.8333333333px;padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 10.1666666667px;padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:4px;border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,-webkit-filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in,-webkit-filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:8px;padding:var(--aa-spacing-half);scrollbar-color:#fff #eaeaea;scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:#eaeaea;background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:#fff;background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid #eaeaea;border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:16px;padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:8px .5em 8px 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 8px 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid #3e34d3;border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:8px;top:var(--aa-spacing-half);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,#fff,rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128,126,163,.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid #3e34d3;border:1px solid rgba(var(--aa-primary-color-rgb),1);color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:40px;min-height:calc(var(--aa-spacing)*2.5);padding:4px;padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179,173,214,.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:#7777a3;color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:28px;height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:28px;width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:20px;max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:20px;max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:8px;padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:36px;padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128,126,163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:8px;margin-left:var(--aa-spacing-half);margin-right:4px;margin-right:calc(var(--aa-spacing-half)/2);width:10px;width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:8px;height:var(--aa-spacing-half);width:8px;width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:#807ea3;color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245,223,77,.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62,52,211,.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 -5.3333333333px;margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:5.3333333333px;margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:#3e34d3;background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:8px 16px;padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:-8px;bottom:calc(var(--aa-spacing-half)*-1);content:"";height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0}.aa-PanelFooter,.aa-PanelHeader:after{z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128,126,163,.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:16px;padding:var(--aa-spacing);position:relative}.aa-PanelFooter:after{background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:16px;height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:-16px;top:calc(var(--aa-spacing)*-1);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:8px 0 8px 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128,126,163,.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:8px;padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 8px;margin:0 0 0 var(--aa-spacing-half);padding:0 8px;padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:8px;padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 5.5px;padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;height:100%;justify-content:center;width:36px;width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115,114,129,.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(hsla(0,0%,100%,0),#fff);background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}.aa-Autocomplete,.aa-DetachedContainer,.aa-Panel{--color-mark:#5468ff;--color-background:#fff;--color-selected:#f5f5fa;--color-text:#23263b;--color-input-icon:#777;--color-source-icon:rgba(80,80,80,0.32);--height:32px;--height-icon:16px;--font-size:16px}.aa-Panel{min-width:350px;z-index:1100;margin-top:2px}.aa-Panel .aa-PanelLayout{padding-top:0;padding-bottom:0;background-color:var(--color-background)}.aa-Panel .aa-PanelLayout .aa-PanelLayoutPreview{border-left:1px solid var(--color-selected)}.aa-Panel .aa-GradientBottom{background-image:none}.aa-Autocomplete .aa-Form,.aa-DetachedFormContainer .aa-Form{height:var(--height);font-size:var(--font-size);padding:0;background-color:var(--color-background)}.aa-Autocomplete .aa-Form:focus-within,.aa-DetachedFormContainer .aa-Form:focus-within{box-shadow:none}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix,.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label svg,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label svg{left:0;vertical-align:middle;color:var(--color-input-icon);width:var(--height-icon)}.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input,.aa-DetachedFormContainer .aa-Form .aa-InputWrapper .aa-Input{height:var(--height);color:var(--color-text)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix{height:var(--height)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-Item{color:var(--color-text)}.aa-Item{padding:2px 0}.aa-Item a{color:inherit;text-decoration:none}.aa-Item[aria-selected=true]{background-color:var(--color-selected)}.aa-Item .aa-ItemContent{display:flex;color:var(--color-text)}.aa-Item .aa-ItemContent mark{color:var(--color-mark);background-color:transparent}.aa-Item .aa-ItemIcon{align-items:baseline;color:var(--color-source-icon);background:none;box-shadow:none;margin:0 var(--aa-spacing-half) 0 2px}.aa-Item .aa-ItemTitle{font-size:14px;font-weight:700;line-height:18px}.aa-Item .aa-ItemHierarchy{font-size:12px;font-style:italic;line-height:18px;opacity:.8;padding:1px 0}.aa-Item .aa-ItemDescription{font-size:12px;line-height:16px;color:#797979}.aa-DetachedContainer{background:var(--color-background)}.aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedCancelButton{color:var(--color-text)}.aa-DetachedOverlay{z-index:10}.aa-DetachedSearchButton{background-color:var(--color-background)}.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon{color:var(--color-input-icon)}.aa-powered-by-link{display:inline-block;width:64px;height:18px;margin-left:4px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODUgMTIwIj48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjNTQ2OEZGIiBkPSJNMTYuOC0xLjAwMWg4OC40YzguNyAwIDE1LjggNy4wNjUgMTUuOCAxNS44djg4LjQwNWMwIDguNy03LjA2NSAxNS43OTUtMTUuOCAxNS43OTVIMTYuOGMtOC43IDAtMTUuOC03LjA2LTE1LjgtMTUuNzk1VjE0Ljc1OWMwLTguNjk1IDcuMDYtMTUuNzYgMTUuOC0xNS43NiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03My41MDUgMjUuNzg4di00LjExNWE1LjIwOSA1LjIwOSAwIDAwLTUuMjEtNS4yMDVINTYuMTVhNS4yMDkgNS4yMDkgMCAwMC01LjIxIDUuMjA1djQuMjI1YzAgLjQ3LjQzNS44LjkxLjY5YTM3Ljk2NiAzNy45NjYgMCAwMTEwLjU3LTEuNDljMy40NjUgMCA2Ljg5NS40NyAxMC4yMSAxLjM4LjQ0LjExLjg3NS0uMjE1Ljg3NS0uNjlNNDAuMjIgMzEuMTczbC0yLjA3NS0yLjA3NWE1LjIwNiA1LjIwNiAwIDAwLTcuMzY1IDBsLTIuNDggMi40NzVhNS4xODUgNS4xODUgMCAwMDAgNy4zNTVsMi4wNCAyLjA0Yy4zMy4zMjUuODA1LjI1IDEuMDk1LS4wNzVhMzkuODc2IDM5Ljg3NiAwIDAxMy45NzUtNC42NiAzNy42OCAzNy42OCAwIDAxNC43LTRjLjM2NC0uMjIuNC0uNzMuMTEtMS4wNm0yMi4xNjQgMTMuMDY1djE3LjhjMCAuNTEuNTUuODc1IDEuMDIuNjJsMTUuODI1LTguMTljLjM2LS4xOC40Ny0uNjIuMjktLjk4LTMuMjgtNS43NTUtOS4zNy05LjY4NS0xNi40MDUtOS45NC0uMzY1IDAtLjczLjI5LS43My42OW0wIDQyLjg4Yy0xMy4xOTUgMC0yMy45MTUtMTAuNzA1LTIzLjkxNS0yMy44OCAwLTEzLjE3NSAxMC43Mi0yMy44NzUgMjMuOTE1LTIzLjg3NSAxMy4yIDAgMjMuOTE2IDEwLjcgMjMuOTE2IDIzLjg3NXMtMTAuNjggMjMuODgtMjMuOTE2IDIzLjg4bTAtNTcuOGMtMTguNzQgMC0zMy45NCAxNS4xOC0zMy45NCAzMy45MiAwIDE4Ljc0NSAxNS4yIDMzLjg5IDMzLjk0IDMzLjg5czMzLjk0LTE1LjE4IDMzLjk0LTMzLjkyNWMwLTE4Ljc0NS0xNS4xNjUtMzMuODg1LTMzLjk0LTMzLjg4NSIvPjxwYXRoIGZpbGw9IiM1NDY4RkYiIGQ9Ik0yNDAuMjE0IDk0LjE3N2MtMjMuMzY1LjExLTIzLjM2NS0xOC44NTUtMjMuMzY1LTIxLjg3NWwtLjA0LTcxLjA0NSAxNC4yNTQtMi4yNnY3MC42MWMwIDEuNzE1IDAgMTIuNTYgOS4xNSAxMi41OTV2MTEuOTc1aC4wMDF6bS01Ny43OC0xMS42MWM0LjM3NCAwIDcuNjItLjI1NSA5Ljg4LS42OVY2Ny4zOTJhMjkuMTk2IDI5LjE5NiAwIDAwLTMuNDMtLjY5NSAzMy43NDIgMzMuNzQyIDAgMDAtNC45NTYtLjM2NWMtMS41NyAwLTMuMTc1LjExLTQuNzc1LjM2NS0xLjYwNS4yMi0zLjA2NS42NTUtNC4zNCAxLjI3NS0xLjI3NS42Mi0yLjMzNSAxLjQ5NS0zLjEgMi42Mi0uOCAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xMTUgMS4yNzUgNC45OTUgMS45MyA4LjYwNiAxLjkzem0tMS4yNC01MS42ODVjNC43IDAgOC42NzQuNTg1IDExLjg4NCAxLjc1IDMuMjA2IDEuMTY1IDUuNzk2IDIuOCA3LjY5IDQuODc1IDEuOTM1IDIuMTEgMy4yNDUgNC45MTUgNC4wNDYgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODZ2MzYuNjJjLTIuMTg1LjQ3LTUuNTA2IDEuMDE1LTkuOTUgMS42Ny00LjQ0Ni42NTUtOS40NC45ODUtMTQuOTg2Ljk4NS0zLjY4IDAtNy4wNy0uMzY1LTEwLjA5NS0xLjA1NS0zLjA2NS0uNjktNS42NS0xLjgyLTcuODQtMy4zODUtMi4xNS0xLjU2NS0zLjgyNS0zLjU3LTUuMDY1LTYuMDQtMS4yMDUtMi40OC0xLjgyNS01Ljk3LTEuODI1LTkuNjEgMC0zLjQ5NS42OS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUzIDUuMDY1LTIuNjIgOC4xNjUtMy4yNzUgMy4xLS42NTUgNi4zNDUtLjk4NSA5LjY5NS0uOTg1IDEuNTcgMCAzLjIxLjExIDQuOTYuMjkgMS43MTUuMTg1IDMuNTc1LjUxNSA1LjU0NS45ODV2LTIuMzNjMC0xLjYzNS0uMTg1LTMuMi0uNTg1LTQuNjU1YTEwLjAxMiAxMC4wMTIgMCAwMC0yLjA0NS0zLjg5NWMtLjk4NS0xLjEzLTIuMjU1LTIuMDA1LTMuODYtMi42Mi0xLjYwNS0uNjItMy42NS0xLjA5NS02LjA5LTEuMDk1LTMuMjggMC02LjI3LjQtOS4wMDUuODc1LTIuNzM1LjQ3LTQuOTk1IDEuMDItNi43MSAxLjYzNWwtMS43MS0xMS42OGMxLjc4NS0uNjIgNC40NDUtMS4yNCA3Ljg3NS0xLjg1NSAzLjQyNS0uNjYgNy4xMS0uOTUgMTEuMDQ1LS45NWguMDAxem0yODEuNTEgNTEuMjg1YzQuMzc1IDAgNy42MTUtLjI1NSA5Ljg3NS0uNjk1di0xNC40OGMtLjgtLjIyLTEuOTMtLjQ3NS0zLjQyNS0uNjk1YTMzLjgxMyAzMy44MTMgMCAwMC00Ljk2LS4zNjVjLTEuNTY1IDAtMy4xNy4xMS00Ljc3NS4zNjUtMS42LjIyLTMuMDYuNjU1LTQuMzM1IDEuMjc1LTEuMjguNjItMi4zMzUgMS40OTUtMy4xIDIuNjItLjgwNSAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xNSAxLjMxIDQuOTk1IDEuOTMgOC42MDUgMS45M3ptLTEuMjA1LTUxLjY0NWM0LjcgMCA4LjY3NC41OCAxMS44ODQgMS43NDUgMy4yMDUgMS4xNjUgNS43OTUgMi44IDcuNjkgNC44NzUgMS44OTUgMi4wNzUgMy4yNDUgNC45MTUgNC4wNDUgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODY1djM2LjYxNWMtMi4xODUuNDctNS41MDUgMS4wMTUtOS45NSAxLjY3NS00LjQ0NS42NTUtOS40NC45OC0xNC45ODUuOTgtMy42OCAwLTcuMDctLjM2NS0xMC4wOTQtMS4wNTUtMy4wNjUtLjY5LTUuNjUtMS44Mi03Ljg0LTMuMzg1LTIuMTUtMS41NjUtMy44MjUtMy41Ny01LjA2NS02LjA0LTEuMjA1LTIuNDc1LTEuODI1LTUuOTctMS44MjUtOS42MSAwLTMuNDk1LjY5NS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUyNSA1LjA2NS0yLjYyIDguMTY1LTMuMjc1IDMuMS0uNjU1IDYuMzQ1LS45OCA5LjctLjk4IDEuNTY1IDAgMy4yMDUuMTEgNC45NTUuMjlzMy41NzUuNTEgNS41NC45ODV2LTIuMzNjMC0xLjY0LS4xOC0zLjIwNS0uNTgtNC42NmE5Ljk3NyA5Ljk3NyAwIDAwLTIuMDQ1LTMuODk1Yy0uOTg1LTEuMTMtMi4yNTUtMi4wMDUtMy44Ni0yLjYyLTEuNjA2LS42Mi0zLjY1LTEuMDktNi4wOS0xLjA5LTMuMjggMC02LjI3LjQtOS4wMDUuODctMi43MzUuNDc1LTQuOTk1IDEuMDItNi43MSAxLjY0bC0xLjcxLTExLjY4NWMxLjc4NS0uNjIgNC40NDUtMS4yMzUgNy44NzUtMS44NTUgMy40MjUtLjYyIDcuMTA1LS45NDUgMTEuMDQ1LS45NDV6bS00Mi44LTYuNzdjNC43NzQgMCA4LjY4LTMuODYgOC42OC04LjYzIDAtNC43NjUtMy44NjYtOC42MjUtOC42OC04LjYyNS00LjgxIDAtOC42NzUgMy44Ni04LjY3NSA4LjYyNSAwIDQuNzcgMy45IDguNjMgOC42NzUgOC42M3ptNy4xOCA3MC40MjVoLTE0LjMyNnYtNjEuNDRsMTQuMzI1LTIuMjU1djYzLjY5NWguMDAxem0tMjUuMTE2IDBjLTIzLjM2NS4xMS0yMy4zNjUtMTguODU1LTIzLjM2NS0yMS44NzVsLS4wNC03MS4wNDUgMTQuMjU1LTIuMjZ2NzAuNjFjMCAxLjcxNSAwIDEyLjU2IDkuMTUgMTIuNTk1djExLjk3NXptLTQ2LjMzNS0zMS40NDVjMC02LjE1NS0xLjM1LTExLjI4NS0zLjk3NC0xNC44NS0yLjYyNS0zLjYwNS02LjMwNS01LjM4NS0xMS4wMS01LjM4NS00LjcgMC04LjM4NiAxLjc4LTExLjAwNiA1LjM4NS0yLjYyNSAzLjYtMy45MDQgOC42OTUtMy45MDQgMTQuODUgMCA2LjIyNSAxLjMxNSAxMC40MDUgMy45NCAxNC4wMSAyLjYyNSAzLjY0IDYuMzA1IDUuNDI1IDExLjAxIDUuNDI1IDQuNyAwIDguMzg1LTEuODIgMTEuMDEtNS40MjUgMi42MjQtMy42NCAzLjkzNC03Ljc4NSAzLjkzNC0xNC4wMXptMTQuNTgtLjAzNWMwIDQuODA1LS42OSA4LjQ0LTIuMTE0IDEyLjQxLTEuNDIgMy45NjUtMy40MjUgNy4zNS02LjAxIDEwLjE1NS0yLjU5IDIuOC01LjY5IDQuOTg1LTkuMzM2IDYuNTE1LTMuNjQ0IDEuNTI1LTkuMjYgMi40LTEyLjA2NSAyLjQtMi44MS0uMDM1LTguMzg1LS44MzUtMTEuOTk1LTIuNC0zLjYxLTEuNTY1LTYuNzEtMy43MTUtOS4yOTUtNi41MTUtMi41OS0yLjgwNS00LjU5NC02LjE5LTYuMDU0LTEwLjE1NS0xLjQ1Ni0zLjk3LTIuMTg1LTcuNjA1LTIuMTg1LTEyLjQxcy42NTQtOS40MyAyLjExNC0xMy4zNmMxLjQ2LTMuOTMgMy41LTcuMjggNi4xMjUtMTAuMDggMi42MjUtMi44MDUgNS43Ni00Ljk1NSA5LjMzLTYuNDggMy42MS0xLjUzIDcuNTg1LTIuMjU1IDExLjg4NS0yLjI1NSA0LjMwNSAwIDguMjc1Ljc2IDExLjkyIDIuMjU1IDMuNjUgMS41MjUgNi43ODYgMy42NzUgOS4zMzYgNi40OCAyLjU4NCAyLjggNC41OSA2LjE1IDYuMDUgMTAuMDggMS41MyAzLjkzIDIuMjk1IDguNTU1IDIuMjk1IDEzLjM2aC0uMDAxem0tMTA3LjI4NCAwYzAgNS45NjUgMS4zMSAxMi41OSAzLjkzNSAxNS4zNTUgMi42MjUgMi43NyA2LjAxNCA0LjE1IDEwLjE3NSA0LjE1IDIuMjYgMCA0LjQxLS4zMjUgNi40MTQtLjk0NSAyLjAwNS0uNjIgMy42MDYtMS4zNSA0Ljg4Ni0yLjIydi0zNS4zNGMtMS4wMi0uMjItNS4yODYtMS4wOTUtOS40MS0xLjItNS4xNzUtLjE1LTkuMTEgMS45NjUtMTEuODggNS4zNDUtMi43MzYgMy4zOS00LjEyIDkuMzItNC4xMiAxNC44NTV6bTM5LjYyNSAyOC4wOTVjMCA5LjcyLTIuNDggMTYuODE1LTcuNDc2IDIxLjMzLTQuOTkgNC41MS0xMi42MSA2Ljc3LTIyLjg5IDYuNzctMy43NTUgMC0xMS41NTUtLjczLTE3Ljc5LTIuMTFsMi4yOTUtMTEuMjg1YzUuMjE1IDEuMDkgMTIuMTA1IDEuMzg1IDE1LjcxNSAxLjM4NSA1LjcyIDAgOS44MDUtMS4xNjUgMTIuMjQ1LTMuNDk1IDIuNDQ1LTIuMzMgMy42NDUtNS43ODUgMy42NDUtMTAuMzc1di0yLjMzYy0xLjQyLjY5LTMuMjggMS4zODUtNS41NzUgMi4xMTUtMi4yOTUuNjktNC45NTUgMS4wNTUtNy45NSAxLjA1NS0zLjkzNSAwLTcuNTEtLjYyLTEwLjc1LTEuODYtMy4yNDUtMS4yMzUtNi4wNTUtMy4wNTUtOC4zNS01LjQ2LTIuMjk1LTIuNC00LjEyLTUuNDItNS4zOTUtOS4wMjUtMS4yNzUtMy42MDUtMS45MzUtMTAuMDQ1LTEuOTM1LTE0Ljc3NSAwLTQuNDQuNjk1LTEwLjAxIDIuMDQ2LTEzLjcyNSAxLjM4NC0zLjcxIDMuMzUtNi45MTUgNi4wMTQtOS41NyAyLjYyNi0yLjY1NSA1LjgzNS00LjY5NSA5LjU5LTYuMTkgMy43NTUtMS40OSA4LjE2LTIuNDM1IDEyLjkzNS0yLjQzNSA0LjYzNSAwIDguOS41OCAxMy4wNTUgMS4yNzUgNC4xNTUuNjkgNy42OSAxLjQxNSAxMC41NyAyLjIxNXY1Ni40OWguMDAxeiIvPjwvZz48L3N2Zz4=);background-repeat:no-repeat;background-size:contain;vertical-align:middle}.aa-powered-by{text-align:right;font-size:12px;color:#969faf;padding:8px 8px 4px 0;font-weight:400}table{border-collapse:collapse;border-spacing:0;line-height:1.5;margin:0;max-width:100%;width:100%}caption,table{text-align:left}caption{color:#67758d;font-size:.875em;font-style:normal;margin-bottom:1em}td,th{border-bottom:1px solid #dde0e7;padding:.5em 5px}th{color:#283040;font-weight:700}:not(.responsive-table)>table{display:block;margin:1.875em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}:not(.responsive-table)>table:first-child{margin-top:0}:not(.responsive-table)>table tbody,:not(.responsive-table)>table thead,:not(.responsive-table)>table tr{width:100%}:not(.responsive-table)>table td{min-width:10em}.responsive-table{display:block;margin:1.875em 0;overflow-x:auto;width:100%}.responsive-table:first-child{margin-top:0}label{color:#283040;font-weight:700;line-height:1.5;margin-bottom:.25em}input[type=checkbox]+label,input[type=radio]+label{font-weight:400;cursor:pointer;padding-left:.25em;padding-right:1em}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#283040;display:block;font-size:1em;font-weight:400;line-height:1.5;max-width:100%;padding:.5em;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}::-webkit-input-placeholder{color:#9aa4b9;opacity:1}:-ms-input-placeholder{color:#9aa4b9;opacity:1}::placeholder{color:#9aa4b9;opacity:1}.form-row{margin-bottom:1em}.form-submit{margin-top:1.66667em}.button{align-items:center;background:#00c6ff;border:0;border-radius:1.75em;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.875em;font-weight:700;justify-content:center;letter-spacing:.035em;line-height:1.2;opacity:1;padding:.9em 2.14285em;text-decoration:none;transition:.3s ease;vertical-align:middle}.button:active,.button:focus,.button:hover{color:#fff;opacity:.8;outline:0}.button-secondary{background:0!important;box-shadow:inset 0 0 0 2px currentColor;color:#00c6ff}.button-secondary:active,.button-secondary:focus,.button-secondary:hover{box-shadow:inset 0 0 0 3px currentColor;color:#00c6ff;opacity:1}.button-icon{background:0!important;border:0;color:inherit;font-size:1em;font-weight:400;letter-spacing:normal;padding:.25em}.button-icon:active,.button-icon:focus,.button-icon:hover{color:#00c6ff;opacity:1}#menu-close,#menu-open,.docs-nav .docs-nav-toggle,.docs-nav .docs-submenu-toggle,.submenu-toggle{background:0;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:block;font-size:inherit;height:30px;padding:0;position:relative;width:30px}#menu-close:active,#menu-close:focus,#menu-close:hover,#menu-open:active,#menu-open:focus,#menu-open:hover,.docs-nav .docs-nav-toggle:active,.docs-nav .docs-nav-toggle:focus,.docs-nav .docs-nav-toggle:hover,.docs-nav .docs-submenu-toggle:active,.docs-nav .docs-submenu-toggle:focus,.docs-nav .docs-submenu-toggle:hover,.submenu-toggle:active,.submenu-toggle:focus,.submenu-toggle:hover{outline:0}.icon{color:inherit;fill:currentColor;flex-shrink:0;height:1em;line-height:1;width:1em}.icon-close,.icon-menu{background:currentColor;border-radius:1px;color:inherit;height:2px;left:50%;margin-top:-1px;margin-left:-12px;position:absolute;top:50%;width:24px}.icon-close:after,.icon-close:before,.icon-menu:after,.icon-menu:before{background:currentColor;border-radius:1px;content:"";height:100%;left:0;position:absolute;width:100%}.icon-menu:before{top:-6px}.icon-menu:after{bottom:-6px}.icon-close{background:0;margin-left:-14px;width:28px}.icon-close:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-close:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-angle-right{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;height:8px;left:50%;margin-left:-4px;margin-top:-4px;position:absolute;top:50%;width:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.docs-nav-toggle .icon-angle-right{height:12px;left:auto;margin-left:0;margin-right:9px;margin-top:-6px;right:0;width:12px}.docs-section-item .icon-angle-right{left:auto;margin-left:0;margin-right:15px;right:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.line-left{position:relative}.line-left:after{background:#00c6ff;display:block;content:"";height:100%;left:-1px;position:absolute;top:0;width:5px}.js-reframe{margin:1.875em 0}.js-reframe:first-child{margin-top:0}.important,.note{border-radius:5px;color:#283040;margin:1.875em 0;padding:1em 1.125em}.important:first-child,.note:first-child{margin-top:0}.note{background:#fff7e6;border-left:5px solid #fcb41d}.important{background:#ffe9e6;border-left:5px solid #fc381d}.has-gradient{background:#00c6ff;background:linear-gradient(90deg,#0072ff,#00c6ff);color:#fff;position:relative}.has-gradient a:not(.button),.has-gradient h1,.has-gradient h2,.has-gradient h3,.has-gradient h4,.has-gradient h5,.has-gradient h6{color:inherit!important}.has-gradient a:not(.button):hover{opacity:.8}.has-gradient .button:not(.button-secondary){background-color:#fff;color:#00c6ff}.has-gradient .button:not(.button-secondary):active,.has-gradient .button:not(.button-secondary):focus,.has-gradient .button:not(.button-secondary):hover{opacity:.85}.has-gradient .button-secondary{color:#fff!important}.has-gradient .inner-sm{position:relative}.bg-img{-webkit-animation:fadeIn20 .75s ease-in-out;animation:fadeIn20 .75s ease-in-out;background-position:50%;background-size:cover;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.grid{display:flex;flex-wrap:wrap;margin-left:-.9375em;margin-right:-.9375em}.grid-item{box-sizing:border-box;padding-left:.9375em;padding-right:.9375em;position:relative;width:100%}.grid-center{justify-content:center}.grid-swap{flex-direction:row-reverse}.grid-middle{align-items:center}@media only screen and (min-width:641px){.grid-col-2 .grid-item{flex:0 0 50%;max-width:50%}}@media only screen and (min-width:761px){.grid-col-3 .grid-item{flex:0 0 33.333%;max-width:33.333%}}@media only screen and (max-width:600px){.grid{margin-left:-1.5vw;margin-right:-1.5vw}.grid-item{padding-left:1.5vw;padding-right:1.5vw}}@-webkit-keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}@keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}.site{display:flex;flex-direction:column;min-height:100vh;position:relative}.site-content{box-sizing:border-box;flex-grow:1;width:100%}.outer{padding-left:150px;padding-right:150px}.inner,.inner-md,.inner-sm{margin-left:auto;margin-right:auto;max-width:95%}.site-header{background:#000;background-image:url(../../../i.imgur.com/CEYEZp8.jpg);padding-bottom:.4em;padding-top:.2em}.site-header-inside{align-items:center;display:flex}.site-branding{flex:0 1 auto}.site-title{color:#283040;font-size:1.5em;font-weight:700;line-height:1.2;margin:0}.site-logo{margin:0}.site-logo img{max-height:65px}.menu,.submenu{list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-item.current{color:#00c6ff}.menu-item a:not(.button){display:inline-block;font-size:1.1em;line-height:1.5}#masthead a:not(.button){color:inherit;display:inline-block;text-decoration:none}#masthead a:not(.button):hover{color:#00c6ff}#masthead .site-branding a:hover{color:inherit}@media only screen and (min-width:801px){#menu-close,#menu-open{display:none}.site-navigation{margin-left:auto}.menu{align-items:center;display:flex}.menu-item{display:inline-block;margin:0 0 0 1.25em;padding-bottom:.1875em;padding-top:.1875em}.menu-item a{padding-bottom:.5em;padding-top:.5em}.menu-item a.button:not(.button-icon){padding-left:1.25em;padding-right:1.25em}.menu-item.has-children>a{padding-right:18px;position:relative}.menu-item.has-children>a:after{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;content:"";height:6px;position:absolute;right:0;top:50%;width:6px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}.menu-item.has-children>a.button:not(.button-icon){padding-right:2.25em}.menu-item.has-children>a.button:not(.button-icon):after{right:1.25em}.menu-item .submenu-toggle{display:none}.menu-item.has-children:hover>.submenu{opacity:1;transition:margin .3s,opacity .2s;visibility:visible}.submenu{background:#fff;border:4px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);left:0;min-width:180px;opacity:0;padding:.5em 0;position:absolute;text-align:left;top:100%;transition:opacity .2s,visibility 0s .2s;visibility:hidden;width:100%;z-index:99}.submenu .menu-item{display:block;margin:0;padding:0 1em}.submenu a:not(.button-icon){display:block}.submenu a.button:not(.button-icon){margin:.5em 0}}@media only screen and (max-width:800px){.site{overflow:hidden;position:relative}.site-branding{margin-right:.625em}.site-header:after{background:rgba(66,75,95,.6);content:"";left:0;opacity:0;transition:opacity .15s ease-in-out,visibility 0s ease-in-out .15s;z-index:998}.site-header:after,.site-navigation{height:100vh;position:absolute;top:0;visibility:hidden;width:100%}.site-navigation{background:#fff;box-sizing:border-box;margin:0;max-width:360px;-webkit-overflow-scrolling:touch;right:-100%;transition:right .3s ease-in-out,visibility 0s ease-in-out .3s;z-index:999}.site-nav-inside{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.menu--opened .site{height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:997}.menu--opened .site-navigation{right:0;transition:right .3s ease-in-out;visibility:visible}.menu--opened .site-header:after{opacity:1;transition-delay:0s;visibility:visible}.menu{padding:calc(3vw + 2.8125em) 3vw 3em}.submenu{border-top:1px solid #dde0e7;display:none;padding-left:1em}.menu-item{display:block;margin:0}.menu-item:not(.menu-button){border-bottom:1px solid #dde0e7}.menu-item:not(.menu-button):first-child{border-top:1px solid #dde0e7}.menu-item a.button-icon,.menu-item a:not(.button){padding:.75em 0}.menu-item a:not(.button){display:block}.menu-item a.button:not(.button-icon){width:100%}.menu-item.has-children>a{margin-right:2em}.menu-item .menu-item:first-child{border-top:0}.menu-item .menu-item:last-child{border-bottom:0}.menu-item .submenu-toggle{color:#67758d;height:2.8125em;position:absolute;right:0;top:0}.menu-item.active .submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-item.active .submenu{display:block}.menu-button>.button:not(.button-icon){margin-bottom:1.25em;margin-top:1.25em}.menu-button+.menu-button>.button:not(.button-icon){margin-top:0}#menu-open{margin-left:auto}#menu-close{display:block;position:absolute;right:3vw;top:3vw}}.post{margin-bottom:2.5em}.post-feed:last-child,.post-full:last-child{margin-bottom:5em}.has-gradient.page-header,.has-gradient.post-header{padding-bottom:9.5em;padding-top:3.75em;text-align:center}.has-gradient .page-title,.has-gradient .post-title{color:inherit;font-size:2.25em;margin:0}.page-subtitle,.post-subtitle{font-size:1.125em;line-height:1.5;margin:.5em 0 0;position:relative}.post-title a{color:inherit!important;text-decoration:none}.post-thumbnail{border:0;border-radius:5px 5px 0 0;display:block;margin:0}.post-thumbnail img{border-radius:5px 5px 0 0;width:100%}.post-feed,.post-full .post-content{margin-top:-5em;position:relative}.post-feed .post,.post-full .post-content{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.post-full .post-content{padding:2.5em 1.5em}.post-full .post-meta{margin:0 0 .5em}.post-feed .post{padding:0 0 2.5em}.post-feed .post-meta{color:#67758d;font-size:.875em;margin:0 0 .5em;padding-left:1.71428em;padding-right:1.71428em}.post-feed .post-header{margin:0 0 1.25em;padding-top:1.875em}.post-feed .post-title{font-size:1.5em;margin:0;padding-left:1em;padding-right:1em}.post-feed .post-excerpt{margin-bottom:1.25em;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more{margin:0;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more-link{font-weight:700;text-decoration:none}.post-feed .read-more-link:after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}.post-feed .read-more-link:hover{color:#424b5f}@media only screen and (min-width:641px){.has-gradient .page-title,.has-gradient .post-title{font-size:3em}.page-subtitle,.post-subtitle{font-size:1.25em}.post-full .post-meta{font-size:1.125em}.post-feed .post-excerpt,.post-feed .post-meta,.post-feed .post-title,.post-feed .read-more,.post-full .post-content{padding-left:7%;padding-right:7%}}@media only screen and (max-width:1000px){.post{margin-bottom:4vw}}.docs-content{padding-top:2.5em;width:95%}.post-content{width:85%}.post.type-docs{margin-bottom:3.625em}.post.type-docs h1{font-size:1.975em}.post.type-docs h2{font-size:1.6em}.post.type-docs h3{font-size:1.45em}.post.type-docs h4{font-size:1.35em}.post.type-docs h5,.post.type-docs h6{font-size:1.2em}.post.type-docs .hash-link{float:left;font-size:1.25rem;height:1em;line-height:1;margin-left:-1.1em;opacity:0;text-align:center;text-decoration:none;transition:opacity .4s;width:1em}.post.type-docs .hash-link:before{content:"#";display:inline-block}.post.type-docs .hash-link:focus,.post.type-docs .hash-link:hover{color:#00c6ff}.post.type-docs h2 .hash-link{margin-top:.22em}.post.type-docs h3 .hash-link{margin-top:.1em}.post.type-docs h2:focus .hash-link,.post.type-docs h2:hover .hash-link,.post.type-docs h3:focus .hash-link,.post.type-docs h3:hover .hash-link{opacity:1}.post.type-docs .post-inside{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);padding:.3em;width:70vw}.post.type-docs .post-title{font-size:1.875em;margin:0 0 1.25em;padding:0 2em}.post.type-docs .post-content{padding:.975em;word-wrap:break-word}#docs-section-items{display:flex;flex-wrap:wrap;list-style:none;margin-left:-.3125em;margin-right:-.3125em;padding:0}#docs-section-items .docs-section-item{flex:1 1 240px;margin:0 .3125em .9375em}#docs-section-items .docs-item-link{border:1px solid #dde0e7;border-radius:3px;color:#283040;display:block;font-weight:700;padding:.9375em;position:relative;text-decoration:none;transition:border-color .3s ease,color .3s ease}#docs-section-items .docs-item-link:hover{border-color:#00c6ff;color:#00c6ff}.docs-nav{margin-bottom:1.875em}.docs-nav .docs-nav-toggle{color:#283040;font-size:1.125em;margin:0;padding-right:15px;text-align:left}.docs-nav .docs-submenu-toggle{color:#67758d;position:absolute;right:0;top:0}#docs-menu{color:#283040;font-weight:700;line-height:1.5;list-style:none;margin:.7em;padding:0}#docs-menu>.docs-menu-item>a{padding:.3em 0;border-radius:20px;margin:auto}#docs-menu a{color:inherit;display:block;text-decoration:none}#docs-menu .current,#docs-menu .current-parent,#docs-menu a:hover{color:#00c6ff}.docs-submenu{border-left:1px solid #dde0e7;color:#424b5f;display:none;font-size:1;font-weight:400;list-style:none;margin-top:.625rem;padding-left:1rem}.docs-menu-item{color:inherit;margin-bottom:.625rem}.docs-menu-item.has-children{padding-right:20px;position:relative}.docs-menu-item.has-children.active .docs-submenu{display:block}.docs-menu-item.has-children.active>.docs-submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#page-nav{text-overflow:wrap}#page-nav .page-nav-title{font-size:1em;margin:0 0 .625em}#page-nav ul{font-size:.875rem;line-height:1.5;list-style:none;padding:0}#page-nav ul ul{border-left:1px solid #dde0e7;margin-top:.625rem;padding-left:1.25rem}#page-nav li{margin-bottom:.625rem}#page-nav li.active>a{color:#00c6ff}#page-nav a{color:#424b5f;display:block;text-decoration:none}#page-nav a:hover{color:#00c6ff}#page-nav .page-nav-title:only-child{display:none}@media only screen and (min-width:1200px){.post.type-docs .post-content,.post.type-docs .post-title{padding-left:8%;padding-right:7%}}@media only screen and (min-width:1200px){.docs-content{display:flex;padding-top:4em;width:100%}.post.type-docs{-ms-flex:1 1 auto;align-content:center}.docs-nav,.page-nav{-ms-flex-negative:0;margin-bottom:5.625em}.docs-nav .sticky,.page-nav .sticky{position:-webkit-sticky;position:sticky;top:1.875em}.docs-nav{width:8.5em}#page-nav{font-size:12px;margin:4em}#docs-nav-toggle{display:none}}@media only screen and (min-width:1091px){#page-nav{display:block}}@media only screen and (max-width:800px){.docs-nav{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;margin-bottom:5%;padding:1em}.docs-nav-menu{display:none}.docs-menu--opened .docs-nav-menu{display:block}.docs-menu--opened .docs-nav-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#docs-menu{border-top:1px solid #dde0e7;margin-top:1.25em;padding-top:1.25em}}.block{padding-top:3.75em}.block:not(.block-hero){background:#f8f8fa}.block:last-child{padding-bottom:3.75em}.block-header,.block-image{margin-bottom:1.5em}.block-title{margin:0}.block-subtitle{color:#67758d;line-height:1.5;margin-bottom:0}.block-subtitle:not(:first-child){margin-top:.5em}.block-buttons,.grid-item-buttons{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:.9375em}.block-buttons a,.grid-item-buttons a{font-weight:700;text-decoration:none}.block-buttons{justify-content:center}.block-buttons a{margin:0 .375em .75em}.grid-item-buttons a{margin:0 .75em .75em 0}.has-gradient .block-subtitle{color:inherit}.block-hero .block-buttons:not(:first-child),.block-text .block-buttons:not(:first-child){margin-top:1.875em}.block-text .grid-item{max-width:680px;text-align:center}.block-text .block-title{font-size:1.875em}@media only screen and (min-width:641px){.block-text .block-content{font-size:1.125em}.block-text .block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-text .grid-item:not(:only-child){flex:0 0 50%;max-width:50%}.block-body:not(:only-child){text-align:left}.block-body:not(:only-child) .block-buttons{justify-content:flex-start}.block-body:not(:only-child) .block-buttons a{margin-left:0;margin-right:.75em}}@media only screen and (min-width:1001px){.block-image:not(:only-child){padding-right:2.5em}.grid-swap .block-image:not(:only-child){padding-left:2.5em;padding-right:.9375em}}.block-cta .has-gradient{border-radius:5px;margin-bottom:1.875em;padding:3.75em 3vw 1.875em}.block-cta .block-header{max-width:680px;text-align:center}.block-cta .block-title{font-size:1.875em}.block-cta .block-subtitle{font-size:1.125em}@media only screen and (min-width:641px){.block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-cta .has-gradient{padding-left:7%;padding-right:7%}.block-cta .block-header{flex:0 0 66.666%;max-width:66.666%;text-align:left}.block-cta .block-buttons{flex:0 0 33.333%;margin-top:0;max-width:33.333%}}.block-hero+.block-grid:not(.has-header){background:0;padding-top:0}.block-grid .block-header{margin-bottom:2em;text-align:center}.block-grid .block-title{font-size:1.875em}.block-grid .grid-item{display:flex;flex-direction:column;margin-bottom:1.875em}.grid-item-inside{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;flex-grow:1;padding-bottom:.75em}.grid-item-image{display:block;width:100%}.grid-item-image,.grid-item-image img{border-radius:3px 3px 0 0}.grid-item-title{font-size:1.5em;margin:1em 0 .5em;padding-left:1em;padding-right:1em}.grid-item-title:first-child{margin-top:1.25em}.grid-item-title a{color:inherit!important;text-decoration:none}.grid-item-buttons,.grid-item-content{padding-left:1.5em;padding-right:1.5em}.grid-item-content{margin-bottom:1.25em}.grid-item-buttons a:not(.button):after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}@media only screen and (max-width:1000px){.block-grid .grid-item{margin-bottom:4vw}}.block-hero{padding-bottom:7.5em;position:relative;text-align:center}.block-hero .block-header{margin-bottom:.75em}.block-hero .block-title{font-size:2.25em}.block-hero .block-content{font-size:1.125em;line-height:1.5}.block-hero+.block{margin-top:-5em;position:relative}@media only screen and (min-width:641px){.block-hero .block-title{font-size:3em}.block-hero .block-content{font-size:1.25em}.block-hero .block-buttons a{font-size:1em}}.site-footer{background-color:#000;background-image:url(https://i.imgur.com/CEYEZp8.jpeg);padding-bottom:7.5em;padding-top:8.5em;color:#fff!important;border:4px solid #000}#colophon a:not(.button){color:inherit}#colophon a:not(.button):focus,#colophon a:not(.button):hover{color:#00c6ff}.site-info,.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;font-size:.675em;line-height:1.2}.site-info .button:not(.button-icon),.social-links .button:not(.button-icon){font-size:inherit;line-height:1.2;padding:.3em 1em}.site-info{margin:.25em 0 0;text-align:center}.site-info .copyright,.site-info>a{margin:0 4px .2em 0}.social-links{margin-top:.5375em}.social-links a{margin:0 50px .2em}.social-links .icon{font-size:20px;color:#000;background-color:#000}@media only screen and (min-width:641px){.site-footer-inside{align-items:flex-start;display:flex}.site-info{text-align:left}.site-info,.social-links{justify-content:flex-start}.social-links{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;margin-top:0}.social-links a{margin-left:20px;margin-right:0}}.palette-green a:not(.button){color:#20c86e}.palette-green a:not(.button):hover{color:#424b5f}.palette-green blockquote{border-color:#20c86e}.palette-green .button,.palette-green .line-left:after{background:#20c86e}.palette-green .has-gradient{background:#20c86e;background:linear-gradient(90deg,#1ba65b,#20c86e)}.palette-green #colophon a:not(.button):hover,.palette-green #docs-menu .current,.palette-green #docs-menu .current-parent,.palette-green #docs-menu a:hover,.palette-green #masthead a:not(.button):hover,.palette-green #page-nav a:hover,.palette-green #page-nav li.active>a,.palette-green .button-icon:active,.palette-green .button-icon:focus,.palette-green .button-icon:hover,.palette-green .button-secondary,.palette-green .has-gradient .button:not(.button-secondary),.palette-green .menu-item.current,.palette-green .post.type-docs .hash-link:focus,.palette-green .post.type-docs .hash-link:hover{color:#20c86e}.palette-green #docs-section-items .docs-item-link:hover{border-color:#20c86e;color:#20c86e}.palette-navy a:not(.button){color:#004e92}.palette-navy a:not(.button):hover{color:#424b5f}.palette-navy blockquote{border-color:#004e92}.palette-navy .button,.palette-navy .line-left:after{background:#004e92}.palette-navy .has-gradient{background:#004e92;background:linear-gradient(90deg,#000428,#004e92)}.palette-navy #colophon a:not(.button):hover,.palette-navy #docs-menu .current,.palette-navy #docs-menu .current-parent,.palette-navy #docs-menu a:hover,.palette-navy #masthead a:not(.button):hover,.palette-navy #page-nav a:hover,.palette-navy #page-nav li.active>a,.palette-navy .button-icon:active,.palette-navy .button-icon:focus,.palette-navy .button-icon:hover,.palette-navy .button-secondary,.palette-navy .has-gradient .button:not(.button-secondary),.palette-navy .menu-item.current,.palette-navy .post.type-docs .hash-link:focus,.palette-navy .post.type-docs .hash-link:hover{color:#004e92}.palette-navy #docs-section-items .docs-item-link:hover{border-color:#004e92;color:#004e92}.palette-violet a:not(.button){color:#8e2de2}.palette-violet a:not(.button):hover{color:#424b5f}.palette-violet blockquote{border-color:#8e2de2}.palette-violet .button,.palette-violet .line-left:after{background:#8e2de2}.palette-violet .has-gradient{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2)}.palette-violet #colophon a:not(.button):hover,.palette-violet #docs-menu .current,.palette-violet #docs-menu .current-parent,.palette-violet #docs-menu a:hover,.palette-violet #masthead a:not(.button):hover,.palette-violet #page-nav a:hover,.palette-violet #page-nav li.active>a,.palette-violet .button-icon:active,.palette-violet .button-icon:focus,.palette-violet .button-icon:hover,.palette-violet .button-secondary,.palette-violet .has-gradient .button:not(.button-secondary),.palette-violet .menu-item.current,.palette-violet .post.type-docs .hash-link:focus,.palette-violet .post.type-docs .hash-link:hover{color:#8e2de2}.palette-violet #docs-section-items .docs-item-link:hover{border-color:#8e2de2;color:#8e2de2}</style><meta name="generator" content="Gatsby 2.25.4"/><title data-react-helmet="true">FAQ</title><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet"/><link data-react-helmet="true" rel="icon" href="../../images/favicon-750d4390.png"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"/><meta data-react-helmet="true" name="description" content="FAQ What&#x27;s your favorite non-business book?
+Hitchhiker&#x27;s Guide To The Galaxy"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:title" content="FAQ"/><meta data-react-helmet="true" property="og:description" content="This is the faqpage"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" name="twitter:title" content="FAQ"/><meta data-react-helmet="true" name="twitter:description" content="This is the faqpage"/><link as="script" rel="preload" href="./../webpack-runtime-e0d945bfc04076092229.js"/><link as="script" rel="preload" href="./../framework-e132d18971612bcf60f3.js"/><link as="script" rel="preload" href="./../dc6a8720040df98778fe970bf6c000a41750d3ae-8ef9d1d2adaff6ba0f59.js"/><link as="script" rel="preload" href="./../app-10180cc44b3853f61402.js"/><link as="script" rel="preload" href="./../styles-7d4153d260c0197f0043.js"/><link as="script" rel="preload" href="./../29107295-e9457ed2135dcbbf6ce8.js"/><link as="script" rel="preload" href="./../commons-5965a56c7b6ef2e118ee.js"/><link as="script" rel="preload" href="./../component---src-templates-docs-js-731339ed0815d7cada90.js"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/docs/faq/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/app-data.json" crossorigin="anonymous"/><script data-ad-client="ca-pub-7131725540181116" async src="../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5S5XXNR');</script>
+<!-- End Google Tag Manager -->
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S5XXNR"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+<meta name="google-site-verification" content="W6SJ3S45yhnjzV6ISUMCTXl_QVX5woQZ7jO3bsahONQ" />
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-4W5MG3DG4T"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-4W5MG3DG4T');
+</script>
+
+<script data-ad-client="ca-pub-7131725540181116" async src="../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script><style>blockquote,
+body,
+dd,
+dl,
+figcaption,
+figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+li,
+ol[class],
+p,
+ul[class] {
+  margin: 0
+}
+
+body {
+  min-height: 110vh;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
+  line-height: 1.6
+}
+
+
+
+
+
+article>*+* {
+  margin-top: 1em
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit
+}
+
+@media(prefers-reduced-motion:reduce) {
+  * {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+    scroll-behavior: auto !important
+  }
+}
+
+html {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: arial, x-locale-body, sans-serif;
+  letter-spacing: -.0027777778rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 100%;
+  line-height: 1.75
+}
+
+img {
+  height: auto
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.0beac26b.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.72026b3c.woff) format("woff")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.ce3a756d.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.7e4c05c9.woff) format("woff")
+}
+
+h1,
+h2,
+h3 {
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  line-height: 1.2
+}
+
+h1 {
+  font-size: 1.802rem
+}
+
+@media (min-width:47.9385em) {
+  h1 {
+    font-size: 3.052rem
+  }
+}
+
+h2 {
+  font-size: 1.602rem
+}
+
+@media (min-width:47.9385em) {
+  h2 {
+    font-size: 2.441rem
+  }
+}
+
+h3 {
+  font-size: 1.424rem;
+
+
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  max-width: -webkit-max-content;
+  max-width: -moz-max-content;
+  max-width: max-content;
+  padding: 0 6px;
+  margin: 24px 0
+}
+
+@media (min-width:47.9385em) {
+  h3 {
+    font-size: 1.953rem
+  }
+}
+
+h4 {
+  font-size: 1.266rem
+}
+
+@media (min-width:47.9385em) {
+  h4 {
+    font-size: 1.563rem
+  }
+}
+
+h5 {
+  font-size: 1.125rem
+}
+
+@media (min-width:47.9385em) {
+  h5 {
+    font-size: 1.25rem
+  }
+}
+
+p {
+  margin-bottom: 24px
+}
+
+a:link,
+a:visited {
+
+  text-decoration: none
+}
+
+a:link:active,
+a:link:focus,
+a:link:hover,
+a:visited:active,
+a:visited:focus,
+a:visited:hover {
+  text-decoration: underline
+}
+
+blockquote {
+  max-width: 45rem;
+  max-width: 85ch;
+  font-size: 1.125rem;
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  margin-bottom: 24px
+}
+
+@media (min-width:47.9385em) {
+  blockquote {
+    font-size: 1.25rem
+  }
+}
+
+blockquote:after,
+blockquote:before {
+  background-image: linear-gradient(90deg, #00356a, #83d0f2);
+  content: "";
+  display: block;
+  height: 5px;
+  margin-bottom: 12px
+}
+
+blockquote:after {
+  margin-top: 12px
+}
+
+blockquote p:last-of-type {
+  margin-bottom: 0
+}
+
+a {
+
+  text-decoration: none
+}
+
+a:focus,
+a:hover {
+  text-decoration: underline
+}
+
+a code {
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none
+}
+
+
+dl dt {
+  font-weight: 700
+}
+
+dl dd {
+  margin: 0 24px 24px
+}
+
+
+
+</style><meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU" />
+<meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="apple-touch-icon" href="logo-circle.html">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="Content-Type" content="HTML">
+  <meta name="Author" content="Bryan Guner">
+  <meta name="keywords" content="HTML, Meta Tags, Metadata">
+  <meta name="description" content="Learning about Web Development.">
+  <link type="image/x-icon" href="favicon.html" rel="shortcut icon">
+  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@bgoonz">
+  <meta name="twitter:creator" content="@bgoonz">
+  <meta name="twitter:image:src" content="/logo-circle.png">
+  <meta name="twitter:title" content="Web Development Resource Hub Bryan Guner">
+  <meta name="twitter:description" content="The new home of my blog resource sharing website.">
+<meta property="twitter:card" content="summary_large_image">
+  <link
+    href="../../../instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png"
+    rel="apple-touch-icon">
+  <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet">
+<meta property="og:image" content="https://mugshotbot.com/m/DROicc16"><script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","../../../chimpstatic.com/mcjs-connected/js/users/a41d8352dc1deaf4533662699/28d2370bb66d456a5d6411971.js");</script><script src="../../../cdn.jsdelivr.net/npm/%40popperjs/core%402.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
+<script src="../../../cdn.jsdelivr.net/npm/bootstrap%405.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script><!-- Insert makerbadge.js (download or use ☁️cloud version) -->
+
+<script type="text/javascript" src="../../../makerbadge.s3.amazonaws.com/blmbadge.js"></script>
+
+<!-- Initialise MakerBadge with options -->
+
+<script>
+  BLMBadge.init({
+       layout:1,
+       theme:'dark',
+       promoText : 'Send a donation '+String.fromCodePoint(0x2192),
+       promoLink : 'https://minnesotafreedomfund.org/',
+       message : 'To be silent is to be complicit. Black lives matter.',
+       title : '#BlackLivesMatter',
+       imageAlt: "Black Lives Matter Badge"
+})
+</script><script src="../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><script src="../../../identity.netlify.com/v1/netlify-identity-widget.js"></script>
+
+
+<script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>"use strict";
+
+!function() {
+    var t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYxZTQzZmFlY2I2NjkwNWMyZGJkMGVmZCIsInRva2VuVHlwZSI6InB1YmxpYyIsImlhdCI6MTY0MjM0ODUyNiwiZXhwIjoxNDI1Njc0ODUyNn0.VD7Lxgh5cWuOzOhV9KH51TZVdPVXvsIJgRUx-oacfVM";
+    function e() {
+        var e = document.createElement("script"), a = navigator.language || navigator.userLanguage;
+        e.type = "text/javascript", e.async = !0, e.src = "https://api.searchbar.org/v1/widget/" + t + "/" + a;
+        var n = document.getElementsByTagName("script")[0];
+        n.parentNode.insertBefore(e, n);
+    }
+    "complete" === document.readyState ? e() : window.attachEvent ? window.attachEvent("onload", e) : window.addEventListener("load", e, !1);
+}();</script><style>
+		@font-face {
+            font-family: font-sb;
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784);
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');
+            font-weight: 400;
+            font-style: normal
+        }
+
+        #sb-search-example p {
+            font-family: sans-serif;
+            font-size: 18px;
+            line-height: 12px;
+	        margin: 0;
+        }
+
+        #sb-search-example {
+            position: static;
+            bottom: 0;
+            width: auto;
+            place-content: center;
+            display: inline-block;
+            box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);
+            border: solid 5px white;
+            border-radius: 100px;
+            flex-shrink: initial;
+            flex-grow: initial;
+        }
+
+
+        #sb-search-example .sb-icon {
+            font: normal normal 400 26px font-sb;
+            align-items: center;
+            padding: 10px;
+            speak: none;
+            display: inline-block;
+            text-decoration: inherit;
+            text-align: center;
+            text-transform: none;
+            cursor: pointer;
+            margin: 0;
+        }
+
+        #sb-search-example .sb-search-icon {
+            box-sizing: border-box;
+            border: 0px;
+            align-items: center;
+            background: #007cff;
+            color: #fff;
+            cursor: pointer;
+            display: flex;
+            border-radius: 26px;
+            padding: 0 20px 0 4px;
+        }
+	</style><script src="../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><style>
+#scrollBtn {
+  display: none;
+  position: fixed;
+  bottom: 140px;
+  right: 20px;
+  z-index: 99;
+  border: 1px black solid;
+  outline: none;
+  background-color: #044274;
+  color: white;
+  cursor: pointer;
+  padding: 5px;
+  border-radius: 28px;
+  font-size: 12px;
+}
+
+#scrollBtn:hover {
+  background-color: #ffffff;
+color:#000000;
+}
+
+</style><style>
+a {
+  text-decoration: none;
+  color: #007edf;
+  text-shadow: none;
+
+  transition: color 0.5s ease;
+  transition: text-shadow 0.5s ease;
+  -webkit-transition: color 0.5s ease;
+  -webkit-transition: text-shadow 0.5s ease;
+  -moz-transition: color 0.5s ease;
+  -moz-transition: text-shadow 0.5s ease;
+  -o-transition: color 0.5s ease;
+  -o-transition: text-shadow 0.5s ease;
+  -ms-transition: color 0.5s ease;
+  -ms-transition: text-shadow 0.5s ease;
+}
+a:hover, a:focus {text-decoration: underline;}
+
+footer a {
+  color: #F2F2F2;
+  text-decoration: underline;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+pre {
+  width: 100%;
+  padding: 10px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+  overflow: auto;
+}
+
+code {
+  padding: 3px;
+  margin: 0 3px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
+pre code {
+  display: block;
+  box-shadow: none;
+}
+
+blockquote {
+  color: #666;
+  margin-bottom: 20px;
+  padding: 0 0 0 20px;
+  border-left: 3px solid #bbb;
+}
+</style></head><body class="palette-navy"><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="page" class="site"><header id="masthead" class="site-header outer"><br/><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-logo"><a href="https://bgoonz-blog.netlify.app/"><img src="../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></p></div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item has-children menu-button"><a class="button" href="../sitemap/index.html">Navigation</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Docs</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/showcase">Showcase</a></li><li class="menu-item menu-button"><a class="button" href="contact/index.html">Contact!</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../python/python-ds/index.html">Python</a></li><li class="menu-item menu-button"><a class="button" href="../javascript/index.html">JavaScript</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/">Blog</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz.blogspot.com/" target="_blank" rel="noopener " class="button">Blog-Post-Archive</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/platform-docs/">platform docs</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../articles/nodejs/index.html">nodejs</a></li><li class="menu-item menu-button"><a href="https://blog-w-comments.vercel.app/" target="_blank" rel="noopener " class="button">Blog with Comments</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../interview/job-search-nav/index.html">Job Search</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/interview/job-boards">Job Boards</a></li><li class="menu-item"><a href="#">lorem-ipsum</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../tools/archive/index.html">Archive</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Learning-Assets" target="_blank" rel="noopener " class="button">Resource-Archive-Server</a></li><li class="menu-item menu-button"><a href="https://lambda-resources.netlify.app/" class="button">Bootcamp Resources</a></li><li class="menu-item menu-button"><a href="https://web-dev-resource-hub.netlify.app/" target="_blank" rel="noopener " class="button">OG-Blog</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Top Repos</a></li><li class="menu-item menu-button"><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener " class="button">MY_DOCS</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../projects/index.html">Projects</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">Potluck Planner</a></li><li class="menu-item menu-button"><a href="https://meditate42app.netlify.app/" target="_blank" rel="noopener " class="button">Meditation App</a></li><li class="menu-item menu-button"><a href="https://search-awesome.vercel.app/" target="_blank" rel="noopener " class="button">SearchAwesome</a></li><li class="menu-item menu-button"><a href="https://bg-portfolio.netlify.app/" target="_blank" rel="noopener " class="button">Condensed -Portfolio</a></li><li class="menu-item menu-button"><a href="https://a.familypromiseservicetracker.dev/" target="_blank" rel="noopener " class="button">Family Promise Tracker</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering" class="button">DTW-Guitar-FX-Automation</a></li><li class="menu-item menu-button"><a href="https://friendly-panda-b61ab.netlify.app/" class="button">Embeds Blog</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">alt-blogs</a></li><li class="menu-item menu-button"><a href="https://bgoonz-games.netlify.app/" class="button">Games</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" target="_blank" rel="noopener " class="button">Blog Backup</a></li><li class="menu-item menu-button"><a href="https://bgoonz-cv.netlify.app/" class="button">Cover Letter</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Centric</a></li><li class="menu-item menu-button"><a href="https://web-dev-hub.com/" target="_blank" rel="noopener " class="button">Wordpress Blog</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Portfolio Gallery</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/github-stats-website/" class="button">github-stats-website</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../tools/index.html">Tools</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://githtmlpreview.netlify.app/" target="_blank" rel="noopener " class="button">Github HTML Previewer</a></li><li class="menu-item menu-button"><a href="https://devtools42.netlify.app/" target="_blank" rel="noopener " class="button">Text Tools</a></li><li class="menu-item menu-button"><a href="https://ternary42.netlify.app/" target="_blank" rel="noopener " class="button">Ternary 2 If Else</a></li><li class="menu-item menu-button"><a href="https://determined-dijkstra-ee7390.netlify.app/" target="_blank" rel="noopener " class="button">Job Search Resources</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/web-dev-setup-checker" target="_blank" rel="noopener " class="button">Setup Checker</a></li><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">PotluckPlanner</a></li><li class="menu-item menu-button"><a href="https://web-dev-interview-prep-quiz-website.netlify.app/" class="button">WebDev Quizzes</a></li><li class="menu-item menu-button"><a href="https://github.com/search/advanced" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Github-Advanced-Search</span></a></li></ul></li></ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button></div></div><div><div id="sb-search-example"><div class="sb-search-icon" id="myCustomSearchButtonID"><i class="sb-icon"></i><p>Search</p></div></div><a class="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github"><svg aria-hidden="true" width="40" height="40" viewBox="0 0 250 250" style="z-index:100000;fill:black;color:#fff;position:fixed;top:0px;border:0;left:0px;transform:scale(-1.5, 1.5)"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="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="transform-origin:130px 106px"></path><path class="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><main id="content" class="site-content"><div class="inner outer"><div class="docs-content"><nav id="docs-nav" class="docs-nav"><div id="docs-nav-inside" class="docs-nav-inside sticky"><button id="docs-nav-toggle" class="docs-nav-toggle">Navigate Docs<span class="icon-angle-right" aria-hidden="true"></span></button><div class="docs-nav-menu"><ul id="docs-menu" class="docs-menu"><li class="docs-menu-item"><a href="../index.html">Docs</a></li><li class="docs-menu-item has-children"><a href="../about/index.html">About</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../about/README/index.html">readme</a></li><li class="docs-menu-item"><a href="../about/eng-portfolio/index.html">Engineering Portfolio</a></li><li class="docs-menu-item"><a href="../about/resume/index.html">Resume</a></li><li class="docs-menu-item"><a href="../about/youtube/index.html">Youtube</a></li><li class="docs-menu-item"><a href="../about/job-search/index.html">Job Search</a></li></ul></li><li class="docs-menu-item has-children"><a href="../articles/index.html">Articles</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../articles/how-the-web-works/index.html">How The Web Works</a></li><li class="docs-menu-item"><a href="../articles/http/index.html">The HTTP Protocol</a></li><li class="docs-menu-item"><a href="../articles/nextjs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../articles/node-cli-args/index.html">where-is-npm-pack</a></li><li class="docs-menu-item"><a href="../articles/node-env-variables/index.html">Node Export Module</a></li><li class="docs-menu-item"><a href="../articles/node-common-modules/index.html">Common Modules</a></li><li class="docs-menu-item"><a href="../articles/node-repl/index.html">The-package-lock.json-file</a></li><li class="docs-menu-item"><a href="../articles/node-js-language/index.html">packagejson</a></li><li class="docs-menu-item"><a href="../articles/node-package-manager/index.html">Sorting Algorithms</a></li><li class="docs-menu-item"><a href="../articles/node-run-cli/index.html">node-cli-args</a></li><li class="docs-menu-item"><a href="../articles/npm/index.html">Introduction to npm</a></li><li class="docs-menu-item"><a href="../articles/the-uniform-resource-locator-(url)/index.html">The Uniform Resource Locator (URL)</a></li><li class="docs-menu-item"><a href="../articles/v8/index.html">npm global or local packages</a></li><li class="docs-menu-item"><a href="../articles/semantic-html/index.html">Web Design</a></li><li class="docs-menu-item"><a href="../articles/web-standards-checklist/index.html">Web Standards Checklist</a></li><li class="docs-menu-item"><a href="../articles/understanding-firebase/index.html">Firebase</a></li><li class="docs-menu-item"><a href="../articles/webdev-tools/index.html">Web Developer Tools</a></li><li class="docs-menu-item"><a href="../articles/buffers/index.html">Node Buffers</a></li><li class="docs-menu-item"><a href="../articles/dev-dep/index.html">Dev Dependencies</a></li><li class="docs-menu-item"><a href="../articles/event-loop/index.html">The Node.js Event Loop</a></li><li class="docs-menu-item"><a href="../articles/basic-web-dev/index.html">Web Dev Review</a></li><li class="docs-menu-item"><a href="../articles/fs-module/index.html">Fs-Module</a></li><li class="docs-menu-item"><a href="../articles/how-search-engines-work/index.html">The Anatomy of a Search Engine</a></li><li class="docs-menu-item"><a href="../articles/install/index.html">Install</a></li><li class="docs-menu-item"><a href="../articles/intro/index.html">Intro To Node</a></li><li class="docs-menu-item"><a href="../articles/modules/index.html">Node Modules System</a></li><li class="docs-menu-item"><a href="../articles/nodejs/index.html">Javascript and Node</a></li><li class="docs-menu-item"><a href="../articles/npx/index.html">The npx Node.js Package Runner</a></li><li class="docs-menu-item"><a href="../articles/nodevsbrowser/index.html">Node vs Browser</a></li><li class="docs-menu-item"><a href="../articles/reading-files/index.html">Reading Files</a></li><li class="docs-menu-item"><a href="../articles/os-module/index.html">OS-Module</a></li><li class="docs-menu-item"><a href="../articles/semantic/index.html">Semantic Versioning</a></li><li class="docs-menu-item"><a href="../articles/writing-files/index.html">Writing Files</a></li><li class="docs-menu-item"><a href="../articles/node-api-express/index.html">Node APIs With Express</a></li></ul></li><li class="docs-menu-item has-children"><a href="../audio/index.html">Audio</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../audio/audio/index.html">Audio</a></li><li class="docs-menu-item"><a href="../audio/discrete-fft/index.html">Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../audio/audio-feature-extraction/index.html">Audio Feature Extraction</a></li><li class="docs-menu-item"><a href="../audio/dfft/index.html">Discrete Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../audio/dtw-python-explained/index.html">Dynamic Time Warping Algorithm Explained (Python)</a></li><li class="docs-menu-item"><a href="../audio/dynamic-time-warping/index.html">dynamic-time-warping</a></li><li class="docs-menu-item"><a href="../audio/web-audio-api/index.html">Web Apis</a></li></ul></li><li class="docs-menu-item has-children"><a href="../career/index.html">Career</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../career/dev-interview/index.html">Developer Interview Questions</a></li><li class="docs-menu-item"><a href="../career/interview-dos-n-donts/index.html">Do &amp; Don&#x27;t of Interviewing!</a></li><li class="docs-menu-item"><a href="../career/job-boards/index.html">Job Board</a></li><li class="docs-menu-item"><a href="../career/wed-dev-questions/index.html">Javascript Practice</a></li></ul></li><li class="docs-menu-item has-children"><a href="../community/index.html">Community</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../community/an-open-letter-2-future-developers/index.html">New Developers</a></li><li class="docs-menu-item"><a href="../community/video-chat/index.html">Video Chat</a></li><li class="docs-menu-item"><a href="../community/github-profiles/index.html">Cool Github Profiles</a></li><li class="docs-menu-item"><a href="../community/bookmarks/index.html">Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../content/index.html">Content</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../content/bash-intro/index.html">Tuning Command Line History in Bash - ShellHacks</a></li><li class="docs-menu-item"><a href="../content/gatsby-Queries-Mutations/index.html">Queries and Mutations (Gatsby)</a></li><li class="docs-menu-item"><a href="../content/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../content/github-api/index.html">All the Things You Can Do With GitHub API and Python</a></li><li class="docs-menu-item"><a href="../content/history-api/index.html">History API</a></li><li class="docs-menu-item"><a href="../content/trouble-shooting/index.html">Trouble Shooting</a></li><li class="docs-menu-item"><a href="../content/netlify/index.html">Netlify Docs</a></li><li class="docs-menu-item"><a href="../content/algo/index.html">Algorithms &amp; Data Structures</a></li></ul></li><li class="docs-menu-item has-children"><a href="../css/index.html">Css</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../css/css-positioning/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../data-structures/index.html">Data Structures</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../data-structures/data-structures-in-depth/index.html">Data Structures</a></li><li class="docs-menu-item"><a href="../data-structures/big-o/index.html">Big-O Notation</a></li><li class="docs-menu-item"><a href="../data-structures/ds-algo-interview/index.html">Data Structures Interview</a></li></ul></li><li class="docs-menu-item has-children"><a href="../docs/index.html">Docs</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../docs/appendix/index.html">Apendix</a></li><li class="docs-menu-item"><a href="../docs/css/index.html">Learn Css</a></li><li class="docs-menu-item"><a href="../docs/art-of-command-line/index.html">Command Line Basics</a></li><li class="docs-menu-item"><a href="../docs/git-repos/index.html">Git Repo List</a></li><li class="docs-menu-item"><a href="../docs/git-reference/index.html">Git Reference</a></li><li class="docs-menu-item"><a href="../docs/data-structures-docs/index.html">Data Structures Docs</a></li><li class="docs-menu-item"><a href="../docs/markdown/index.html">Markdown</a></li><li class="docs-menu-item"><a href="../docs/jamstack/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../docs/regex-in-js/index.html">Regular Expressions</a></li><li class="docs-menu-item"><a href="../docs/sitemap/index.html">Sitemap</a></li><li class="docs-menu-item"><a href="../docs/es-6-features/index.html">ECMAScript 6</a></li><li class="docs-menu-item"><a href="../docs/bash/index.html">Bash Commands That Save Me Time and Frustration</a></li><li class="docs-menu-item"><a href="../docs/html-spec/index.html">HTML SPEC</a></li><li class="docs-menu-item"><a href="../docs/no-whiteboarding/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../docs/node-docs-full/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../docs/snippets/index.html">Useful Snippets</a></li><li class="docs-menu-item"><a href="../docs/node-docs-complete/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../docs/glossary/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children current active"><a aria-current="page" class="" href="index.html">FAQ</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="plug-ins/index.html">Plug-ins</a></li><li class="docs-menu-item"><a href="contact/index.html">Contact!</a></li></ul></li><li class="docs-menu-item has-children"><a href="../interact/index.html">Interactive</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../interact/callstack-visual/index.html">Callstack Visualizer</a></li><li class="docs-menu-item"><a href="../interact/clock/index.html">Clock</a></li><li class="docs-menu-item"><a href="../interact/jupyter-notebooks/index.html">Jupyter Notebooks</a></li><li class="docs-menu-item"><a href="../interact/other-sites/index.html">Other Websites</a></li><li class="docs-menu-item"><a href="../interact/video-chat/index.html">Zumzi Video Conferencing (Mesibo API Backend)</a></li></ul></li><li class="docs-menu-item has-children"><a href="../javascript/index.html">Javascript</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../javascript/arrow-functions/index.html">JS Fat Arrow Functions</a></li><li class="docs-menu-item"><a href="../javascript/asyncjs/index.html">Asynchronous-JS</a></li><li class="docs-menu-item"><a href="../javascript/await-keyword/index.html">Await </a></li><li class="docs-menu-item"><a href="../javascript/constructor-functions/index.html">Constructor Functions</a></li><li class="docs-menu-item"><a href="../javascript/cs-basics-in-js/index.html">CS Basics</a></li><li class="docs-menu-item"><a href="../javascript/for-loops/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../javascript/promises/index.html">Promises</a></li><li class="docs-menu-item"><a href="../javascript/clean-code/index.html">Clean Code</a></li><li class="docs-menu-item"><a href="../javascript/review/index.html">Javascript Concepts Review</a></li><li class="docs-menu-item"><a href="../javascript/this-is-about-this/index.html">WhatisTHIS</a></li></ul></li><li class="docs-menu-item has-children"><a href="../interview/index.html">Interviewing</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../interview/job-search-nav/index.html">Job Search Navigation</a></li><li class="docs-menu-item"><a href="../interview/review-concepts/index.html">Review Of Concepts</a></li></ul></li><li class="docs-menu-item has-children"><a href="../leetcode/index.html">Leetcode</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../leetcode/004._Median_of_Two_Sorted_Arrays/index.html">004._Median_of_Two_Sorted_Arrays</a></li><li class="docs-menu-item"><a href="../leetcode/006._ZigZag_Conversion/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/008._String_to_Integer_(atoi)/index.html">008._String_to_Integer</a></li><li class="docs-menu-item"><a href="../leetcode/009._Palindrome_Number/index.html">009._Palindrome_Number</a></li><li class="docs-menu-item"><a href="../leetcode/011._Container_With_Most_Water/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/010._Regular_Expression_Matching/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/012._Integer_to_Roman/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/013._Roman_to_Integer/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/014._Longest_Common_Prefix/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/019._Remove_Nth_Node_From_End_of_List/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/020._Valid_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/022._Generate_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/029._Divide_Two_Integers/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/031._Next_Permutation/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/033._Search_in_Rotated_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/first-100/index.html">Leetcode</a></li></ul></li><li class="docs-menu-item has-children"><a href="../projects/index.html">Projects</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../projects/embeded-websites/index.html">Embeded Websites &amp; Projects</a></li><li class="docs-menu-item"><a href="../projects/list-of-projects/index.html">List Of Projects</a></li><li class="docs-menu-item"><a href="../projects/main-projects/index.html">RECENT PROJECTS</a></li><li class="docs-menu-item"><a href="../projects/mini-projects2/index.html">Mini Projects 2</a></li><li class="docs-menu-item"><a href="../projects/mini-projects/index.html">Mini Projects</a></li><li class="docs-menu-item"><a href="../projects/my-websites/index.html">My Sites</a></li></ul></li><li class="docs-menu-item has-children"><a href="../python/index.html">Python</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../python/examples/index.html">Practice</a></li><li class="docs-menu-item"><a href="../python/flow-control/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../python/functions/index.html">Python Functions</a></li><li class="docs-menu-item"><a href="../python/google-sheets-api/index.html">google-sheets-api</a></li><li class="docs-menu-item"><a href="../python/install-python-ubuntu/index.html">How to install Python 2.7 on Ubuntu 20.04 LTS</a></li><li class="docs-menu-item"><a href="../python/intro-for-js-devs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../python/python-ds/index.html">Python General Notes</a></li><li class="docs-menu-item"><a href="../python/python-quiz/index.html">Python Quiz</a></li><li class="docs-menu-item"><a href="../python/snippets/index.html">Python Snippets</a></li><li class="docs-menu-item"><a href="../python/cheat-sheet/index.html">Python Cheat Sheet</a></li><li class="docs-menu-item"><a href="../python/comprehensive-guide/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../python/at-length/index.html">Python at length</a></li></ul></li><li class="docs-menu-item has-children"><a href="../quick-reference/index.html">QuickRef</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../quick-reference/all-emojis/index.html">All Emojis</a></li><li class="docs-menu-item"><a href="../quick-reference/git-bash/index.html">Git Bash</a></li><li class="docs-menu-item"><a href="../quick-reference/git-tricks/index.html">Git Tricks</a></li><li class="docs-menu-item"><a href="../quick-reference/google-firebase/index.html">Firebase (Firebasics)</a></li><li class="docs-menu-item"><a href="../quick-reference/markdown-dropdowns/index.html">Markdown Dropdown</a></li><li class="docs-menu-item"><a href="../quick-reference/installation/index.html">Installation</a></li><li class="docs-menu-item"><a href="../quick-reference/minifiction/index.html">How To Minify Code For Better Web Performance </a></li><li class="docs-menu-item"><a href="../quick-reference/new-repo-instructions/index.html">new-repo-git</a></li><li class="docs-menu-item"><a href="../quick-reference/pull-request-rubric/index.html">Pull Request Template</a></li><li class="docs-menu-item"><a href="../quick-reference/quick-links/index.html">Quick Links</a></li><li class="docs-menu-item"><a href="../quick-reference/heroku-error-codes/index.html">Heroku Error Codes</a></li><li class="docs-menu-item"><a href="../quick-reference/topRepos/index.html">Top Repos</a></li><li class="docs-menu-item"><a href="../quick-reference/psql-setup/index.html">PostgreSQL Setup</a></li><li class="docs-menu-item"><a href="../quick-reference/understanding-path/index.html">Understanding PATH</a></li><li class="docs-menu-item"><a href="../quick-reference/Emmet/index.html">Emmet Cheat Sheet</a></li><li class="docs-menu-item"><a href="../quick-reference/create-react-app/index.html">Getting Started W Create React App</a></li><li class="docs-menu-item"><a href="../quick-reference/vscode-themes/index.html">vscode-themes</a></li></ul></li><li class="docs-menu-item has-children"><a href="../react/index.html">React</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../react/ajax-n-apis/index.html">AJAX and APIs</a></li><li class="docs-menu-item"><a href="../react/createReactApp/index.html">npx-create-react-app</a></li><li class="docs-menu-item"><a href="../react/cheatsheet/index.html">React Cheat Sheets:</a></li><li class="docs-menu-item"><a href="../react/demo/index.html">React Class Components Demo</a></li><li class="docs-menu-item"><a href="../react/jsx/index.html">Introducing JSX</a></li><li class="docs-menu-item"><a href="../react/dont-use-index-as-keys/index.html">Index as a key is an anti-pattern</a></li><li class="docs-menu-item"><a href="../react/react-w-api/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../react/quiz/index.html">React Quiz Questions</a></li><li class="docs-menu-item"><a href="../react/react-patterns-by-usecase/index.html">React Patterns &amp; Use Cases</a></li><li class="docs-menu-item"><a href="../react/render-elements/index.html">Rendering Elements With React</a></li><li class="docs-menu-item"><a href="../react/react-docs/index.html">React Docs</a></li><li class="docs-menu-item"><a href="../react/react2/index.html">Intro To React</a></li><li class="docs-menu-item"><a href="../react/react-in-depth/index.html">React In Depth</a></li></ul></li><li class="docs-menu-item has-children"><a href="../reference/index.html">Reference</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../reference/awesome-static/index.html">Awesome Static Site Resources</a></li><li class="docs-menu-item"><a href="../reference/embed-the-web/index.html">Embed The Web</a></li><li class="docs-menu-item"><a href="../reference/google-cloud/index.html">Google Cloud</a></li><li class="docs-menu-item"><a href="../reference/bash-commands/index.html">Bash-Commands</a></li><li class="docs-menu-item"><a href="../reference/how-to-kill-a-process/index.html">Kill a Process in Linux</a></li><li class="docs-menu-item"><a href="../reference/how-2-reinstall-npm/index.html">How To Reinstall NPM and Node.js On Your System</a></li><li class="docs-menu-item"><a href="../reference/installing-node/index.html">Installing Node</a></li><li class="docs-menu-item"><a href="../reference/intro-to-nodejs/index.html">Intro To NodeJS</a></li><li class="docs-menu-item"><a href="../reference/notes-template/index.html">Notes Template</a></li><li class="docs-menu-item"><a href="../reference/markdown-styleguide/index.html">Markdown Lint Styleguide</a></li><li class="docs-menu-item"><a href="../reference/psql/index.html">Postgresql Cheat Sheet</a></li><li class="docs-menu-item"><a href="../reference/vscode/index.html">vscode</a></li><li class="docs-menu-item"><a href="../reference/resources/index.html">Developer Resources</a></li><li class="docs-menu-item"><a href="../reference/awesome-nodejs/index.html">Awesome NodeJS</a></li><li class="docs-menu-item"><a href="../reference/github-search/index.html">Github Search</a></li><li class="docs-menu-item"><a href="../reference/awesome-lists/index.html">Awesome Lists</a></li><li class="docs-menu-item"><a href="../reference/web-api%27s/index.html">Web Apis</a></li><li class="docs-menu-item"><a href="../reference/bookmarks/index.html">Web Dev Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../tools/index.html">Tools</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../tools/dev-utilities/index.html">General Utilities</a></li><li class="docs-menu-item"><a href="../tools/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../tools/markdown-html/index.html">md and html</a></li></ul></li><li class="docs-menu-item has-children"><a href="../tips/index.html">Tips</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../tips/array-methods/index.html">Tips</a></li><li class="docs-menu-item"><a href="../tips/insert-into-array/index.html">Insert Into Array</a></li><li class="docs-menu-item"><a href="../tips/sorting-strings/index.html">Sorting Strings</a></li><li class="docs-menu-item"><a href="../tips/regex-tips/index.html">Regex Tricks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../tutorials/index.html">Tutorials</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../tutorials/how-to-use-google-sheets-as-cms/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../tutorials/enviorment-setup/index.html">Basic Bash Proficiency</a></li></ul></li></ul></div></div></nav><article class="post type-docs"><div class="post-inside"><header class="post-header"><h1 class="post-title line-left">FAQ</h1></header><div class="post-content"><h4>What&#x27;s the most useful business-related book you&#x27;ve ever read?</h4><blockquote><p>A Random Walk Down Wall Street</p></blockquote><h4>What&#x27;s your favorite non-business book?</h4><blockquote><p>Hitchhiker&#x27;s Guide To The Galaxy</p></blockquote><h4>If money were not an issue, what would you be doing right now?</h4><blockquote><p>Designing recording software/hardware and using it</p></blockquote><h4>What words of advice would you give your younger self?</h4><blockquote><p>Try harder and listen to your parents more (the latter bit of advice would be almost certain to fall on deaf ears lol)</p></blockquote><h4>What&#x27;s the most creative thing you&#x27;ve ever done?</h4><blockquote><p>I built a platform that listens to a guitarist&#x27;s performance and automatically triggers guitar effects at the appropriate time in the song.</p></blockquote><h4>Which founders or startups do you most admire?</h4><blockquote><p>Is it to basic to say Tesla... I know they&#x27;re prevalent now but I&#x27;ve been an avid fan since as early as 2012.</p></blockquote><h4>What&#x27;s your super power?</h4><blockquote><p>Having really good ideas and forgetting them moments later.</p></blockquote><h4>What&#x27;s the best way for people to get in touch with you?</h4><blockquote><p>A text</p></blockquote><h4>What aspects of your work are you most passionate about?</h4><p>Creating things that change my every day life.</p><h4>What was the most impactful class you took in school?</h4><blockquote><p>Modern Physics... almost changed my major after that class... but at the end of the day engineering was a much more fiscally secure avenue.</p></blockquote><h4>What&#x27;s something you wish you had done years earlier?</h4><blockquote><p>Learned to code ... and sing</p></blockquote><h4>What words of wisdom do you live by?</h4><blockquote><p>*Disclaimer: The following wisdom is very cliche ... but... &quot;Be the change that you wish to see in the world.&quot;</p></blockquote><ul id="docs-section-items" class="docs-section-items"><li class="docs-section-item"><a class="docs-item-link" href="plug-ins/index.html">Plug-ins<span class="icon-angle-right" aria-hidden="true"></span></a></li><li class="docs-section-item"><a class="docs-item-link" href="contact/index.html">Contact!<span class="icon-angle-right" aria-hidden="true"></span></a></li></ul></div></div></article><nav id="page-nav" class="page-nav"><div id="page-nav-inside" class="page-nav-inside sticky"><h2 class="page-nav-title">Jump to Section</h2><div id="page-nav-link-container"></div></div></nav></div><div id="disqus_thread"></div><div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&amp;g=1&amp;e=1"></div></div></main><footer id="colophon" class="site-footer outer"><div><center><br/><div id="search"> <!-- --> </div><br/><table cellPadding="0" cellSpacing="0" border="0"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><center><table width="95%" cellPadding="0" cellSpacing="0" border="0" style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="left"><a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">index</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="center"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0">sitemap</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="right"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;pid=a">advanced</a></td></tr></tbody></table></center><form style="margin:0px;margin-top:2px" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self"><input type="hidden" name="si" value="14588965"/><input type="hidden" name="pid" value="r"/><input type="hidden" name="n" value="0"/><input type="hidden" name="_charset_" value="true"/><input type="hidden" name="bcd" value="÷"/><input type="text" name="query" size="15"/><input type="submit" value="search"/></form></td></tr><tr><td style="text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:7.5pt;padding-top:4px"><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">search engine</a><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">by<span style="color:transparent">freefind</span></a></td></tr></tbody></table><a class="save2PDF" href="http://pdfcrowd.com/url_to_pdf/?">Save to PDF</a></center><a aria-current="page" class="site-logo" href="https://bgoonz-blog.netlify.app/"><img src="../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></div><div class="inner"><div id="search" class="inner"></div><div class="site-footer-inside"><p class="site-info"><span class="copyright">@bgoonz on almost every platform</span><a href="https://random-static-html-deploys.netlify.app/blm.html" target="_blank" rel="noopener " class="button">BLM</a><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener ">Docs</a><a href="#">lorem-ipsum</a> </p><div class="social-links"><a href="https://twitter.com/bgooonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Twitter</span></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">LinkedIn</span></a><a href="https://github.com/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">GitHub</span></a><a href="https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Youtube</span></a><a href="https://www.instagram.com/bgoonz/?hl=en" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Instagram</span></a><a href="https://dev.to/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">dev.to</span></a><a href="#">lorem-ipsum</a> </div> </div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script src='../../../d33wubrfki0l68.cloudfront.net/bundles/0233599d4c45be641254dc1947c4cc78b0c22051.js'></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="index.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-50463aa39b84c4d1ec96.js"],"app":["/app-10180cc44b3853f61402.js"],"component---src-templates-advanced-js":["/component---src-templates-advanced-js-6f213d193b5ecf8f0dd1.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-d1d7372de9a72caa6ec8.js"],"component---src-templates-docs-js":["/component---src-templates-docs-js-731339ed0815d7cada90.js"],"component---src-templates-page-js":["/component---src-templates-page-js-dcb6b8bc1563f876e59f.js"],"component---src-templates-post-js":["/component---src-templates-post-js-8dfc6c5f64f9cf30c603.js"]};/*]]>*/</script><script nomodule src='../../../d33wubrfki0l68.cloudfront.net/js/582b61cb624d3b5bcc6977024571665de2ae7a24/polyfill-50463aa39b84c4d1ec96.js'></script><script async src='../../../d33wubrfki0l68.cloudfront.net/bundles/a315e5520efecbe9f2dbefdf6e0d24cc6e3a3847.js'></script><input type="button" style="position: fixed;top: 10px;right: 10px;width:80px;color:white;font-weight:bold;background-color:rgba(0, 0, 0, 0.856); border-radius:15px;" value="Go Back" onclick="history.back(-1)" />
+      <?php
+        $url = htmlspecialchars($_SERVER['HTTP_REFERER']);
+        echo "<a href='%24url.html'></a><script src="../../../widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="609b2d7c71a5dd0016f36326"></script><!-- Go to www.addthis.com/dashboard to customize your tools -->
+<script type="text/javascript" src="../../../s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60dcec1ece575946"></script><script>
+let div = window.createElement('div');
+div.id('search');
+div.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;bottom: 0px;right: 25%;left: 50 %;';
+let docscontent = window.getElementByClassName('docs-content');
+docscontent.appendChild(div);
+
+let div1 = window.createElement('div');
+div1.id('search');
+div1.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;background:#063;bottom: 0px;right: 25%;left: 50 %;margin-left: -150px';
+let header = window.getElementByClassName('site-header-inside');
+header.appendChild('div1');
+
+</script><!-- Default Statcounter code for 2
+https://bgoonz-blog.netlify.app/ -->
+<script type="text/javascript">
+var sc_project=12702211; 
+var sc_invisible=0; 
+var sc_security="011fbeb6"; 
+var sc_text=3; 
+var scJsHost = "https:///";
+document.write("<sc"+"ript type='text/javascript' src='" +
+scJsHost+
+"statcounter.com/counter/counter.js'></"+"script>");
+</script>
+<noscript><div class="statcounter"><a title="Web Analytics"
+href="https://statcounter.com/" target="_blank"><img
+class="statcounter"
+src="https://c.statcounter.com/12702211/0/011fbeb6/0/"
+alt="Web Analytics"
+referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
+<!-- End of Statcounter Code -->
+<a href="https://statcounter.com/p12702211/?guest=1">View My
+Stats</a><script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>
+          // Get the button:
+          mybutton = document.getElementById("scrollBtn");
+          // When the user scrolls down 20px from the top of the document, show the button
+          window.onscroll = function () {
+            scrollFunction();
+          };
+          function scrollFunction() {
+            if (
+              document.body.scrollTop > 20 ||
+              document.documentElement.scrollTop > 20
+            ) {
+              mybutton.style.display = "block";
+            } else {
+              mybutton.style.display = "none";
+            }
+          }
+          // When the user clicks on the button, scroll to the top of the document
+          function topFunction() {
+            document.body.scrollTop = 0; // For Safari
+            document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+          }
+        </script>
+        <script>
+          window.addEventListener("DOMContentLoaded", (event) => {
+            console.log("DOM fully loaded and parsed");
+            const scrollToTop = () => {
+              const c =
+                document.documentElement.scrollTop || document.body.scrollTop;
+              if (c > 0) {
+                window.requestAnimationFrame(scrollToTop);
+                window.scrollTo(0, c - c / 8);
+              }
+            };
+            scrollToTop();
+          });
+        </script>
+<button id="scrollBtn" title="Go to top" onclick="topFunction()" style="display: block;">
+          Back To Top
+        </button></body></html>
diff --git a/docs/content/html-docs/faq/plug-ins/index.html b/docs/content/html-docs/faq/plug-ins/index.html
new file mode 100644
index 0000000000..26cfff1b00
--- /dev/null
+++ b/docs/content/html-docs/faq/plug-ins/index.html
@@ -0,0 +1,835 @@
+<!DOCTYPE html><html><!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
+<head><style data-href="../../../styles.9ec07c865aac99f55058.css">html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}.font-fira-sans b,.font-fira-sans strong{font-weight:600}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:Lato,Helvetica,Arial,sans-serif;font-size:100%}body{background:#f8f8fa;color:#424b5f;line-height:1.425;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow:scroll}a{color:#00c6ff;text-decoration:underline;transition:color .4s ease-out}a:hover{color:#424b5f}#social-embed{bottom:120px!important;width:100%!important;width:1000px!important;box-shadow:inset 0 5px 3px -10px #000,inset 0 -11px 8px -10px #000;margin:0 auto!important;height:400px!important;overflow:scroll!important;border:1px dotted #000}iframe{overflow-y:scroll;overflow-x:scroll;border-radius:12px;border:1px dotted #000;height:1200px;box-shadow:inset 0 4px 4px -10px #000,inset 0 -11px 8px -10px #000;width:1000px;resize:both!important;overflow:scroll}code{box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}pre{box-shadow:0 1px 4px rgba(184,137,137,.3),inset 0 0 40px rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{color:#283040;font-weight:700;line-height:1.2;margin:1.5em 0 .5em;text-rendering:optimizeLegibility}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}p{margin:0 0 1em}ins,mark{background:#fff7e6;color:#283040;padding:.15em;text-decoration:none}pre{background:#283040;border-radius:3px;color:#f8f8fa;font-size:.875em;line-height:1.5;margin:1.14286em 0;overflow:auto;padding:1.5em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal}pre:first-child{margin-top:0}:not(pre)>code{background:#ecedf2;border-radius:3px;color:#424b5f;font-size:.875rem;padding:.15em;white-space:normal}blockquote{border-left:5px solid #00c6ff;font-size:1.25em;line-height:1.4;margin:1.25em 0;padding:0 0 0 1em}blockquote:first-child{margin-top:0}blockquote p{margin-bottom:.5em}blockquote cite,blockquote small{color:#67758d;display:block;font-size:.75em;font-style:normal;font-weight:400;line-height:1.5;margin-top:.5em}dl{margin:0}dt{font-weight:700}dd,ol,ul{margin:0 0 1em}ul{list-style:disc;padding:0 0 0 1.125em}ol{list-style:decimal;padding:0 0 0 1.5em}li>ol,li>ul{margin-bottom:0}hr{background-color:#dde0e7;border:0;height:1px;margin:1.875em 0}hr:first-child{margin-top:0}img{height:auto;max-width:100%;border-radius:10px}img :not(.site-logo){box-shadow:inset 10px 10px 50px #fff}@media only screen and (min-width:741px){blockquote{font-size:1.5em;line-height:1.3}h1{font-size:2.5em}h2{font-size:2.125em}h3{font-size:1.875em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1.125em}}code[class*=language-],pre[class*=language-]{color:#fff;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em #000;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#141414}pre[class*=language-]{border-radius:.5em;border:.3em solid #545454;box-shadow:inset 1px 1px .5em #000;margin:.5em 0;overflow:auto;padding:1em}pre[class*=language-]::selection{background:#27292a}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:hsla(0,0%,92.9%,.15)}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid #545454;box-shadow:inset 1px 1px .3em -.1em #000;padding:.15em .2em .05em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#777}.token.namespace,.token.punctuation{opacity:.7}.token.boolean,.token.deleted,.token.number,.token.tag{color:#ce6849}.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:#f9ed99}.language-css .token.string,.style .token.string,.token.attr-name,.token.attr-value,.token.char,.token.entity,.token.inserted,.token.operator,.token.string,.token.url,.token.variable{color:#909e6a}.token.atrule{color:#7385a5}.token.important,.token.regex{color:#e8c062}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-markup .token.attr-name,.language-markup .token.punctuation,.language-markup .token.tag{color:#ac885c}.token{position:relative;z-index:1}.line-highlight.line-highlight{background:rgba(84,84,84,.25);background:linear-gradient(90deg,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;margin-top:.75em;z-index:0}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background-color:#8693a6;color:#f4f1ef}/*! @algolia/autocomplete-theme-classic 1.5.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */:root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form[focus-within]{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-Form:focus-within{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:11px;padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:8px;padding-right:var(--aa-spacing-half);width:47px;width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:3px;padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:39px;width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;appearance:none;background:none;border:0;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input:-ms-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::-webkit-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 12.8333333333px;padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 10.1666666667px;padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:4px;border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,-webkit-filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in,-webkit-filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:8px;padding:var(--aa-spacing-half);scrollbar-color:#fff #eaeaea;scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:#eaeaea;background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:#fff;background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid #eaeaea;border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:16px;padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:8px .5em 8px 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 8px 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid #3e34d3;border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:8px;top:var(--aa-spacing-half);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,#fff,rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128,126,163,.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid #3e34d3;border:1px solid rgba(var(--aa-primary-color-rgb),1);color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:40px;min-height:calc(var(--aa-spacing)*2.5);padding:4px;padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179,173,214,.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:#7777a3;color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:28px;height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:28px;width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:20px;max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:20px;max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:8px;padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:36px;padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128,126,163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:8px;margin-left:var(--aa-spacing-half);margin-right:4px;margin-right:calc(var(--aa-spacing-half)/2);width:10px;width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:8px;height:var(--aa-spacing-half);width:8px;width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:#807ea3;color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245,223,77,.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62,52,211,.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 -5.3333333333px;margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:5.3333333333px;margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:#3e34d3;background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:8px 16px;padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:-8px;bottom:calc(var(--aa-spacing-half)*-1);content:"";height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0}.aa-PanelFooter,.aa-PanelHeader:after{z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128,126,163,.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:16px;padding:var(--aa-spacing);position:relative}.aa-PanelFooter:after{background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:16px;height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:-16px;top:calc(var(--aa-spacing)*-1);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:8px 0 8px 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128,126,163,.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:8px;padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 8px;margin:0 0 0 var(--aa-spacing-half);padding:0 8px;padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:8px;padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 5.5px;padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;height:100%;justify-content:center;width:36px;width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115,114,129,.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(hsla(0,0%,100%,0),#fff);background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}.aa-Autocomplete,.aa-DetachedContainer,.aa-Panel{--color-mark:#5468ff;--color-background:#fff;--color-selected:#f5f5fa;--color-text:#23263b;--color-input-icon:#777;--color-source-icon:rgba(80,80,80,0.32);--height:32px;--height-icon:16px;--font-size:16px}.aa-Panel{min-width:350px;z-index:1100;margin-top:2px}.aa-Panel .aa-PanelLayout{padding-top:0;padding-bottom:0;background-color:var(--color-background)}.aa-Panel .aa-PanelLayout .aa-PanelLayoutPreview{border-left:1px solid var(--color-selected)}.aa-Panel .aa-GradientBottom{background-image:none}.aa-Autocomplete .aa-Form,.aa-DetachedFormContainer .aa-Form{height:var(--height);font-size:var(--font-size);padding:0;background-color:var(--color-background)}.aa-Autocomplete .aa-Form:focus-within,.aa-DetachedFormContainer .aa-Form:focus-within{box-shadow:none}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix,.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label svg,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label svg{left:0;vertical-align:middle;color:var(--color-input-icon);width:var(--height-icon)}.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input,.aa-DetachedFormContainer .aa-Form .aa-InputWrapper .aa-Input{height:var(--height);color:var(--color-text)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix{height:var(--height)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-Item{color:var(--color-text)}.aa-Item{padding:2px 0}.aa-Item a{color:inherit;text-decoration:none}.aa-Item[aria-selected=true]{background-color:var(--color-selected)}.aa-Item .aa-ItemContent{display:flex;color:var(--color-text)}.aa-Item .aa-ItemContent mark{color:var(--color-mark);background-color:transparent}.aa-Item .aa-ItemIcon{align-items:baseline;color:var(--color-source-icon);background:none;box-shadow:none;margin:0 var(--aa-spacing-half) 0 2px}.aa-Item .aa-ItemTitle{font-size:14px;font-weight:700;line-height:18px}.aa-Item .aa-ItemHierarchy{font-size:12px;font-style:italic;line-height:18px;opacity:.8;padding:1px 0}.aa-Item .aa-ItemDescription{font-size:12px;line-height:16px;color:#797979}.aa-DetachedContainer{background:var(--color-background)}.aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedCancelButton{color:var(--color-text)}.aa-DetachedOverlay{z-index:10}.aa-DetachedSearchButton{background-color:var(--color-background)}.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon{color:var(--color-input-icon)}.aa-powered-by-link{display:inline-block;width:64px;height:18px;margin-left:4px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODUgMTIwIj48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjNTQ2OEZGIiBkPSJNMTYuOC0xLjAwMWg4OC40YzguNyAwIDE1LjggNy4wNjUgMTUuOCAxNS44djg4LjQwNWMwIDguNy03LjA2NSAxNS43OTUtMTUuOCAxNS43OTVIMTYuOGMtOC43IDAtMTUuOC03LjA2LTE1LjgtMTUuNzk1VjE0Ljc1OWMwLTguNjk1IDcuMDYtMTUuNzYgMTUuOC0xNS43NiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03My41MDUgMjUuNzg4di00LjExNWE1LjIwOSA1LjIwOSAwIDAwLTUuMjEtNS4yMDVINTYuMTVhNS4yMDkgNS4yMDkgMCAwMC01LjIxIDUuMjA1djQuMjI1YzAgLjQ3LjQzNS44LjkxLjY5YTM3Ljk2NiAzNy45NjYgMCAwMTEwLjU3LTEuNDljMy40NjUgMCA2Ljg5NS40NyAxMC4yMSAxLjM4LjQ0LjExLjg3NS0uMjE1Ljg3NS0uNjlNNDAuMjIgMzEuMTczbC0yLjA3NS0yLjA3NWE1LjIwNiA1LjIwNiAwIDAwLTcuMzY1IDBsLTIuNDggMi40NzVhNS4xODUgNS4xODUgMCAwMDAgNy4zNTVsMi4wNCAyLjA0Yy4zMy4zMjUuODA1LjI1IDEuMDk1LS4wNzVhMzkuODc2IDM5Ljg3NiAwIDAxMy45NzUtNC42NiAzNy42OCAzNy42OCAwIDAxNC43LTRjLjM2NC0uMjIuNC0uNzMuMTEtMS4wNm0yMi4xNjQgMTMuMDY1djE3LjhjMCAuNTEuNTUuODc1IDEuMDIuNjJsMTUuODI1LTguMTljLjM2LS4xOC40Ny0uNjIuMjktLjk4LTMuMjgtNS43NTUtOS4zNy05LjY4NS0xNi40MDUtOS45NC0uMzY1IDAtLjczLjI5LS43My42OW0wIDQyLjg4Yy0xMy4xOTUgMC0yMy45MTUtMTAuNzA1LTIzLjkxNS0yMy44OCAwLTEzLjE3NSAxMC43Mi0yMy44NzUgMjMuOTE1LTIzLjg3NSAxMy4yIDAgMjMuOTE2IDEwLjcgMjMuOTE2IDIzLjg3NXMtMTAuNjggMjMuODgtMjMuOTE2IDIzLjg4bTAtNTcuOGMtMTguNzQgMC0zMy45NCAxNS4xOC0zMy45NCAzMy45MiAwIDE4Ljc0NSAxNS4yIDMzLjg5IDMzLjk0IDMzLjg5czMzLjk0LTE1LjE4IDMzLjk0LTMzLjkyNWMwLTE4Ljc0NS0xNS4xNjUtMzMuODg1LTMzLjk0LTMzLjg4NSIvPjxwYXRoIGZpbGw9IiM1NDY4RkYiIGQ9Ik0yNDAuMjE0IDk0LjE3N2MtMjMuMzY1LjExLTIzLjM2NS0xOC44NTUtMjMuMzY1LTIxLjg3NWwtLjA0LTcxLjA0NSAxNC4yNTQtMi4yNnY3MC42MWMwIDEuNzE1IDAgMTIuNTYgOS4xNSAxMi41OTV2MTEuOTc1aC4wMDF6bS01Ny43OC0xMS42MWM0LjM3NCAwIDcuNjItLjI1NSA5Ljg4LS42OVY2Ny4zOTJhMjkuMTk2IDI5LjE5NiAwIDAwLTMuNDMtLjY5NSAzMy43NDIgMzMuNzQyIDAgMDAtNC45NTYtLjM2NWMtMS41NyAwLTMuMTc1LjExLTQuNzc1LjM2NS0xLjYwNS4yMi0zLjA2NS42NTUtNC4zNCAxLjI3NS0xLjI3NS42Mi0yLjMzNSAxLjQ5NS0zLjEgMi42Mi0uOCAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xMTUgMS4yNzUgNC45OTUgMS45MyA4LjYwNiAxLjkzem0tMS4yNC01MS42ODVjNC43IDAgOC42NzQuNTg1IDExLjg4NCAxLjc1IDMuMjA2IDEuMTY1IDUuNzk2IDIuOCA3LjY5IDQuODc1IDEuOTM1IDIuMTEgMy4yNDUgNC45MTUgNC4wNDYgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODZ2MzYuNjJjLTIuMTg1LjQ3LTUuNTA2IDEuMDE1LTkuOTUgMS42Ny00LjQ0Ni42NTUtOS40NC45ODUtMTQuOTg2Ljk4NS0zLjY4IDAtNy4wNy0uMzY1LTEwLjA5NS0xLjA1NS0zLjA2NS0uNjktNS42NS0xLjgyLTcuODQtMy4zODUtMi4xNS0xLjU2NS0zLjgyNS0zLjU3LTUuMDY1LTYuMDQtMS4yMDUtMi40OC0xLjgyNS01Ljk3LTEuODI1LTkuNjEgMC0zLjQ5NS42OS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUzIDUuMDY1LTIuNjIgOC4xNjUtMy4yNzUgMy4xLS42NTUgNi4zNDUtLjk4NSA5LjY5NS0uOTg1IDEuNTcgMCAzLjIxLjExIDQuOTYuMjkgMS43MTUuMTg1IDMuNTc1LjUxNSA1LjU0NS45ODV2LTIuMzNjMC0xLjYzNS0uMTg1LTMuMi0uNTg1LTQuNjU1YTEwLjAxMiAxMC4wMTIgMCAwMC0yLjA0NS0zLjg5NWMtLjk4NS0xLjEzLTIuMjU1LTIuMDA1LTMuODYtMi42Mi0xLjYwNS0uNjItMy42NS0xLjA5NS02LjA5LTEuMDk1LTMuMjggMC02LjI3LjQtOS4wMDUuODc1LTIuNzM1LjQ3LTQuOTk1IDEuMDItNi43MSAxLjYzNWwtMS43MS0xMS42OGMxLjc4NS0uNjIgNC40NDUtMS4yNCA3Ljg3NS0xLjg1NSAzLjQyNS0uNjYgNy4xMS0uOTUgMTEuMDQ1LS45NWguMDAxem0yODEuNTEgNTEuMjg1YzQuMzc1IDAgNy42MTUtLjI1NSA5Ljg3NS0uNjk1di0xNC40OGMtLjgtLjIyLTEuOTMtLjQ3NS0zLjQyNS0uNjk1YTMzLjgxMyAzMy44MTMgMCAwMC00Ljk2LS4zNjVjLTEuNTY1IDAtMy4xNy4xMS00Ljc3NS4zNjUtMS42LjIyLTMuMDYuNjU1LTQuMzM1IDEuMjc1LTEuMjguNjItMi4zMzUgMS40OTUtMy4xIDIuNjItLjgwNSAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xNSAxLjMxIDQuOTk1IDEuOTMgOC42MDUgMS45M3ptLTEuMjA1LTUxLjY0NWM0LjcgMCA4LjY3NC41OCAxMS44ODQgMS43NDUgMy4yMDUgMS4xNjUgNS43OTUgMi44IDcuNjkgNC44NzUgMS44OTUgMi4wNzUgMy4yNDUgNC45MTUgNC4wNDUgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODY1djM2LjYxNWMtMi4xODUuNDctNS41MDUgMS4wMTUtOS45NSAxLjY3NS00LjQ0NS42NTUtOS40NC45OC0xNC45ODUuOTgtMy42OCAwLTcuMDctLjM2NS0xMC4wOTQtMS4wNTUtMy4wNjUtLjY5LTUuNjUtMS44Mi03Ljg0LTMuMzg1LTIuMTUtMS41NjUtMy44MjUtMy41Ny01LjA2NS02LjA0LTEuMjA1LTIuNDc1LTEuODI1LTUuOTctMS44MjUtOS42MSAwLTMuNDk1LjY5NS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUyNSA1LjA2NS0yLjYyIDguMTY1LTMuMjc1IDMuMS0uNjU1IDYuMzQ1LS45OCA5LjctLjk4IDEuNTY1IDAgMy4yMDUuMTEgNC45NTUuMjlzMy41NzUuNTEgNS41NC45ODV2LTIuMzNjMC0xLjY0LS4xOC0zLjIwNS0uNTgtNC42NmE5Ljk3NyA5Ljk3NyAwIDAwLTIuMDQ1LTMuODk1Yy0uOTg1LTEuMTMtMi4yNTUtMi4wMDUtMy44Ni0yLjYyLTEuNjA2LS42Mi0zLjY1LTEuMDktNi4wOS0xLjA5LTMuMjggMC02LjI3LjQtOS4wMDUuODctMi43MzUuNDc1LTQuOTk1IDEuMDItNi43MSAxLjY0bC0xLjcxLTExLjY4NWMxLjc4NS0uNjIgNC40NDUtMS4yMzUgNy44NzUtMS44NTUgMy40MjUtLjYyIDcuMTA1LS45NDUgMTEuMDQ1LS45NDV6bS00Mi44LTYuNzdjNC43NzQgMCA4LjY4LTMuODYgOC42OC04LjYzIDAtNC43NjUtMy44NjYtOC42MjUtOC42OC04LjYyNS00LjgxIDAtOC42NzUgMy44Ni04LjY3NSA4LjYyNSAwIDQuNzcgMy45IDguNjMgOC42NzUgOC42M3ptNy4xOCA3MC40MjVoLTE0LjMyNnYtNjEuNDRsMTQuMzI1LTIuMjU1djYzLjY5NWguMDAxem0tMjUuMTE2IDBjLTIzLjM2NS4xMS0yMy4zNjUtMTguODU1LTIzLjM2NS0yMS44NzVsLS4wNC03MS4wNDUgMTQuMjU1LTIuMjZ2NzAuNjFjMCAxLjcxNSAwIDEyLjU2IDkuMTUgMTIuNTk1djExLjk3NXptLTQ2LjMzNS0zMS40NDVjMC02LjE1NS0xLjM1LTExLjI4NS0zLjk3NC0xNC44NS0yLjYyNS0zLjYwNS02LjMwNS01LjM4NS0xMS4wMS01LjM4NS00LjcgMC04LjM4NiAxLjc4LTExLjAwNiA1LjM4NS0yLjYyNSAzLjYtMy45MDQgOC42OTUtMy45MDQgMTQuODUgMCA2LjIyNSAxLjMxNSAxMC40MDUgMy45NCAxNC4wMSAyLjYyNSAzLjY0IDYuMzA1IDUuNDI1IDExLjAxIDUuNDI1IDQuNyAwIDguMzg1LTEuODIgMTEuMDEtNS40MjUgMi42MjQtMy42NCAzLjkzNC03Ljc4NSAzLjkzNC0xNC4wMXptMTQuNTgtLjAzNWMwIDQuODA1LS42OSA4LjQ0LTIuMTE0IDEyLjQxLTEuNDIgMy45NjUtMy40MjUgNy4zNS02LjAxIDEwLjE1NS0yLjU5IDIuOC01LjY5IDQuOTg1LTkuMzM2IDYuNTE1LTMuNjQ0IDEuNTI1LTkuMjYgMi40LTEyLjA2NSAyLjQtMi44MS0uMDM1LTguMzg1LS44MzUtMTEuOTk1LTIuNC0zLjYxLTEuNTY1LTYuNzEtMy43MTUtOS4yOTUtNi41MTUtMi41OS0yLjgwNS00LjU5NC02LjE5LTYuMDU0LTEwLjE1NS0xLjQ1Ni0zLjk3LTIuMTg1LTcuNjA1LTIuMTg1LTEyLjQxcy42NTQtOS40MyAyLjExNC0xMy4zNmMxLjQ2LTMuOTMgMy41LTcuMjggNi4xMjUtMTAuMDggMi42MjUtMi44MDUgNS43Ni00Ljk1NSA5LjMzLTYuNDggMy42MS0xLjUzIDcuNTg1LTIuMjU1IDExLjg4NS0yLjI1NSA0LjMwNSAwIDguMjc1Ljc2IDExLjkyIDIuMjU1IDMuNjUgMS41MjUgNi43ODYgMy42NzUgOS4zMzYgNi40OCAyLjU4NCAyLjggNC41OSA2LjE1IDYuMDUgMTAuMDggMS41MyAzLjkzIDIuMjk1IDguNTU1IDIuMjk1IDEzLjM2aC0uMDAxem0tMTA3LjI4NCAwYzAgNS45NjUgMS4zMSAxMi41OSAzLjkzNSAxNS4zNTUgMi42MjUgMi43NyA2LjAxNCA0LjE1IDEwLjE3NSA0LjE1IDIuMjYgMCA0LjQxLS4zMjUgNi40MTQtLjk0NSAyLjAwNS0uNjIgMy42MDYtMS4zNSA0Ljg4Ni0yLjIydi0zNS4zNGMtMS4wMi0uMjItNS4yODYtMS4wOTUtOS40MS0xLjItNS4xNzUtLjE1LTkuMTEgMS45NjUtMTEuODggNS4zNDUtMi43MzYgMy4zOS00LjEyIDkuMzItNC4xMiAxNC44NTV6bTM5LjYyNSAyOC4wOTVjMCA5LjcyLTIuNDggMTYuODE1LTcuNDc2IDIxLjMzLTQuOTkgNC41MS0xMi42MSA2Ljc3LTIyLjg5IDYuNzctMy43NTUgMC0xMS41NTUtLjczLTE3Ljc5LTIuMTFsMi4yOTUtMTEuMjg1YzUuMjE1IDEuMDkgMTIuMTA1IDEuMzg1IDE1LjcxNSAxLjM4NSA1LjcyIDAgOS44MDUtMS4xNjUgMTIuMjQ1LTMuNDk1IDIuNDQ1LTIuMzMgMy42NDUtNS43ODUgMy42NDUtMTAuMzc1di0yLjMzYy0xLjQyLjY5LTMuMjggMS4zODUtNS41NzUgMi4xMTUtMi4yOTUuNjktNC45NTUgMS4wNTUtNy45NSAxLjA1NS0zLjkzNSAwLTcuNTEtLjYyLTEwLjc1LTEuODYtMy4yNDUtMS4yMzUtNi4wNTUtMy4wNTUtOC4zNS01LjQ2LTIuMjk1LTIuNC00LjEyLTUuNDItNS4zOTUtOS4wMjUtMS4yNzUtMy42MDUtMS45MzUtMTAuMDQ1LTEuOTM1LTE0Ljc3NSAwLTQuNDQuNjk1LTEwLjAxIDIuMDQ2LTEzLjcyNSAxLjM4NC0zLjcxIDMuMzUtNi45MTUgNi4wMTQtOS41NyAyLjYyNi0yLjY1NSA1LjgzNS00LjY5NSA5LjU5LTYuMTkgMy43NTUtMS40OSA4LjE2LTIuNDM1IDEyLjkzNS0yLjQzNSA0LjYzNSAwIDguOS41OCAxMy4wNTUgMS4yNzUgNC4xNTUuNjkgNy42OSAxLjQxNSAxMC41NyAyLjIxNXY1Ni40OWguMDAxeiIvPjwvZz48L3N2Zz4=);background-repeat:no-repeat;background-size:contain;vertical-align:middle}.aa-powered-by{text-align:right;font-size:12px;color:#969faf;padding:8px 8px 4px 0;font-weight:400}table{border-collapse:collapse;border-spacing:0;line-height:1.5;margin:0;max-width:100%;width:100%}caption,table{text-align:left}caption{color:#67758d;font-size:.875em;font-style:normal;margin-bottom:1em}td,th{border-bottom:1px solid #dde0e7;padding:.5em 5px}th{color:#283040;font-weight:700}:not(.responsive-table)>table{display:block;margin:1.875em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}:not(.responsive-table)>table:first-child{margin-top:0}:not(.responsive-table)>table tbody,:not(.responsive-table)>table thead,:not(.responsive-table)>table tr{width:100%}:not(.responsive-table)>table td{min-width:10em}.responsive-table{display:block;margin:1.875em 0;overflow-x:auto;width:100%}.responsive-table:first-child{margin-top:0}label{color:#283040;font-weight:700;line-height:1.5;margin-bottom:.25em}input[type=checkbox]+label,input[type=radio]+label{font-weight:400;cursor:pointer;padding-left:.25em;padding-right:1em}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#283040;display:block;font-size:1em;font-weight:400;line-height:1.5;max-width:100%;padding:.5em;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}::-webkit-input-placeholder{color:#9aa4b9;opacity:1}:-ms-input-placeholder{color:#9aa4b9;opacity:1}::placeholder{color:#9aa4b9;opacity:1}.form-row{margin-bottom:1em}.form-submit{margin-top:1.66667em}.button{align-items:center;background:#00c6ff;border:0;border-radius:1.75em;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.875em;font-weight:700;justify-content:center;letter-spacing:.035em;line-height:1.2;opacity:1;padding:.9em 2.14285em;text-decoration:none;transition:.3s ease;vertical-align:middle}.button:active,.button:focus,.button:hover{color:#fff;opacity:.8;outline:0}.button-secondary{background:0!important;box-shadow:inset 0 0 0 2px currentColor;color:#00c6ff}.button-secondary:active,.button-secondary:focus,.button-secondary:hover{box-shadow:inset 0 0 0 3px currentColor;color:#00c6ff;opacity:1}.button-icon{background:0!important;border:0;color:inherit;font-size:1em;font-weight:400;letter-spacing:normal;padding:.25em}.button-icon:active,.button-icon:focus,.button-icon:hover{color:#00c6ff;opacity:1}#menu-close,#menu-open,.docs-nav .docs-nav-toggle,.docs-nav .docs-submenu-toggle,.submenu-toggle{background:0;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:block;font-size:inherit;height:30px;padding:0;position:relative;width:30px}#menu-close:active,#menu-close:focus,#menu-close:hover,#menu-open:active,#menu-open:focus,#menu-open:hover,.docs-nav .docs-nav-toggle:active,.docs-nav .docs-nav-toggle:focus,.docs-nav .docs-nav-toggle:hover,.docs-nav .docs-submenu-toggle:active,.docs-nav .docs-submenu-toggle:focus,.docs-nav .docs-submenu-toggle:hover,.submenu-toggle:active,.submenu-toggle:focus,.submenu-toggle:hover{outline:0}.icon{color:inherit;fill:currentColor;flex-shrink:0;height:1em;line-height:1;width:1em}.icon-close,.icon-menu{background:currentColor;border-radius:1px;color:inherit;height:2px;left:50%;margin-top:-1px;margin-left:-12px;position:absolute;top:50%;width:24px}.icon-close:after,.icon-close:before,.icon-menu:after,.icon-menu:before{background:currentColor;border-radius:1px;content:"";height:100%;left:0;position:absolute;width:100%}.icon-menu:before{top:-6px}.icon-menu:after{bottom:-6px}.icon-close{background:0;margin-left:-14px;width:28px}.icon-close:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-close:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-angle-right{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;height:8px;left:50%;margin-left:-4px;margin-top:-4px;position:absolute;top:50%;width:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.docs-nav-toggle .icon-angle-right{height:12px;left:auto;margin-left:0;margin-right:9px;margin-top:-6px;right:0;width:12px}.docs-section-item .icon-angle-right{left:auto;margin-left:0;margin-right:15px;right:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.line-left{position:relative}.line-left:after{background:#00c6ff;display:block;content:"";height:100%;left:-1px;position:absolute;top:0;width:5px}.js-reframe{margin:1.875em 0}.js-reframe:first-child{margin-top:0}.important,.note{border-radius:5px;color:#283040;margin:1.875em 0;padding:1em 1.125em}.important:first-child,.note:first-child{margin-top:0}.note{background:#fff7e6;border-left:5px solid #fcb41d}.important{background:#ffe9e6;border-left:5px solid #fc381d}.has-gradient{background:#00c6ff;background:linear-gradient(90deg,#0072ff,#00c6ff);color:#fff;position:relative}.has-gradient a:not(.button),.has-gradient h1,.has-gradient h2,.has-gradient h3,.has-gradient h4,.has-gradient h5,.has-gradient h6{color:inherit!important}.has-gradient a:not(.button):hover{opacity:.8}.has-gradient .button:not(.button-secondary){background-color:#fff;color:#00c6ff}.has-gradient .button:not(.button-secondary):active,.has-gradient .button:not(.button-secondary):focus,.has-gradient .button:not(.button-secondary):hover{opacity:.85}.has-gradient .button-secondary{color:#fff!important}.has-gradient .inner-sm{position:relative}.bg-img{-webkit-animation:fadeIn20 .75s ease-in-out;animation:fadeIn20 .75s ease-in-out;background-position:50%;background-size:cover;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.grid{display:flex;flex-wrap:wrap;margin-left:-.9375em;margin-right:-.9375em}.grid-item{box-sizing:border-box;padding-left:.9375em;padding-right:.9375em;position:relative;width:100%}.grid-center{justify-content:center}.grid-swap{flex-direction:row-reverse}.grid-middle{align-items:center}@media only screen and (min-width:641px){.grid-col-2 .grid-item{flex:0 0 50%;max-width:50%}}@media only screen and (min-width:761px){.grid-col-3 .grid-item{flex:0 0 33.333%;max-width:33.333%}}@media only screen and (max-width:600px){.grid{margin-left:-1.5vw;margin-right:-1.5vw}.grid-item{padding-left:1.5vw;padding-right:1.5vw}}@-webkit-keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}@keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}.site{display:flex;flex-direction:column;min-height:100vh;position:relative}.site-content{box-sizing:border-box;flex-grow:1;width:100%}.outer{padding-left:150px;padding-right:150px}.inner,.inner-md,.inner-sm{margin-left:auto;margin-right:auto;max-width:95%}.site-header{background:#000;background-image:url(../../../../i.imgur.com/CEYEZp8.jpg);padding-bottom:.4em;padding-top:.2em}.site-header-inside{align-items:center;display:flex}.site-branding{flex:0 1 auto}.site-title{color:#283040;font-size:1.5em;font-weight:700;line-height:1.2;margin:0}.site-logo{margin:0}.site-logo img{max-height:65px}.menu,.submenu{list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-item.current{color:#00c6ff}.menu-item a:not(.button){display:inline-block;font-size:1.1em;line-height:1.5}#masthead a:not(.button){color:inherit;display:inline-block;text-decoration:none}#masthead a:not(.button):hover{color:#00c6ff}#masthead .site-branding a:hover{color:inherit}@media only screen and (min-width:801px){#menu-close,#menu-open{display:none}.site-navigation{margin-left:auto}.menu{align-items:center;display:flex}.menu-item{display:inline-block;margin:0 0 0 1.25em;padding-bottom:.1875em;padding-top:.1875em}.menu-item a{padding-bottom:.5em;padding-top:.5em}.menu-item a.button:not(.button-icon){padding-left:1.25em;padding-right:1.25em}.menu-item.has-children>a{padding-right:18px;position:relative}.menu-item.has-children>a:after{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;content:"";height:6px;position:absolute;right:0;top:50%;width:6px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}.menu-item.has-children>a.button:not(.button-icon){padding-right:2.25em}.menu-item.has-children>a.button:not(.button-icon):after{right:1.25em}.menu-item .submenu-toggle{display:none}.menu-item.has-children:hover>.submenu{opacity:1;transition:margin .3s,opacity .2s;visibility:visible}.submenu{background:#fff;border:4px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);left:0;min-width:180px;opacity:0;padding:.5em 0;position:absolute;text-align:left;top:100%;transition:opacity .2s,visibility 0s .2s;visibility:hidden;width:100%;z-index:99}.submenu .menu-item{display:block;margin:0;padding:0 1em}.submenu a:not(.button-icon){display:block}.submenu a.button:not(.button-icon){margin:.5em 0}}@media only screen and (max-width:800px){.site{overflow:hidden;position:relative}.site-branding{margin-right:.625em}.site-header:after{background:rgba(66,75,95,.6);content:"";left:0;opacity:0;transition:opacity .15s ease-in-out,visibility 0s ease-in-out .15s;z-index:998}.site-header:after,.site-navigation{height:100vh;position:absolute;top:0;visibility:hidden;width:100%}.site-navigation{background:#fff;box-sizing:border-box;margin:0;max-width:360px;-webkit-overflow-scrolling:touch;right:-100%;transition:right .3s ease-in-out,visibility 0s ease-in-out .3s;z-index:999}.site-nav-inside{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.menu--opened .site{height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:997}.menu--opened .site-navigation{right:0;transition:right .3s ease-in-out;visibility:visible}.menu--opened .site-header:after{opacity:1;transition-delay:0s;visibility:visible}.menu{padding:calc(3vw + 2.8125em) 3vw 3em}.submenu{border-top:1px solid #dde0e7;display:none;padding-left:1em}.menu-item{display:block;margin:0}.menu-item:not(.menu-button){border-bottom:1px solid #dde0e7}.menu-item:not(.menu-button):first-child{border-top:1px solid #dde0e7}.menu-item a.button-icon,.menu-item a:not(.button){padding:.75em 0}.menu-item a:not(.button){display:block}.menu-item a.button:not(.button-icon){width:100%}.menu-item.has-children>a{margin-right:2em}.menu-item .menu-item:first-child{border-top:0}.menu-item .menu-item:last-child{border-bottom:0}.menu-item .submenu-toggle{color:#67758d;height:2.8125em;position:absolute;right:0;top:0}.menu-item.active .submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-item.active .submenu{display:block}.menu-button>.button:not(.button-icon){margin-bottom:1.25em;margin-top:1.25em}.menu-button+.menu-button>.button:not(.button-icon){margin-top:0}#menu-open{margin-left:auto}#menu-close{display:block;position:absolute;right:3vw;top:3vw}}.post{margin-bottom:2.5em}.post-feed:last-child,.post-full:last-child{margin-bottom:5em}.has-gradient.page-header,.has-gradient.post-header{padding-bottom:9.5em;padding-top:3.75em;text-align:center}.has-gradient .page-title,.has-gradient .post-title{color:inherit;font-size:2.25em;margin:0}.page-subtitle,.post-subtitle{font-size:1.125em;line-height:1.5;margin:.5em 0 0;position:relative}.post-title a{color:inherit!important;text-decoration:none}.post-thumbnail{border:0;border-radius:5px 5px 0 0;display:block;margin:0}.post-thumbnail img{border-radius:5px 5px 0 0;width:100%}.post-feed,.post-full .post-content{margin-top:-5em;position:relative}.post-feed .post,.post-full .post-content{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.post-full .post-content{padding:2.5em 1.5em}.post-full .post-meta{margin:0 0 .5em}.post-feed .post{padding:0 0 2.5em}.post-feed .post-meta{color:#67758d;font-size:.875em;margin:0 0 .5em;padding-left:1.71428em;padding-right:1.71428em}.post-feed .post-header{margin:0 0 1.25em;padding-top:1.875em}.post-feed .post-title{font-size:1.5em;margin:0;padding-left:1em;padding-right:1em}.post-feed .post-excerpt{margin-bottom:1.25em;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more{margin:0;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more-link{font-weight:700;text-decoration:none}.post-feed .read-more-link:after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}.post-feed .read-more-link:hover{color:#424b5f}@media only screen and (min-width:641px){.has-gradient .page-title,.has-gradient .post-title{font-size:3em}.page-subtitle,.post-subtitle{font-size:1.25em}.post-full .post-meta{font-size:1.125em}.post-feed .post-excerpt,.post-feed .post-meta,.post-feed .post-title,.post-feed .read-more,.post-full .post-content{padding-left:7%;padding-right:7%}}@media only screen and (max-width:1000px){.post{margin-bottom:4vw}}.docs-content{padding-top:2.5em;width:95%}.post-content{width:85%}.post.type-docs{margin-bottom:3.625em}.post.type-docs h1{font-size:1.975em}.post.type-docs h2{font-size:1.6em}.post.type-docs h3{font-size:1.45em}.post.type-docs h4{font-size:1.35em}.post.type-docs h5,.post.type-docs h6{font-size:1.2em}.post.type-docs .hash-link{float:left;font-size:1.25rem;height:1em;line-height:1;margin-left:-1.1em;opacity:0;text-align:center;text-decoration:none;transition:opacity .4s;width:1em}.post.type-docs .hash-link:before{content:"#";display:inline-block}.post.type-docs .hash-link:focus,.post.type-docs .hash-link:hover{color:#00c6ff}.post.type-docs h2 .hash-link{margin-top:.22em}.post.type-docs h3 .hash-link{margin-top:.1em}.post.type-docs h2:focus .hash-link,.post.type-docs h2:hover .hash-link,.post.type-docs h3:focus .hash-link,.post.type-docs h3:hover .hash-link{opacity:1}.post.type-docs .post-inside{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);padding:.3em;width:70vw}.post.type-docs .post-title{font-size:1.875em;margin:0 0 1.25em;padding:0 2em}.post.type-docs .post-content{padding:.975em;word-wrap:break-word}#docs-section-items{display:flex;flex-wrap:wrap;list-style:none;margin-left:-.3125em;margin-right:-.3125em;padding:0}#docs-section-items .docs-section-item{flex:1 1 240px;margin:0 .3125em .9375em}#docs-section-items .docs-item-link{border:1px solid #dde0e7;border-radius:3px;color:#283040;display:block;font-weight:700;padding:.9375em;position:relative;text-decoration:none;transition:border-color .3s ease,color .3s ease}#docs-section-items .docs-item-link:hover{border-color:#00c6ff;color:#00c6ff}.docs-nav{margin-bottom:1.875em}.docs-nav .docs-nav-toggle{color:#283040;font-size:1.125em;margin:0;padding-right:15px;text-align:left}.docs-nav .docs-submenu-toggle{color:#67758d;position:absolute;right:0;top:0}#docs-menu{color:#283040;font-weight:700;line-height:1.5;list-style:none;margin:.7em;padding:0}#docs-menu>.docs-menu-item>a{padding:.3em 0;border-radius:20px;margin:auto}#docs-menu a{color:inherit;display:block;text-decoration:none}#docs-menu .current,#docs-menu .current-parent,#docs-menu a:hover{color:#00c6ff}.docs-submenu{border-left:1px solid #dde0e7;color:#424b5f;display:none;font-size:1;font-weight:400;list-style:none;margin-top:.625rem;padding-left:1rem}.docs-menu-item{color:inherit;margin-bottom:.625rem}.docs-menu-item.has-children{padding-right:20px;position:relative}.docs-menu-item.has-children.active .docs-submenu{display:block}.docs-menu-item.has-children.active>.docs-submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#page-nav{text-overflow:wrap}#page-nav .page-nav-title{font-size:1em;margin:0 0 .625em}#page-nav ul{font-size:.875rem;line-height:1.5;list-style:none;padding:0}#page-nav ul ul{border-left:1px solid #dde0e7;margin-top:.625rem;padding-left:1.25rem}#page-nav li{margin-bottom:.625rem}#page-nav li.active>a{color:#00c6ff}#page-nav a{color:#424b5f;display:block;text-decoration:none}#page-nav a:hover{color:#00c6ff}#page-nav .page-nav-title:only-child{display:none}@media only screen and (min-width:1200px){.post.type-docs .post-content,.post.type-docs .post-title{padding-left:8%;padding-right:7%}}@media only screen and (min-width:1200px){.docs-content{display:flex;padding-top:4em;width:100%}.post.type-docs{-ms-flex:1 1 auto;align-content:center}.docs-nav,.page-nav{-ms-flex-negative:0;margin-bottom:5.625em}.docs-nav .sticky,.page-nav .sticky{position:-webkit-sticky;position:sticky;top:1.875em}.docs-nav{width:8.5em}#page-nav{font-size:12px;margin:4em}#docs-nav-toggle{display:none}}@media only screen and (min-width:1091px){#page-nav{display:block}}@media only screen and (max-width:800px){.docs-nav{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;margin-bottom:5%;padding:1em}.docs-nav-menu{display:none}.docs-menu--opened .docs-nav-menu{display:block}.docs-menu--opened .docs-nav-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#docs-menu{border-top:1px solid #dde0e7;margin-top:1.25em;padding-top:1.25em}}.block{padding-top:3.75em}.block:not(.block-hero){background:#f8f8fa}.block:last-child{padding-bottom:3.75em}.block-header,.block-image{margin-bottom:1.5em}.block-title{margin:0}.block-subtitle{color:#67758d;line-height:1.5;margin-bottom:0}.block-subtitle:not(:first-child){margin-top:.5em}.block-buttons,.grid-item-buttons{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:.9375em}.block-buttons a,.grid-item-buttons a{font-weight:700;text-decoration:none}.block-buttons{justify-content:center}.block-buttons a{margin:0 .375em .75em}.grid-item-buttons a{margin:0 .75em .75em 0}.has-gradient .block-subtitle{color:inherit}.block-hero .block-buttons:not(:first-child),.block-text .block-buttons:not(:first-child){margin-top:1.875em}.block-text .grid-item{max-width:680px;text-align:center}.block-text .block-title{font-size:1.875em}@media only screen and (min-width:641px){.block-text .block-content{font-size:1.125em}.block-text .block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-text .grid-item:not(:only-child){flex:0 0 50%;max-width:50%}.block-body:not(:only-child){text-align:left}.block-body:not(:only-child) .block-buttons{justify-content:flex-start}.block-body:not(:only-child) .block-buttons a{margin-left:0;margin-right:.75em}}@media only screen and (min-width:1001px){.block-image:not(:only-child){padding-right:2.5em}.grid-swap .block-image:not(:only-child){padding-left:2.5em;padding-right:.9375em}}.block-cta .has-gradient{border-radius:5px;margin-bottom:1.875em;padding:3.75em 3vw 1.875em}.block-cta .block-header{max-width:680px;text-align:center}.block-cta .block-title{font-size:1.875em}.block-cta .block-subtitle{font-size:1.125em}@media only screen and (min-width:641px){.block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-cta .has-gradient{padding-left:7%;padding-right:7%}.block-cta .block-header{flex:0 0 66.666%;max-width:66.666%;text-align:left}.block-cta .block-buttons{flex:0 0 33.333%;margin-top:0;max-width:33.333%}}.block-hero+.block-grid:not(.has-header){background:0;padding-top:0}.block-grid .block-header{margin-bottom:2em;text-align:center}.block-grid .block-title{font-size:1.875em}.block-grid .grid-item{display:flex;flex-direction:column;margin-bottom:1.875em}.grid-item-inside{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;flex-grow:1;padding-bottom:.75em}.grid-item-image{display:block;width:100%}.grid-item-image,.grid-item-image img{border-radius:3px 3px 0 0}.grid-item-title{font-size:1.5em;margin:1em 0 .5em;padding-left:1em;padding-right:1em}.grid-item-title:first-child{margin-top:1.25em}.grid-item-title a{color:inherit!important;text-decoration:none}.grid-item-buttons,.grid-item-content{padding-left:1.5em;padding-right:1.5em}.grid-item-content{margin-bottom:1.25em}.grid-item-buttons a:not(.button):after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}@media only screen and (max-width:1000px){.block-grid .grid-item{margin-bottom:4vw}}.block-hero{padding-bottom:7.5em;position:relative;text-align:center}.block-hero .block-header{margin-bottom:.75em}.block-hero .block-title{font-size:2.25em}.block-hero .block-content{font-size:1.125em;line-height:1.5}.block-hero+.block{margin-top:-5em;position:relative}@media only screen and (min-width:641px){.block-hero .block-title{font-size:3em}.block-hero .block-content{font-size:1.25em}.block-hero .block-buttons a{font-size:1em}}.site-footer{background-color:#000;background-image:url(https://i.imgur.com/CEYEZp8.jpeg);padding-bottom:7.5em;padding-top:8.5em;color:#fff!important;border:4px solid #000}#colophon a:not(.button){color:inherit}#colophon a:not(.button):focus,#colophon a:not(.button):hover{color:#00c6ff}.site-info,.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;font-size:.675em;line-height:1.2}.site-info .button:not(.button-icon),.social-links .button:not(.button-icon){font-size:inherit;line-height:1.2;padding:.3em 1em}.site-info{margin:.25em 0 0;text-align:center}.site-info .copyright,.site-info>a{margin:0 4px .2em 0}.social-links{margin-top:.5375em}.social-links a{margin:0 50px .2em}.social-links .icon{font-size:20px;color:#000;background-color:#000}@media only screen and (min-width:641px){.site-footer-inside{align-items:flex-start;display:flex}.site-info{text-align:left}.site-info,.social-links{justify-content:flex-start}.social-links{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;margin-top:0}.social-links a{margin-left:20px;margin-right:0}}.palette-green a:not(.button){color:#20c86e}.palette-green a:not(.button):hover{color:#424b5f}.palette-green blockquote{border-color:#20c86e}.palette-green .button,.palette-green .line-left:after{background:#20c86e}.palette-green .has-gradient{background:#20c86e;background:linear-gradient(90deg,#1ba65b,#20c86e)}.palette-green #colophon a:not(.button):hover,.palette-green #docs-menu .current,.palette-green #docs-menu .current-parent,.palette-green #docs-menu a:hover,.palette-green #masthead a:not(.button):hover,.palette-green #page-nav a:hover,.palette-green #page-nav li.active>a,.palette-green .button-icon:active,.palette-green .button-icon:focus,.palette-green .button-icon:hover,.palette-green .button-secondary,.palette-green .has-gradient .button:not(.button-secondary),.palette-green .menu-item.current,.palette-green .post.type-docs .hash-link:focus,.palette-green .post.type-docs .hash-link:hover{color:#20c86e}.palette-green #docs-section-items .docs-item-link:hover{border-color:#20c86e;color:#20c86e}.palette-navy a:not(.button){color:#004e92}.palette-navy a:not(.button):hover{color:#424b5f}.palette-navy blockquote{border-color:#004e92}.palette-navy .button,.palette-navy .line-left:after{background:#004e92}.palette-navy .has-gradient{background:#004e92;background:linear-gradient(90deg,#000428,#004e92)}.palette-navy #colophon a:not(.button):hover,.palette-navy #docs-menu .current,.palette-navy #docs-menu .current-parent,.palette-navy #docs-menu a:hover,.palette-navy #masthead a:not(.button):hover,.palette-navy #page-nav a:hover,.palette-navy #page-nav li.active>a,.palette-navy .button-icon:active,.palette-navy .button-icon:focus,.palette-navy .button-icon:hover,.palette-navy .button-secondary,.palette-navy .has-gradient .button:not(.button-secondary),.palette-navy .menu-item.current,.palette-navy .post.type-docs .hash-link:focus,.palette-navy .post.type-docs .hash-link:hover{color:#004e92}.palette-navy #docs-section-items .docs-item-link:hover{border-color:#004e92;color:#004e92}.palette-violet a:not(.button){color:#8e2de2}.palette-violet a:not(.button):hover{color:#424b5f}.palette-violet blockquote{border-color:#8e2de2}.palette-violet .button,.palette-violet .line-left:after{background:#8e2de2}.palette-violet .has-gradient{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2)}.palette-violet #colophon a:not(.button):hover,.palette-violet #docs-menu .current,.palette-violet #docs-menu .current-parent,.palette-violet #docs-menu a:hover,.palette-violet #masthead a:not(.button):hover,.palette-violet #page-nav a:hover,.palette-violet #page-nav li.active>a,.palette-violet .button-icon:active,.palette-violet .button-icon:focus,.palette-violet .button-icon:hover,.palette-violet .button-secondary,.palette-violet .has-gradient .button:not(.button-secondary),.palette-violet .menu-item.current,.palette-violet .post.type-docs .hash-link:focus,.palette-violet .post.type-docs .hash-link:hover{color:#8e2de2}.palette-violet #docs-section-items .docs-item-link:hover{border-color:#8e2de2;color:#8e2de2}</style><meta name="generator" content="Gatsby 2.25.4"/><title data-react-helmet="true">Gatsby Plugins For This Sites Content Model</title><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet"/><link data-react-helmet="true" rel="icon" href="../../../images/favicon-750d4390.png"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"/><meta data-react-helmet="true" name="description" content="This is the Gatsby Plugins For This Sites Content Model page"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:title" content="Gatsby Plugins For This Sites Content Model"/><meta data-react-helmet="true" property="og:description" content="This is the Gatsby Plugins For This Sites Content Model page"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" name="twitter:title" content="Gatsby Plugins For This Sites Content Model"/><meta data-react-helmet="true" name="twitter:description" content="This is the Gatsby Plugins For This Sites Content Model page"/><link as="script" rel="preload" href="./../../webpack-runtime-e0d945bfc04076092229.js"/><link as="script" rel="preload" href="./../../framework-e132d18971612bcf60f3.js"/><link as="script" rel="preload" href="./../../dc6a8720040df98778fe970bf6c000a41750d3ae-8ef9d1d2adaff6ba0f59.js"/><link as="script" rel="preload" href="./../../app-10180cc44b3853f61402.js"/><link as="script" rel="preload" href="./../../styles-7d4153d260c0197f0043.js"/><link as="script" rel="preload" href="./../../29107295-e9457ed2135dcbbf6ce8.js"/><link as="script" rel="preload" href="./../../commons-5965a56c7b6ef2e118ee.js"/><link as="script" rel="preload" href="./../../component---src-templates-docs-js-731339ed0815d7cada90.js"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/docs/faq/plug-ins/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/app-data.json" crossorigin="anonymous"/><script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'../../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5S5XXNR');</script>
+<!-- End Google Tag Manager -->
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S5XXNR"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+<meta name="google-site-verification" content="W6SJ3S45yhnjzV6ISUMCTXl_QVX5woQZ7jO3bsahONQ" />
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-4W5MG3DG4T"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-4W5MG3DG4T');
+</script>
+
+<script data-ad-client="ca-pub-7131725540181116" async src="../../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script><style>blockquote,
+body,
+dd,
+dl,
+figcaption,
+figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+li,
+ol[class],
+p,
+ul[class] {
+  margin: 0
+}
+
+body {
+  min-height: 110vh;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
+  line-height: 1.6
+}
+
+
+
+
+
+article>*+* {
+  margin-top: 1em
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit
+}
+
+@media(prefers-reduced-motion:reduce) {
+  * {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+    scroll-behavior: auto !important
+  }
+}
+
+html {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: arial, x-locale-body, sans-serif;
+  letter-spacing: -.0027777778rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 100%;
+  line-height: 1.75
+}
+
+img {
+  height: auto
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.0beac26b.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.72026b3c.woff) format("woff")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.ce3a756d.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.7e4c05c9.woff) format("woff")
+}
+
+h1,
+h2,
+h3 {
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  line-height: 1.2
+}
+
+h1 {
+  font-size: 1.802rem
+}
+
+@media (min-width:47.9385em) {
+  h1 {
+    font-size: 3.052rem
+  }
+}
+
+h2 {
+  font-size: 1.602rem
+}
+
+@media (min-width:47.9385em) {
+  h2 {
+    font-size: 2.441rem
+  }
+}
+
+h3 {
+  font-size: 1.424rem;
+
+
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  max-width: -webkit-max-content;
+  max-width: -moz-max-content;
+  max-width: max-content;
+  padding: 0 6px;
+  margin: 24px 0
+}
+
+@media (min-width:47.9385em) {
+  h3 {
+    font-size: 1.953rem
+  }
+}
+
+h4 {
+  font-size: 1.266rem
+}
+
+@media (min-width:47.9385em) {
+  h4 {
+    font-size: 1.563rem
+  }
+}
+
+h5 {
+  font-size: 1.125rem
+}
+
+@media (min-width:47.9385em) {
+  h5 {
+    font-size: 1.25rem
+  }
+}
+
+p {
+  margin-bottom: 24px
+}
+
+a:link,
+a:visited {
+
+  text-decoration: none
+}
+
+a:link:active,
+a:link:focus,
+a:link:hover,
+a:visited:active,
+a:visited:focus,
+a:visited:hover {
+  text-decoration: underline
+}
+
+blockquote {
+  max-width: 45rem;
+  max-width: 85ch;
+  font-size: 1.125rem;
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  margin-bottom: 24px
+}
+
+@media (min-width:47.9385em) {
+  blockquote {
+    font-size: 1.25rem
+  }
+}
+
+blockquote:after,
+blockquote:before {
+  background-image: linear-gradient(90deg, #00356a, #83d0f2);
+  content: "";
+  display: block;
+  height: 5px;
+  margin-bottom: 12px
+}
+
+blockquote:after {
+  margin-top: 12px
+}
+
+blockquote p:last-of-type {
+  margin-bottom: 0
+}
+
+a {
+
+  text-decoration: none
+}
+
+a:focus,
+a:hover {
+  text-decoration: underline
+}
+
+a code {
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none
+}
+
+
+dl dt {
+  font-weight: 700
+}
+
+dl dd {
+  margin: 0 24px 24px
+}
+
+
+
+</style><meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU" />
+<meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="apple-touch-icon" href="logo-circle.html">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="Content-Type" content="HTML">
+  <meta name="Author" content="Bryan Guner">
+  <meta name="keywords" content="HTML, Meta Tags, Metadata">
+  <meta name="description" content="Learning about Web Development.">
+  <link type="image/x-icon" href="favicon.html" rel="shortcut icon">
+  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@bgoonz">
+  <meta name="twitter:creator" content="@bgoonz">
+  <meta name="twitter:image:src" content="/logo-circle.png">
+  <meta name="twitter:title" content="Web Development Resource Hub Bryan Guner">
+  <meta name="twitter:description" content="The new home of my blog resource sharing website.">
+<meta property="twitter:card" content="summary_large_image">
+  <link
+    href="../../../../instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png"
+    rel="apple-touch-icon">
+  <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet">
+<meta property="og:image" content="https://mugshotbot.com/m/DROicc16"><script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","../../../../chimpstatic.com/mcjs-connected/js/users/a41d8352dc1deaf4533662699/28d2370bb66d456a5d6411971.js");</script><script src="../../../../cdn.jsdelivr.net/npm/%40popperjs/core%402.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
+<script src="../../../../cdn.jsdelivr.net/npm/bootstrap%405.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script><!-- Insert makerbadge.js (download or use ☁️cloud version) -->
+
+<script type="text/javascript" src="../../../../makerbadge.s3.amazonaws.com/blmbadge.js"></script>
+
+<!-- Initialise MakerBadge with options -->
+
+<script>
+  BLMBadge.init({
+       layout:1,
+       theme:'dark',
+       promoText : 'Send a donation '+String.fromCodePoint(0x2192),
+       promoLink : 'https://minnesotafreedomfund.org/',
+       message : 'To be silent is to be complicit. Black lives matter.',
+       title : '#BlackLivesMatter',
+       imageAlt: "Black Lives Matter Badge"
+})
+</script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script>
+
+
+<script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>"use strict";
+
+!function() {
+    var t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYxZTQzZmFlY2I2NjkwNWMyZGJkMGVmZCIsInRva2VuVHlwZSI6InB1YmxpYyIsImlhdCI6MTY0MjM0ODUyNiwiZXhwIjoxNDI1Njc0ODUyNn0.VD7Lxgh5cWuOzOhV9KH51TZVdPVXvsIJgRUx-oacfVM";
+    function e() {
+        var e = document.createElement("script"), a = navigator.language || navigator.userLanguage;
+        e.type = "text/javascript", e.async = !0, e.src = "https://api.searchbar.org/v1/widget/" + t + "/" + a;
+        var n = document.getElementsByTagName("script")[0];
+        n.parentNode.insertBefore(e, n);
+    }
+    "complete" === document.readyState ? e() : window.attachEvent ? window.attachEvent("onload", e) : window.addEventListener("load", e, !1);
+}();</script><style>
+		@font-face {
+            font-family: font-sb;
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784);
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');
+            font-weight: 400;
+            font-style: normal
+        }
+
+        #sb-search-example p {
+            font-family: sans-serif;
+            font-size: 18px;
+            line-height: 12px;
+	        margin: 0;
+        }
+
+        #sb-search-example {
+            position: static;
+            bottom: 0;
+            width: auto;
+            place-content: center;
+            display: inline-block;
+            box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);
+            border: solid 5px white;
+            border-radius: 100px;
+            flex-shrink: initial;
+            flex-grow: initial;
+        }
+
+
+        #sb-search-example .sb-icon {
+            font: normal normal 400 26px font-sb;
+            align-items: center;
+            padding: 10px;
+            speak: none;
+            display: inline-block;
+            text-decoration: inherit;
+            text-align: center;
+            text-transform: none;
+            cursor: pointer;
+            margin: 0;
+        }
+
+        #sb-search-example .sb-search-icon {
+            box-sizing: border-box;
+            border: 0px;
+            align-items: center;
+            background: #007cff;
+            color: #fff;
+            cursor: pointer;
+            display: flex;
+            border-radius: 26px;
+            padding: 0 20px 0 4px;
+        }
+	</style><script src="../../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><style>
+#scrollBtn {
+  display: none;
+  position: fixed;
+  bottom: 140px;
+  right: 20px;
+  z-index: 99;
+  border: 1px black solid;
+  outline: none;
+  background-color: #044274;
+  color: white;
+  cursor: pointer;
+  padding: 5px;
+  border-radius: 28px;
+  font-size: 12px;
+}
+
+#scrollBtn:hover {
+  background-color: #ffffff;
+color:#000000;
+}
+
+</style><style>
+a {
+  text-decoration: none;
+  color: #007edf;
+  text-shadow: none;
+
+  transition: color 0.5s ease;
+  transition: text-shadow 0.5s ease;
+  -webkit-transition: color 0.5s ease;
+  -webkit-transition: text-shadow 0.5s ease;
+  -moz-transition: color 0.5s ease;
+  -moz-transition: text-shadow 0.5s ease;
+  -o-transition: color 0.5s ease;
+  -o-transition: text-shadow 0.5s ease;
+  -ms-transition: color 0.5s ease;
+  -ms-transition: text-shadow 0.5s ease;
+}
+a:hover, a:focus {text-decoration: underline;}
+
+footer a {
+  color: #F2F2F2;
+  text-decoration: underline;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+pre {
+  width: 100%;
+  padding: 10px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+  overflow: auto;
+}
+
+code {
+  padding: 3px;
+  margin: 0 3px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
+pre code {
+  display: block;
+  box-shadow: none;
+}
+
+blockquote {
+  color: #666;
+  margin-bottom: 20px;
+  padding: 0 0 0 20px;
+  border-left: 3px solid #bbb;
+}
+</style></head><body class="palette-navy"><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="page" class="site"><header id="masthead" class="site-header outer"><br/><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-logo"><a href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></p></div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item has-children menu-button"><a class="button" href="../../sitemap/index.html">Navigation</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Docs</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/showcase">Showcase</a></li><li class="menu-item menu-button"><a class="button" href="../contact/index.html">Contact!</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../python/python-ds/index.html">Python</a></li><li class="menu-item menu-button"><a class="button" href="../../javascript/index.html">JavaScript</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/">Blog</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz.blogspot.com/" target="_blank" rel="noopener " class="button">Blog-Post-Archive</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/platform-docs/">platform docs</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../../articles/nodejs/index.html">nodejs</a></li><li class="menu-item menu-button"><a href="https://blog-w-comments.vercel.app/" target="_blank" rel="noopener " class="button">Blog with Comments</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../interview/job-search-nav/index.html">Job Search</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/interview/job-boards">Job Boards</a></li><li class="menu-item"><a href="#">lorem-ipsum</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../tools/archive/index.html">Archive</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Learning-Assets" target="_blank" rel="noopener " class="button">Resource-Archive-Server</a></li><li class="menu-item menu-button"><a href="https://lambda-resources.netlify.app/" class="button">Bootcamp Resources</a></li><li class="menu-item menu-button"><a href="https://web-dev-resource-hub.netlify.app/" target="_blank" rel="noopener " class="button">OG-Blog</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Top Repos</a></li><li class="menu-item menu-button"><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener " class="button">MY_DOCS</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../../projects/index.html">Projects</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">Potluck Planner</a></li><li class="menu-item menu-button"><a href="https://meditate42app.netlify.app/" target="_blank" rel="noopener " class="button">Meditation App</a></li><li class="menu-item menu-button"><a href="https://search-awesome.vercel.app/" target="_blank" rel="noopener " class="button">SearchAwesome</a></li><li class="menu-item menu-button"><a href="https://bg-portfolio.netlify.app/" target="_blank" rel="noopener " class="button">Condensed -Portfolio</a></li><li class="menu-item menu-button"><a href="https://a.familypromiseservicetracker.dev/" target="_blank" rel="noopener " class="button">Family Promise Tracker</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering" class="button">DTW-Guitar-FX-Automation</a></li><li class="menu-item menu-button"><a href="https://friendly-panda-b61ab.netlify.app/" class="button">Embeds Blog</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">alt-blogs</a></li><li class="menu-item menu-button"><a href="https://bgoonz-games.netlify.app/" class="button">Games</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" target="_blank" rel="noopener " class="button">Blog Backup</a></li><li class="menu-item menu-button"><a href="https://bgoonz-cv.netlify.app/" class="button">Cover Letter</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Centric</a></li><li class="menu-item menu-button"><a href="https://web-dev-hub.com/" target="_blank" rel="noopener " class="button">Wordpress Blog</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Portfolio Gallery</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/github-stats-website/" class="button">github-stats-website</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../../tools/index.html">Tools</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://githtmlpreview.netlify.app/" target="_blank" rel="noopener " class="button">Github HTML Previewer</a></li><li class="menu-item menu-button"><a href="https://devtools42.netlify.app/" target="_blank" rel="noopener " class="button">Text Tools</a></li><li class="menu-item menu-button"><a href="https://ternary42.netlify.app/" target="_blank" rel="noopener " class="button">Ternary 2 If Else</a></li><li class="menu-item menu-button"><a href="https://determined-dijkstra-ee7390.netlify.app/" target="_blank" rel="noopener " class="button">Job Search Resources</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/web-dev-setup-checker" target="_blank" rel="noopener " class="button">Setup Checker</a></li><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">PotluckPlanner</a></li><li class="menu-item menu-button"><a href="https://web-dev-interview-prep-quiz-website.netlify.app/" class="button">WebDev Quizzes</a></li><li class="menu-item menu-button"><a href="https://github.com/search/advanced" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Github-Advanced-Search</span></a></li></ul></li></ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button></div></div><div><div id="sb-search-example"><div class="sb-search-icon" id="myCustomSearchButtonID"><i class="sb-icon"></i><p>Search</p></div></div><a class="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github"><svg aria-hidden="true" width="40" height="40" viewBox="0 0 250 250" style="z-index:100000;fill:black;color:#fff;position:fixed;top:0px;border:0;left:0px;transform:scale(-1.5, 1.5)"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="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="transform-origin:130px 106px"></path><path class="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><main id="content" class="site-content"><div class="inner outer"><div class="docs-content"><nav id="docs-nav" class="docs-nav"><div id="docs-nav-inside" class="docs-nav-inside sticky"><button id="docs-nav-toggle" class="docs-nav-toggle">Navigate Docs<span class="icon-angle-right" aria-hidden="true"></span></button><div class="docs-nav-menu"><ul id="docs-menu" class="docs-menu"><li class="docs-menu-item"><a href="../../index.html">Docs</a></li><li class="docs-menu-item has-children"><a href="../../about/index.html">About</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../about/README/index.html">readme</a></li><li class="docs-menu-item"><a href="../../about/eng-portfolio/index.html">Engineering Portfolio</a></li><li class="docs-menu-item"><a href="../../about/resume/index.html">Resume</a></li><li class="docs-menu-item"><a href="../../about/youtube/index.html">Youtube</a></li><li class="docs-menu-item"><a href="../../about/job-search/index.html">Job Search</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../articles/index.html">Articles</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../articles/how-the-web-works/index.html">How The Web Works</a></li><li class="docs-menu-item"><a href="../../articles/http/index.html">The HTTP Protocol</a></li><li class="docs-menu-item"><a href="../../articles/nextjs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../articles/node-cli-args/index.html">where-is-npm-pack</a></li><li class="docs-menu-item"><a href="../../articles/node-env-variables/index.html">Node Export Module</a></li><li class="docs-menu-item"><a href="../../articles/node-common-modules/index.html">Common Modules</a></li><li class="docs-menu-item"><a href="../../articles/node-repl/index.html">The-package-lock.json-file</a></li><li class="docs-menu-item"><a href="../../articles/node-js-language/index.html">packagejson</a></li><li class="docs-menu-item"><a href="../../articles/node-package-manager/index.html">Sorting Algorithms</a></li><li class="docs-menu-item"><a href="../../articles/node-run-cli/index.html">node-cli-args</a></li><li class="docs-menu-item"><a href="../../articles/npm/index.html">Introduction to npm</a></li><li class="docs-menu-item"><a href="../../articles/the-uniform-resource-locator-(url)/index.html">The Uniform Resource Locator (URL)</a></li><li class="docs-menu-item"><a href="../../articles/v8/index.html">npm global or local packages</a></li><li class="docs-menu-item"><a href="../../articles/semantic-html/index.html">Web Design</a></li><li class="docs-menu-item"><a href="../../articles/web-standards-checklist/index.html">Web Standards Checklist</a></li><li class="docs-menu-item"><a href="../../articles/understanding-firebase/index.html">Firebase</a></li><li class="docs-menu-item"><a href="../../articles/webdev-tools/index.html">Web Developer Tools</a></li><li class="docs-menu-item"><a href="../../articles/buffers/index.html">Node Buffers</a></li><li class="docs-menu-item"><a href="../../articles/dev-dep/index.html">Dev Dependencies</a></li><li class="docs-menu-item"><a href="../../articles/event-loop/index.html">The Node.js Event Loop</a></li><li class="docs-menu-item"><a href="../../articles/basic-web-dev/index.html">Web Dev Review</a></li><li class="docs-menu-item"><a href="../../articles/fs-module/index.html">Fs-Module</a></li><li class="docs-menu-item"><a href="../../articles/how-search-engines-work/index.html">The Anatomy of a Search Engine</a></li><li class="docs-menu-item"><a href="../../articles/install/index.html">Install</a></li><li class="docs-menu-item"><a href="../../articles/intro/index.html">Intro To Node</a></li><li class="docs-menu-item"><a href="../../articles/modules/index.html">Node Modules System</a></li><li class="docs-menu-item"><a href="../../articles/nodejs/index.html">Javascript and Node</a></li><li class="docs-menu-item"><a href="../../articles/npx/index.html">The npx Node.js Package Runner</a></li><li class="docs-menu-item"><a href="../../articles/nodevsbrowser/index.html">Node vs Browser</a></li><li class="docs-menu-item"><a href="../../articles/reading-files/index.html">Reading Files</a></li><li class="docs-menu-item"><a href="../../articles/os-module/index.html">OS-Module</a></li><li class="docs-menu-item"><a href="../../articles/semantic/index.html">Semantic Versioning</a></li><li class="docs-menu-item"><a href="../../articles/writing-files/index.html">Writing Files</a></li><li class="docs-menu-item"><a href="../../articles/node-api-express/index.html">Node APIs With Express</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../audio/index.html">Audio</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../audio/audio/index.html">Audio</a></li><li class="docs-menu-item"><a href="../../audio/discrete-fft/index.html">Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/audio-feature-extraction/index.html">Audio Feature Extraction</a></li><li class="docs-menu-item"><a href="../../audio/dfft/index.html">Discrete Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../../audio/dtw-python-explained/index.html">Dynamic Time Warping Algorithm Explained (Python)</a></li><li class="docs-menu-item"><a href="../../audio/dynamic-time-warping/index.html">dynamic-time-warping</a></li><li class="docs-menu-item"><a href="../../audio/web-audio-api/index.html">Web Apis</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../career/index.html">Career</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../career/dev-interview/index.html">Developer Interview Questions</a></li><li class="docs-menu-item"><a href="../../career/interview-dos-n-donts/index.html">Do &amp; Don&#x27;t of Interviewing!</a></li><li class="docs-menu-item"><a href="../../career/job-boards/index.html">Job Board</a></li><li class="docs-menu-item"><a href="../../career/wed-dev-questions/index.html">Javascript Practice</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../community/index.html">Community</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../community/an-open-letter-2-future-developers/index.html">New Developers</a></li><li class="docs-menu-item"><a href="../../community/video-chat/index.html">Video Chat</a></li><li class="docs-menu-item"><a href="../../community/github-profiles/index.html">Cool Github Profiles</a></li><li class="docs-menu-item"><a href="../../community/bookmarks/index.html">Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../content/index.html">Content</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../content/bash-intro/index.html">Tuning Command Line History in Bash - ShellHacks</a></li><li class="docs-menu-item"><a href="../../content/gatsby-Queries-Mutations/index.html">Queries and Mutations (Gatsby)</a></li><li class="docs-menu-item"><a href="../../content/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../content/github-api/index.html">All the Things You Can Do With GitHub API and Python</a></li><li class="docs-menu-item"><a href="../../content/history-api/index.html">History API</a></li><li class="docs-menu-item"><a href="../../content/trouble-shooting/index.html">Trouble Shooting</a></li><li class="docs-menu-item"><a href="../../content/netlify/index.html">Netlify Docs</a></li><li class="docs-menu-item"><a href="../../content/algo/index.html">Algorithms &amp; Data Structures</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../css/index.html">Css</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../css/css-positioning/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../data-structures/index.html">Data Structures</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../data-structures/data-structures-in-depth/index.html">Data Structures</a></li><li class="docs-menu-item"><a href="../../data-structures/big-o/index.html">Big-O Notation</a></li><li class="docs-menu-item"><a href="../../data-structures/ds-algo-interview/index.html">Data Structures Interview</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../docs/index.html">Docs</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../docs/appendix/index.html">Apendix</a></li><li class="docs-menu-item"><a href="../../docs/css/index.html">Learn Css</a></li><li class="docs-menu-item"><a href="../../docs/art-of-command-line/index.html">Command Line Basics</a></li><li class="docs-menu-item"><a href="../../docs/git-repos/index.html">Git Repo List</a></li><li class="docs-menu-item"><a href="../../docs/git-reference/index.html">Git Reference</a></li><li class="docs-menu-item"><a href="../../docs/data-structures-docs/index.html">Data Structures Docs</a></li><li class="docs-menu-item"><a href="../../docs/markdown/index.html">Markdown</a></li><li class="docs-menu-item"><a href="../../docs/jamstack/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../docs/regex-in-js/index.html">Regular Expressions</a></li><li class="docs-menu-item"><a href="../../docs/sitemap/index.html">Sitemap</a></li><li class="docs-menu-item"><a href="../../docs/es-6-features/index.html">ECMAScript 6</a></li><li class="docs-menu-item"><a href="../../docs/bash/index.html">Bash Commands That Save Me Time and Frustration</a></li><li class="docs-menu-item"><a href="../../docs/html-spec/index.html">HTML SPEC</a></li><li class="docs-menu-item"><a href="../../docs/no-whiteboarding/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../docs/node-docs-full/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../../docs/snippets/index.html">Useful Snippets</a></li><li class="docs-menu-item"><a href="../../docs/node-docs-complete/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../../docs/glossary/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children active"><a href="../index.html">FAQ</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item current"><a aria-current="page" class="" href="index.html">Plug-ins</a></li><li class="docs-menu-item"><a href="../contact/index.html">Contact!</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interact/index.html">Interactive</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interact/callstack-visual/index.html">Callstack Visualizer</a></li><li class="docs-menu-item"><a href="../../interact/clock/index.html">Clock</a></li><li class="docs-menu-item"><a href="../../interact/jupyter-notebooks/index.html">Jupyter Notebooks</a></li><li class="docs-menu-item"><a href="../../interact/other-sites/index.html">Other Websites</a></li><li class="docs-menu-item"><a href="../../interact/video-chat/index.html">Zumzi Video Conferencing (Mesibo API Backend)</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../javascript/index.html">Javascript</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../javascript/arrow-functions/index.html">JS Fat Arrow Functions</a></li><li class="docs-menu-item"><a href="../../javascript/asyncjs/index.html">Asynchronous-JS</a></li><li class="docs-menu-item"><a href="../../javascript/await-keyword/index.html">Await </a></li><li class="docs-menu-item"><a href="../../javascript/constructor-functions/index.html">Constructor Functions</a></li><li class="docs-menu-item"><a href="../../javascript/cs-basics-in-js/index.html">CS Basics</a></li><li class="docs-menu-item"><a href="../../javascript/for-loops/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../javascript/promises/index.html">Promises</a></li><li class="docs-menu-item"><a href="../../javascript/clean-code/index.html">Clean Code</a></li><li class="docs-menu-item"><a href="../../javascript/review/index.html">Javascript Concepts Review</a></li><li class="docs-menu-item"><a href="../../javascript/this-is-about-this/index.html">WhatisTHIS</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../interview/index.html">Interviewing</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../interview/job-search-nav/index.html">Job Search Navigation</a></li><li class="docs-menu-item"><a href="../../interview/review-concepts/index.html">Review Of Concepts</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../leetcode/index.html">Leetcode</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../leetcode/004._Median_of_Two_Sorted_Arrays/index.html">004._Median_of_Two_Sorted_Arrays</a></li><li class="docs-menu-item"><a href="../../leetcode/006._ZigZag_Conversion/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/008._String_to_Integer_(atoi)/index.html">008._String_to_Integer</a></li><li class="docs-menu-item"><a href="../../leetcode/009._Palindrome_Number/index.html">009._Palindrome_Number</a></li><li class="docs-menu-item"><a href="../../leetcode/011._Container_With_Most_Water/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/010._Regular_Expression_Matching/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/012._Integer_to_Roman/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/013._Roman_to_Integer/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/014._Longest_Common_Prefix/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/019._Remove_Nth_Node_From_End_of_List/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/020._Valid_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/022._Generate_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/029._Divide_Two_Integers/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/031._Next_Permutation/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/033._Search_in_Rotated_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../../leetcode/first-100/index.html">Leetcode</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../projects/index.html">Projects</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../projects/embeded-websites/index.html">Embeded Websites &amp; Projects</a></li><li class="docs-menu-item"><a href="../../projects/list-of-projects/index.html">List Of Projects</a></li><li class="docs-menu-item"><a href="../../projects/main-projects/index.html">RECENT PROJECTS</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects2/index.html">Mini Projects 2</a></li><li class="docs-menu-item"><a href="../../projects/mini-projects/index.html">Mini Projects</a></li><li class="docs-menu-item"><a href="../../projects/my-websites/index.html">My Sites</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../python/index.html">Python</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../python/examples/index.html">Practice</a></li><li class="docs-menu-item"><a href="../../python/flow-control/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/functions/index.html">Python Functions</a></li><li class="docs-menu-item"><a href="../../python/google-sheets-api/index.html">google-sheets-api</a></li><li class="docs-menu-item"><a href="../../python/install-python-ubuntu/index.html">How to install Python 2.7 on Ubuntu 20.04 LTS</a></li><li class="docs-menu-item"><a href="../../python/intro-for-js-devs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/python-ds/index.html">Python General Notes</a></li><li class="docs-menu-item"><a href="../../python/python-quiz/index.html">Python Quiz</a></li><li class="docs-menu-item"><a href="../../python/snippets/index.html">Python Snippets</a></li><li class="docs-menu-item"><a href="../../python/cheat-sheet/index.html">Python Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../python/comprehensive-guide/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../python/at-length/index.html">Python at length</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../quick-reference/index.html">QuickRef</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../quick-reference/all-emojis/index.html">All Emojis</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-bash/index.html">Git Bash</a></li><li class="docs-menu-item"><a href="../../quick-reference/git-tricks/index.html">Git Tricks</a></li><li class="docs-menu-item"><a href="../../quick-reference/google-firebase/index.html">Firebase (Firebasics)</a></li><li class="docs-menu-item"><a href="../../quick-reference/markdown-dropdowns/index.html">Markdown Dropdown</a></li><li class="docs-menu-item"><a href="../../quick-reference/installation/index.html">Installation</a></li><li class="docs-menu-item"><a href="../../quick-reference/minifiction/index.html">How To Minify Code For Better Web Performance </a></li><li class="docs-menu-item"><a href="../../quick-reference/new-repo-instructions/index.html">new-repo-git</a></li><li class="docs-menu-item"><a href="../../quick-reference/pull-request-rubric/index.html">Pull Request Template</a></li><li class="docs-menu-item"><a href="../../quick-reference/quick-links/index.html">Quick Links</a></li><li class="docs-menu-item"><a href="../../quick-reference/heroku-error-codes/index.html">Heroku Error Codes</a></li><li class="docs-menu-item"><a href="../../quick-reference/topRepos/index.html">Top Repos</a></li><li class="docs-menu-item"><a href="../../quick-reference/psql-setup/index.html">PostgreSQL Setup</a></li><li class="docs-menu-item"><a href="../../quick-reference/understanding-path/index.html">Understanding PATH</a></li><li class="docs-menu-item"><a href="../../quick-reference/Emmet/index.html">Emmet Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../quick-reference/create-react-app/index.html">Getting Started W Create React App</a></li><li class="docs-menu-item"><a href="../../quick-reference/vscode-themes/index.html">vscode-themes</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../react/index.html">React</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../react/ajax-n-apis/index.html">AJAX and APIs</a></li><li class="docs-menu-item"><a href="../../react/createReactApp/index.html">npx-create-react-app</a></li><li class="docs-menu-item"><a href="../../react/cheatsheet/index.html">React Cheat Sheets:</a></li><li class="docs-menu-item"><a href="../../react/demo/index.html">React Class Components Demo</a></li><li class="docs-menu-item"><a href="../../react/jsx/index.html">Introducing JSX</a></li><li class="docs-menu-item"><a href="../../react/dont-use-index-as-keys/index.html">Index as a key is an anti-pattern</a></li><li class="docs-menu-item"><a href="../../react/react-w-api/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../react/quiz/index.html">React Quiz Questions</a></li><li class="docs-menu-item"><a href="../../react/react-patterns-by-usecase/index.html">React Patterns &amp; Use Cases</a></li><li class="docs-menu-item"><a href="../../react/render-elements/index.html">Rendering Elements With React</a></li><li class="docs-menu-item"><a href="../../react/react-docs/index.html">React Docs</a></li><li class="docs-menu-item"><a href="../../react/react2/index.html">Intro To React</a></li><li class="docs-menu-item"><a href="../../react/react-in-depth/index.html">React In Depth</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../reference/index.html">Reference</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../reference/awesome-static/index.html">Awesome Static Site Resources</a></li><li class="docs-menu-item"><a href="../../reference/embed-the-web/index.html">Embed The Web</a></li><li class="docs-menu-item"><a href="../../reference/google-cloud/index.html">Google Cloud</a></li><li class="docs-menu-item"><a href="../../reference/bash-commands/index.html">Bash-Commands</a></li><li class="docs-menu-item"><a href="../../reference/how-to-kill-a-process/index.html">Kill a Process in Linux</a></li><li class="docs-menu-item"><a href="../../reference/how-2-reinstall-npm/index.html">How To Reinstall NPM and Node.js On Your System</a></li><li class="docs-menu-item"><a href="../../reference/installing-node/index.html">Installing Node</a></li><li class="docs-menu-item"><a href="../../reference/intro-to-nodejs/index.html">Intro To NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/notes-template/index.html">Notes Template</a></li><li class="docs-menu-item"><a href="../../reference/markdown-styleguide/index.html">Markdown Lint Styleguide</a></li><li class="docs-menu-item"><a href="../../reference/psql/index.html">Postgresql Cheat Sheet</a></li><li class="docs-menu-item"><a href="../../reference/vscode/index.html">vscode</a></li><li class="docs-menu-item"><a href="../../reference/resources/index.html">Developer Resources</a></li><li class="docs-menu-item"><a href="../../reference/awesome-nodejs/index.html">Awesome NodeJS</a></li><li class="docs-menu-item"><a href="../../reference/github-search/index.html">Github Search</a></li><li class="docs-menu-item"><a href="../../reference/awesome-lists/index.html">Awesome Lists</a></li><li class="docs-menu-item"><a href="../../reference/web-api%27s/index.html">Web Apis</a></li><li class="docs-menu-item"><a href="../../reference/bookmarks/index.html">Web Dev Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tools/index.html">Tools</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tools/dev-utilities/index.html">General Utilities</a></li><li class="docs-menu-item"><a href="../../tools/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../../tools/markdown-html/index.html">md and html</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tips/index.html">Tips</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tips/array-methods/index.html">Tips</a></li><li class="docs-menu-item"><a href="../../tips/insert-into-array/index.html">Insert Into Array</a></li><li class="docs-menu-item"><a href="../../tips/sorting-strings/index.html">Sorting Strings</a></li><li class="docs-menu-item"><a href="../../tips/regex-tips/index.html">Regex Tricks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../../tutorials/index.html">Tutorials</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../../tutorials/how-to-use-google-sheets-as-cms/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../../tutorials/enviorment-setup/index.html">Basic Bash Proficiency</a></li></ul></li></ul></div></div></nav><article class="post type-docs"><div class="post-inside"><header class="post-header"><h1 class="post-title line-left">Plug-ins</h1></header><div class="post-content"><div class="note"><strong>Note:</strong> These are the gatsby plugins that power the file system of this website! <strong>See more in the Docs</strong> section.
+</div><h3>Code:</h3><blockquote><p>Gatsby Source File System</p></blockquote><pre><code>js
+const path = require(&#x27;path&#x27;);
+const fs = require(&#x27;fs&#x27;);
+const { createFilePath } = require(&#x27;gatsby-source-filesystem&#x27;);
+const _ = require(&#x27;lodash&#x27;);
+
+function findFileNode({ node, getNode }) {
+    let fileNode = node;
+    let ids = [fileNode.id];
+
+    while (fileNode &amp;&amp; fileNode.internal.type !== `File` &amp;&amp; fileNode.parent) {
+        fileNode = getNode(fileNode.parent);
+
+        if (!fileNode) {
+            break;
+        }
+
+        if (_.includes(ids, fileNode.id)) {
+            console.log(`found cyclic reference between nodes`);
+            break;
+        }
+
+        ids.push(fileNode.id);
+    }
+
+    if (!fileNode || fileNode.internal.type !== `File`) {
+        console.log(&#x27;did not find ancestor File node&#x27;);
+        return null;
+    }
+
+    return fileNode;
+}
+
+exports.onCreateNode = ({ node, getNode, actions }, options) =&gt; {
+    const { createNodeField } = actions;
+
+    if (node.internal.type === &#x27;MarkdownRemark&#x27;) {
+        let fileNode = findFileNode({ node, getNode });
+        if (!fileNode) {
+            throw new Error(&#x27;could not find parent File node for MarkdownRemark node: &#x27; + node);
+        }
+
+        let url;
+        if (node.frontmatter.url) {
+            url = node.frontmatter.url;
+        } else if (_.get(options, &#x27;uglyUrls&#x27;, false)) {
+            url = path.join(fileNode.relativeDirectory, fileNode.name + &#x27;.html&#x27;);
+        } else {
+            url = createFilePath({ node, getNode });
+        }
+
+        createNodeField({ node, name: &#x27;url&#x27;, value: url });
+        createNodeField({
+            node,
+            name: &#x27;absolutePath&#x27;,
+            value: fileNode.absolutePath
+        });
+        createNodeField({
+            node,
+            name: &#x27;relativePath&#x27;,
+            value: fileNode.relativePath
+        });
+        createNodeField({ node, name: &#x27;absoluteDir&#x27;, value: fileNode.dir });
+        createNodeField({
+            node,
+            name: &#x27;relativeDir&#x27;,
+            value: fileNode.relativeDirectory
+        });
+        createNodeField({ node, name: &#x27;base&#x27;, value: fileNode.base });
+        createNodeField({ node, name: &#x27;ext&#x27;, value: fileNode.ext });
+        createNodeField({ node, name: &#x27;name&#x27;, value: fileNode.name });
+    }
+};
+
+exports.createPages = ({ graphql, getNode, actions, getNodesByType }) =&gt; {
+    const { createPage, deletePage } = actions;
+
+    // Use GraphQL to bring only the &quot;id&quot; and &quot;html&quot; (added by gatsby-transformer-remark)
+    // properties of the MarkdownRemark nodes. Don&#x27;t bring additional fields
+    // such as &quot;relativePath&quot;. Otherwise, Gatsby&#x27;s GraphQL resolvers might infer
+    // types these fields as File and change their structure. For example, the
+    // &quot;html&quot; attribute exists only on a GraphQL node, but does not exist on the
+    // underlying node.
+    return graphql(`
+        {
+            allMarkdownRemark {
+                edges {
+                    node {
+                        id
+                        html
+                    }
+                }
+            }
+        }
+    `).then((result) =&gt; {
+        if (result.errors) {
+            return Promise.reject(result.errors);
+        }
+
+        const nodes = result.data.allMarkdownRemark.edges.map(({ node }) =&gt; node);
+        const siteNode = getNode(&#x27;Site&#x27;);
+        const siteDataNode = getNode(&#x27;SiteData&#x27;);
+        const sitePageNodes = getNodesByType(&#x27;SitePage&#x27;);
+        const sitePageNodesByPath = _.keyBy(sitePageNodes, &#x27;path&#x27;);
+        const siteData = _.get(siteDataNode, &#x27;data&#x27;, {});
+
+        const pages = nodes.map((graphQLNode) =&gt; {
+            // Use the node id to get the underlying node. It is not exactly the
+            // same node returned by GraphQL, because GraphQL resolvers might
+            // transform node fields.
+            const node = getNode(graphQLNode.id);
+            return {
+                url: node.fields.url,
+                relativePath: node.fields.relativePath,
+                relativeDir: node.fields.relativeDir,
+                base: node.fields.base,
+                name: node.fields.name,
+                frontmatter: node.frontmatter,
+                html: graphQLNode.html
+            };
+        });
+
+        nodes.forEach((graphQLNode) =&gt; {
+            const node = getNode(graphQLNode.id);
+            const url = node.fields.url;
+
+            const template = node.frontmatter.template;
+            if (!template) {
+                console.error(`Error: undefined template for ${url}`);
+                return;
+            }
+
+            const component = path.resolve(`./src/templates/${template}.js`);
+            if (!fs.existsSync(component)) {
+                console.error(`Error: component &quot;src/templates/${template}.js&quot; missing for ${url}`);
+                return;
+            }
+
+            const existingPageNode = _.get(sitePageNodesByPath, url);
+
+            const page = {
+                path: url,
+                component: component,
+                context: {
+                    url: url,
+                    relativePath: node.fields.relativePath,
+                    relativeDir: node.fields.relativeDir,
+                    base: node.fields.base,
+                    name: node.fields.name,
+                    frontmatter: node.frontmatter,
+                    html: graphQLNode.html,
+                    pages: pages,
+                    site: {
+                        siteMetadata: _.get(siteData, &#x27;site-metadata&#x27;, {}),
+                        pathPrefix: siteNode.pathPrefix,
+                        data: _.omit(siteData, &#x27;site-metadata&#x27;)
+                    }
+                }
+            };
+
+            if (existingPageNode &amp;&amp; !_.get(page, &#x27;context.menus&#x27;)) {
+                page.context.menus = _.get(existingPageNode, &#x27;context.menus&#x27;);
+            }
+
+            createPage(page);
+        });
+    });
+};
+
+```
+&lt;/pre&gt;
+</code></pre><h5>Gatsby Source Data</h5><pre><code>&lt;pre&gt;
+```javascript
+</code></pre><pre><code class="language-javascript">const path = require(&#x27;path&#x27;);
+const yaml = require(&#x27;js-yaml&#x27;);
+const fse = require(&#x27;fs-extra&#x27;);
+const chokidar = require(&#x27;chokidar&#x27;);
+const _ = require(&#x27;lodash&#x27;);
+
+const metadataFileName = &#x27;site-metadata.json&#x27;;
+
+const parsers = {
+    yaml: (data) =&gt; yaml.safeLoad(data, { schema: yaml.JSON_SCHEMA }),
+    json: (data) =&gt; JSON.parse(data)
+};
+
+const supportedExtensions = {
+    yaml: parsers.yaml,
+    yml: parsers.yaml,
+    json: parsers.json
+};
+
+exports.sourceNodes = (props, pluginOptions = {}) =&gt; {
+    const createContentDigest = props.createContentDigest;
+    const { createNode } = props.actions;
+    const reporter = props.reporter;
+
+    if (!_.get(pluginOptions, &#x27;path&#x27;)) {
+        pluginOptions.path = &#x27;src/data&#x27;;
+    }
+
+    if (!path.isAbsolute(pluginOptions.path)) {
+        pluginOptions.path = path.resolve(process.cwd(), pluginOptions.path);
+    }
+
+    reporter.info(`[gatsby-source-data] setup file watcher and create site data`);
+
+    const dataPath = pluginOptions.path;
+    const createSiteDataFromFilesPartial = _.partial(createSiteDataFromFiles, {
+        dataPath,
+        createNode,
+        createContentDigest,
+        reporter
+    });
+    const watcher = chokidar.watch([dataPath, metadataFileName], {
+        cwd: &#x27;.&#x27;,
+        ignoreInitial: true
+    });
+    watcher.on(&#x27;add&#x27;, createSiteDataFromFilesPartial);
+    watcher.on(&#x27;change&#x27;, createSiteDataFromFilesPartial);
+    watcher.on(&#x27;unlink&#x27;, createSiteDataFromFilesPartial);
+
+    return createSiteDataFromFiles({ dataPath, createNode, createContentDigest, reporter }, null);
+};
+
+async function createSiteDataFromFiles({ dataPath, createNode, createContentDigest, reporter }, changedFile) {
+    reporter.info(`[gatsby-source-data] create site data from files, updated path: ${changedFile}`);
+    let dataFiles = [];
+
+    const dataPathExists = await fse.pathExists(dataPath);
+    if (dataPathExists) {
+        dataFiles = await readDirRecursively(dataPath);
+    }
+
+    const metadataPath = path.resolve(metadataFileName);
+    const metadataExists = await fse.pathExists(metadataPath);
+    if (metadataExists) {
+        dataFiles.push(metadataFileName);
+    }
+
+    const sortedDataFiles = dataFiles.slice().sort();
+    const data = await convertDataFilesToJSON(sortedDataFiles, dataPath, reporter);
+
+    createNode({
+        id: &#x27;SiteData&#x27;,
+        parent: null,
+        children: [],
+        data: data,
+        internal: {
+            type: &#x27;SiteData&#x27;,
+            contentDigest: createContentDigest(JSON.stringify(data)),
+            description: `Site data from ${path.relative(process.cwd(), dataPath)}`
+        }
+    });
+}
+
+async function readDirRecursively(dir, options) {
+    const rootDir = _.get(options, &#x27;rootDir&#x27;, dir);
+    const files = await fse.readdir(dir);
+    const promises = _.map(files, async (file) =&gt; {
+        const filePath = path.join(dir, file);
+        const stats = await fse.stat(filePath);
+        if (stats.isDirectory()) {
+            return readDirRecursively(filePath, { rootDir });
+        } else if (stats.isFile()) {
+            return path.relative(rootDir, filePath);
+        } else {
+            return null;
+        }
+    });
+    const recFiles = await Promise.all(promises);
+    return _.chain(recFiles).compact().flatten().value();
+}
+
+function convertDataFilesToJSON(dataFiles, dataDirPath, reporter) {
+    let promises = _.map(dataFiles, (filePath) =&gt; {
+        const pathObject = path.parse(filePath);
+        const absFilePath = pathObject.base === metadataFileName ? metadataFileName : path.join(dataDirPath, filePath);
+        const relPath = pathObject.base === metadataFileName ? metadataFileName : filePath;
+        const relDir = pathObject.base === metadataFileName ? &#x27;&#x27; : pathObject.dir;
+        const ext = pathObject.ext.substring(1);
+        if (!_.has(supportedExtensions, ext)) {
+            return null;
+        }
+        return fse.readFile(absFilePath).then((data) =&gt; {
+            const propPath = _.compact(relDir.split(path.sep).concat(pathObject.name));
+            const res = {};
+            try {
+                const parsedData = supportedExtensions[ext](data);
+                _.set(res, propPath, parsedData);
+            } catch (err) {
+                reporter.warn(`[gatsby-source-data] could not parse file: ${relPath}`);
+            }
+            return res;
+        });
+    });
+    return Promise.all(promises).then((results) =&gt; {
+        return _.reduce(results, (data, res) =&gt; _.merge(data, res), {});
+    });
+}
+</code></pre><pre><code class="language-javascript">&lt;/pre&gt;
+</code></pre></div></div></article><nav id="page-nav" class="page-nav"><div id="page-nav-inside" class="page-nav-inside sticky"><h2 class="page-nav-title">Jump to Section</h2><div id="page-nav-link-container"></div></div></nav></div><div id="disqus_thread"></div><div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&amp;g=1&amp;e=1"></div></div></main><footer id="colophon" class="site-footer outer"><div><center><br/><div id="search"> <!-- --> </div><br/><table cellPadding="0" cellSpacing="0" border="0"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><center><table width="95%" cellPadding="0" cellSpacing="0" border="0" style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="left"><a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">index</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="center"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0">sitemap</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="right"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;pid=a">advanced</a></td></tr></tbody></table></center><form style="margin:0px;margin-top:2px" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self"><input type="hidden" name="si" value="14588965"/><input type="hidden" name="pid" value="r"/><input type="hidden" name="n" value="0"/><input type="hidden" name="_charset_" value="true"/><input type="hidden" name="bcd" value="÷"/><input type="text" name="query" size="15"/><input type="submit" value="search"/></form></td></tr><tr><td style="text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:7.5pt;padding-top:4px"><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">search engine</a><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">by<span style="color:transparent">freefind</span></a></td></tr></tbody></table><a class="save2PDF" href="http://pdfcrowd.com/url_to_pdf/?">Save to PDF</a></center><a aria-current="page" class="site-logo" href="https://bgoonz-blog.netlify.app/"><img src="../../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></div><div class="inner"><div id="search" class="inner"></div><div class="site-footer-inside"><p class="site-info"><span class="copyright">@bgoonz on almost every platform</span><a href="https://random-static-html-deploys.netlify.app/blm.html" target="_blank" rel="noopener " class="button">BLM</a><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener ">Docs</a><a href="#">lorem-ipsum</a> </p><div class="social-links"><a href="https://twitter.com/bgooonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Twitter</span></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">LinkedIn</span></a><a href="https://github.com/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">GitHub</span></a><a href="https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Youtube</span></a><a href="https://www.instagram.com/bgoonz/?hl=en" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Instagram</span></a><a href="https://dev.to/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">dev.to</span></a><a href="#">lorem-ipsum</a> </div> </div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script src='../../../../d33wubrfki0l68.cloudfront.net/bundles/0233599d4c45be641254dc1947c4cc78b0c22051.js'></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="index.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-50463aa39b84c4d1ec96.js"],"app":["/app-10180cc44b3853f61402.js"],"component---src-templates-advanced-js":["/component---src-templates-advanced-js-6f213d193b5ecf8f0dd1.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-d1d7372de9a72caa6ec8.js"],"component---src-templates-docs-js":["/component---src-templates-docs-js-731339ed0815d7cada90.js"],"component---src-templates-page-js":["/component---src-templates-page-js-dcb6b8bc1563f876e59f.js"],"component---src-templates-post-js":["/component---src-templates-post-js-8dfc6c5f64f9cf30c603.js"]};/*]]>*/</script><script nomodule src='../../../../d33wubrfki0l68.cloudfront.net/js/582b61cb624d3b5bcc6977024571665de2ae7a24/polyfill-50463aa39b84c4d1ec96.js'></script><script async src='../../../../d33wubrfki0l68.cloudfront.net/bundles/a315e5520efecbe9f2dbefdf6e0d24cc6e3a3847.js'></script><input type="button" style="position: fixed;top: 10px;right: 10px;width:80px;color:white;font-weight:bold;background-color:rgba(0, 0, 0, 0.856); border-radius:15px;" value="Go Back" onclick="history.back(-1)" />
+      <?php
+        $url = htmlspecialchars($_SERVER['HTTP_REFERER']);
+        echo "<a href='%24url.html'></a><script src="../../../../widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="609b2d7c71a5dd0016f36326"></script><!-- Go to www.addthis.com/dashboard to customize your tools -->
+<script type="text/javascript" src="../../../../s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60dcec1ece575946"></script><script>
+let div = window.createElement('div');
+div.id('search');
+div.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;bottom: 0px;right: 25%;left: 50 %;';
+let docscontent = window.getElementByClassName('docs-content');
+docscontent.appendChild(div);
+
+let div1 = window.createElement('div');
+div1.id('search');
+div1.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;background:#063;bottom: 0px;right: 25%;left: 50 %;margin-left: -150px';
+let header = window.getElementByClassName('site-header-inside');
+header.appendChild('div1');
+
+</script><!-- Default Statcounter code for 2
+https://bgoonz-blog.netlify.app/ -->
+<script type="text/javascript">
+var sc_project=12702211; 
+var sc_invisible=0; 
+var sc_security="011fbeb6"; 
+var sc_text=3; 
+var scJsHost = "https:///";
+document.write("<sc"+"ript type='text/javascript' src='" +
+scJsHost+
+"statcounter.com/counter/counter.js'></"+"script>");
+</script>
+<noscript><div class="statcounter"><a title="Web Analytics"
+href="https://statcounter.com/" target="_blank"><img
+class="statcounter"
+src="https://c.statcounter.com/12702211/0/011fbeb6/0/"
+alt="Web Analytics"
+referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
+<!-- End of Statcounter Code -->
+<a href="https://statcounter.com/p12702211/?guest=1">View My
+Stats</a><script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>
+          // Get the button:
+          mybutton = document.getElementById("scrollBtn");
+          // When the user scrolls down 20px from the top of the document, show the button
+          window.onscroll = function () {
+            scrollFunction();
+          };
+          function scrollFunction() {
+            if (
+              document.body.scrollTop > 20 ||
+              document.documentElement.scrollTop > 20
+            ) {
+              mybutton.style.display = "block";
+            } else {
+              mybutton.style.display = "none";
+            }
+          }
+          // When the user clicks on the button, scroll to the top of the document
+          function topFunction() {
+            document.body.scrollTop = 0; // For Safari
+            document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+          }
+        </script>
+        <script>
+          window.addEventListener("DOMContentLoaded", (event) => {
+            console.log("DOM fully loaded and parsed");
+            const scrollToTop = () => {
+              const c =
+                document.documentElement.scrollTop || document.body.scrollTop;
+              if (c > 0) {
+                window.requestAnimationFrame(scrollToTop);
+                window.scrollTo(0, c - c / 8);
+              }
+            };
+            scrollToTop();
+          });
+        </script>
+<button id="scrollBtn" title="Go to top" onclick="topFunction()" style="display: block;">
+          Back To Top
+        </button></body></html>
diff --git a/docs/content/html-docs/gallery/index.html b/docs/content/html-docs/gallery/index.html
new file mode 100644
index 0000000000..7b8a45254e
--- /dev/null
+++ b/docs/content/html-docs/gallery/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+        <title>Page Not Found</title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
+        <style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+                    'Segoe UI Symbol';
+                background: rgb(14, 30, 37);
+                color: white;
+                overflow: hidden;
+                margin: 0;
+                padding: 0;
+            }
+
+            h1 {
+                margin: 0;
+                font-size: 22px;
+                line-height: 24px;
+            }
+
+            .main {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                width: 100vw;
+            }
+
+            .card {
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                width: 75%;
+                max-width: 364px;
+                padding: 24px;
+                background: white;
+                color: rgb(14, 30, 37);
+                border-radius: 8px;
+                box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
+            }
+
+            a {
+                margin: 0;
+                text-decoration: none;
+                font-weight: 600;
+                line-height: 24px;
+                color: #007067;
+            }
+
+            a svg {
+                position: relative;
+                top: 2px;
+            }
+
+            a:hover,
+            a:focus {
+                text-decoration: underline;
+                text-decoration-color: #f4bb00;
+            }
+
+            a:hover svg path {
+                fill: #007067;
+            }
+
+            p:last-of-type {
+                margin-bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="card">
+                <div class="header">
+                    <h1>Page Not Found</h1>
+                </div>
+                <div class="body">
+                    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+                    <p>
+                        <a id="back-link" href="/">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+                                <path
+                                    fill="#007067"
+                                    d="M11.9998836,4.09370803 L8.55809517,7.43294953 C8.23531459,7.74611298 8.23531459,8.25388736 8.55809517,8.56693769 L12,11.9062921 L9.84187871,14 L4.24208544,8.56693751 C3.91930485,8.25388719 3.91930485,7.74611281 4.24208544,7.43294936 L9.84199531,2 L11.9998836,4.09370803 Z"
+                                />
+                            </svg>
+                            Back to our site
+                        </a>
+                    </p>
+                    <hr />
+                    <p>
+                        If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's
+                        <a
+                            href="https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking"
+                            >"page not found" support guide</a
+                        >
+                        for troubleshooting tips.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <script>
+            (function () {
+                if (document.referrer && document.location.host && document.referrer.match(new RegExp('^https?://' + document.location.host))) {
+                    document.getElementById('back-link').setAttribute('href', document.referrer);
+                }
+            })();
+        </script>
+    </body>
+</html>
diff --git a/docs/content/html-docs/gists/index.html b/docs/content/html-docs/gists/index.html
new file mode 100644
index 0000000000..ce086a5992
--- /dev/null
+++ b/docs/content/html-docs/gists/index.html
@@ -0,0 +1,814 @@
+<!DOCTYPE html><html><!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
+<head><style data-href="../../styles.9ec07c865aac99f55058.css">html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}.font-fira-sans b,.font-fira-sans strong{font-weight:600}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:Lato,Helvetica,Arial,sans-serif;font-size:100%}body{background:#f8f8fa;color:#424b5f;line-height:1.425;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow:scroll}a{color:#00c6ff;text-decoration:underline;transition:color .4s ease-out}a:hover{color:#424b5f}#social-embed{bottom:120px!important;width:100%!important;width:1000px!important;box-shadow:inset 0 5px 3px -10px #000,inset 0 -11px 8px -10px #000;margin:0 auto!important;height:400px!important;overflow:scroll!important;border:1px dotted #000}iframe{overflow-y:scroll;overflow-x:scroll;border-radius:12px;border:1px dotted #000;height:1200px;box-shadow:inset 0 4px 4px -10px #000,inset 0 -11px 8px -10px #000;width:1000px;resize:both!important;overflow:scroll}code{box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}pre{box-shadow:0 1px 4px rgba(184,137,137,.3),inset 0 0 40px rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{color:#283040;font-weight:700;line-height:1.2;margin:1.5em 0 .5em;text-rendering:optimizeLegibility}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}p{margin:0 0 1em}ins,mark{background:#fff7e6;color:#283040;padding:.15em;text-decoration:none}pre{background:#283040;border-radius:3px;color:#f8f8fa;font-size:.875em;line-height:1.5;margin:1.14286em 0;overflow:auto;padding:1.5em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal}pre:first-child{margin-top:0}:not(pre)>code{background:#ecedf2;border-radius:3px;color:#424b5f;font-size:.875rem;padding:.15em;white-space:normal}blockquote{border-left:5px solid #00c6ff;font-size:1.25em;line-height:1.4;margin:1.25em 0;padding:0 0 0 1em}blockquote:first-child{margin-top:0}blockquote p{margin-bottom:.5em}blockquote cite,blockquote small{color:#67758d;display:block;font-size:.75em;font-style:normal;font-weight:400;line-height:1.5;margin-top:.5em}dl{margin:0}dt{font-weight:700}dd,ol,ul{margin:0 0 1em}ul{list-style:disc;padding:0 0 0 1.125em}ol{list-style:decimal;padding:0 0 0 1.5em}li>ol,li>ul{margin-bottom:0}hr{background-color:#dde0e7;border:0;height:1px;margin:1.875em 0}hr:first-child{margin-top:0}img{height:auto;max-width:100%;border-radius:10px}img :not(.site-logo){box-shadow:inset 10px 10px 50px #fff}@media only screen and (min-width:741px){blockquote{font-size:1.5em;line-height:1.3}h1{font-size:2.5em}h2{font-size:2.125em}h3{font-size:1.875em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1.125em}}code[class*=language-],pre[class*=language-]{color:#fff;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em #000;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#141414}pre[class*=language-]{border-radius:.5em;border:.3em solid #545454;box-shadow:inset 1px 1px .5em #000;margin:.5em 0;overflow:auto;padding:1em}pre[class*=language-]::selection{background:#27292a}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:hsla(0,0%,92.9%,.15)}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid #545454;box-shadow:inset 1px 1px .3em -.1em #000;padding:.15em .2em .05em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#777}.token.namespace,.token.punctuation{opacity:.7}.token.boolean,.token.deleted,.token.number,.token.tag{color:#ce6849}.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:#f9ed99}.language-css .token.string,.style .token.string,.token.attr-name,.token.attr-value,.token.char,.token.entity,.token.inserted,.token.operator,.token.string,.token.url,.token.variable{color:#909e6a}.token.atrule{color:#7385a5}.token.important,.token.regex{color:#e8c062}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-markup .token.attr-name,.language-markup .token.punctuation,.language-markup .token.tag{color:#ac885c}.token{position:relative;z-index:1}.line-highlight.line-highlight{background:rgba(84,84,84,.25);background:linear-gradient(90deg,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;margin-top:.75em;z-index:0}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background-color:#8693a6;color:#f4f1ef}/*! @algolia/autocomplete-theme-classic 1.5.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */:root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form[focus-within]{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-Form:focus-within{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:11px;padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:8px;padding-right:var(--aa-spacing-half);width:47px;width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:3px;padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:39px;width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;appearance:none;background:none;border:0;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input:-ms-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::-webkit-input-placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 12.8333333333px;padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 10.1666666667px;padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:4px;border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,-webkit-filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in;transition:opacity .2s ease-in,filter .2s ease-in,-webkit-filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:8px;padding:var(--aa-spacing-half);scrollbar-color:#fff #eaeaea;scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:#eaeaea;background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:#fff;background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid #eaeaea;border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:16px;padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:8px .5em 8px 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 8px 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid #3e34d3;border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:8px;top:var(--aa-spacing-half);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,#fff,rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128,126,163,.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid #3e34d3;border:1px solid rgba(var(--aa-primary-color-rgb),1);color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:40px;min-height:calc(var(--aa-spacing)*2.5);padding:4px;padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179,173,214,.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:#7777a3;color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:28px;height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:28px;width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:20px;max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:20px;max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:8px;padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:36px;padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128,126,163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:8px;margin-left:var(--aa-spacing-half);margin-right:4px;margin-right:calc(var(--aa-spacing-half)/2);width:10px;width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;grid-gap:8px;gap:8px;grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:8px;height:var(--aa-spacing-half);width:8px;width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:#807ea3;color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245,223,77,.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62,52,211,.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;grid-gap:4px;gap:4px;grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 -5.3333333333px;margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:5.3333333333px;margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:#3e34d3;background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:8px 16px;padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:-8px;bottom:calc(var(--aa-spacing-half)*-1);content:"";height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0}.aa-PanelFooter,.aa-PanelHeader:after{z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128,126,163,.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:16px;padding:var(--aa-spacing);position:relative}.aa-PanelFooter:after{background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:16px;height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:-16px;top:calc(var(--aa-spacing)*-1);z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:#fff;background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:8px 0 8px 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:#fff;background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128,126,163,.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:8px;padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:#262627;color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 8px;margin:0 0 0 var(--aa-spacing-half);padding:0 8px;padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:8px;padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedSearchButton{align-items:center;background-color:#fff;background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128,126,163,.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128,126,163,.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:16px;font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 5.5px;padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:#3e34d3;border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:#3e34d3;color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;height:100%;justify-content:center;width:36px;width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115,114,129,.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:9998;z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:8px;height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(#fff,hsla(0,0%,100%,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(hsla(0,0%,100%,0),#fff);background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}.aa-Autocomplete,.aa-DetachedContainer,.aa-Panel{--color-mark:#5468ff;--color-background:#fff;--color-selected:#f5f5fa;--color-text:#23263b;--color-input-icon:#777;--color-source-icon:rgba(80,80,80,0.32);--height:32px;--height-icon:16px;--font-size:16px}.aa-Panel{min-width:350px;z-index:1100;margin-top:2px}.aa-Panel .aa-PanelLayout{padding-top:0;padding-bottom:0;background-color:var(--color-background)}.aa-Panel .aa-PanelLayout .aa-PanelLayoutPreview{border-left:1px solid var(--color-selected)}.aa-Panel .aa-GradientBottom{background-image:none}.aa-Autocomplete .aa-Form,.aa-DetachedFormContainer .aa-Form{height:var(--height);font-size:var(--font-size);padding:0;background-color:var(--color-background)}.aa-Autocomplete .aa-Form:focus-within,.aa-DetachedFormContainer .aa-Form:focus-within{box-shadow:none}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix,.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label svg,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label svg{left:0;vertical-align:middle;color:var(--color-input-icon);width:var(--height-icon)}.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input,.aa-DetachedFormContainer .aa-Form .aa-InputWrapper .aa-Input{height:var(--height);color:var(--color-text)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix{height:var(--height)}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton{padding:0}.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,.aa-Item{color:var(--color-text)}.aa-Item{padding:2px 0}.aa-Item a{color:inherit;text-decoration:none}.aa-Item[aria-selected=true]{background-color:var(--color-selected)}.aa-Item .aa-ItemContent{display:flex;color:var(--color-text)}.aa-Item .aa-ItemContent mark{color:var(--color-mark);background-color:transparent}.aa-Item .aa-ItemIcon{align-items:baseline;color:var(--color-source-icon);background:none;box-shadow:none;margin:0 var(--aa-spacing-half) 0 2px}.aa-Item .aa-ItemTitle{font-size:14px;font-weight:700;line-height:18px}.aa-Item .aa-ItemHierarchy{font-size:12px;font-style:italic;line-height:18px;opacity:.8;padding:1px 0}.aa-Item .aa-ItemDescription{font-size:12px;line-height:16px;color:#797979}.aa-DetachedContainer{background:var(--color-background)}.aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedCancelButton{color:var(--color-text)}.aa-DetachedOverlay{z-index:10}.aa-DetachedSearchButton{background-color:var(--color-background)}.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon{color:var(--color-input-icon)}.aa-powered-by-link{display:inline-block;width:64px;height:18px;margin-left:4px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODUgMTIwIj48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjNTQ2OEZGIiBkPSJNMTYuOC0xLjAwMWg4OC40YzguNyAwIDE1LjggNy4wNjUgMTUuOCAxNS44djg4LjQwNWMwIDguNy03LjA2NSAxNS43OTUtMTUuOCAxNS43OTVIMTYuOGMtOC43IDAtMTUuOC03LjA2LTE1LjgtMTUuNzk1VjE0Ljc1OWMwLTguNjk1IDcuMDYtMTUuNzYgMTUuOC0xNS43NiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03My41MDUgMjUuNzg4di00LjExNWE1LjIwOSA1LjIwOSAwIDAwLTUuMjEtNS4yMDVINTYuMTVhNS4yMDkgNS4yMDkgMCAwMC01LjIxIDUuMjA1djQuMjI1YzAgLjQ3LjQzNS44LjkxLjY5YTM3Ljk2NiAzNy45NjYgMCAwMTEwLjU3LTEuNDljMy40NjUgMCA2Ljg5NS40NyAxMC4yMSAxLjM4LjQ0LjExLjg3NS0uMjE1Ljg3NS0uNjlNNDAuMjIgMzEuMTczbC0yLjA3NS0yLjA3NWE1LjIwNiA1LjIwNiAwIDAwLTcuMzY1IDBsLTIuNDggMi40NzVhNS4xODUgNS4xODUgMCAwMDAgNy4zNTVsMi4wNCAyLjA0Yy4zMy4zMjUuODA1LjI1IDEuMDk1LS4wNzVhMzkuODc2IDM5Ljg3NiAwIDAxMy45NzUtNC42NiAzNy42OCAzNy42OCAwIDAxNC43LTRjLjM2NC0uMjIuNC0uNzMuMTEtMS4wNm0yMi4xNjQgMTMuMDY1djE3LjhjMCAuNTEuNTUuODc1IDEuMDIuNjJsMTUuODI1LTguMTljLjM2LS4xOC40Ny0uNjIuMjktLjk4LTMuMjgtNS43NTUtOS4zNy05LjY4NS0xNi40MDUtOS45NC0uMzY1IDAtLjczLjI5LS43My42OW0wIDQyLjg4Yy0xMy4xOTUgMC0yMy45MTUtMTAuNzA1LTIzLjkxNS0yMy44OCAwLTEzLjE3NSAxMC43Mi0yMy44NzUgMjMuOTE1LTIzLjg3NSAxMy4yIDAgMjMuOTE2IDEwLjcgMjMuOTE2IDIzLjg3NXMtMTAuNjggMjMuODgtMjMuOTE2IDIzLjg4bTAtNTcuOGMtMTguNzQgMC0zMy45NCAxNS4xOC0zMy45NCAzMy45MiAwIDE4Ljc0NSAxNS4yIDMzLjg5IDMzLjk0IDMzLjg5czMzLjk0LTE1LjE4IDMzLjk0LTMzLjkyNWMwLTE4Ljc0NS0xNS4xNjUtMzMuODg1LTMzLjk0LTMzLjg4NSIvPjxwYXRoIGZpbGw9IiM1NDY4RkYiIGQ9Ik0yNDAuMjE0IDk0LjE3N2MtMjMuMzY1LjExLTIzLjM2NS0xOC44NTUtMjMuMzY1LTIxLjg3NWwtLjA0LTcxLjA0NSAxNC4yNTQtMi4yNnY3MC42MWMwIDEuNzE1IDAgMTIuNTYgOS4xNSAxMi41OTV2MTEuOTc1aC4wMDF6bS01Ny43OC0xMS42MWM0LjM3NCAwIDcuNjItLjI1NSA5Ljg4LS42OVY2Ny4zOTJhMjkuMTk2IDI5LjE5NiAwIDAwLTMuNDMtLjY5NSAzMy43NDIgMzMuNzQyIDAgMDAtNC45NTYtLjM2NWMtMS41NyAwLTMuMTc1LjExLTQuNzc1LjM2NS0xLjYwNS4yMi0zLjA2NS42NTUtNC4zNCAxLjI3NS0xLjI3NS42Mi0yLjMzNSAxLjQ5NS0zLjEgMi42Mi0uOCAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xMTUgMS4yNzUgNC45OTUgMS45MyA4LjYwNiAxLjkzem0tMS4yNC01MS42ODVjNC43IDAgOC42NzQuNTg1IDExLjg4NCAxLjc1IDMuMjA2IDEuMTY1IDUuNzk2IDIuOCA3LjY5IDQuODc1IDEuOTM1IDIuMTEgMy4yNDUgNC45MTUgNC4wNDYgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODZ2MzYuNjJjLTIuMTg1LjQ3LTUuNTA2IDEuMDE1LTkuOTUgMS42Ny00LjQ0Ni42NTUtOS40NC45ODUtMTQuOTg2Ljk4NS0zLjY4IDAtNy4wNy0uMzY1LTEwLjA5NS0xLjA1NS0zLjA2NS0uNjktNS42NS0xLjgyLTcuODQtMy4zODUtMi4xNS0xLjU2NS0zLjgyNS0zLjU3LTUuMDY1LTYuMDQtMS4yMDUtMi40OC0xLjgyNS01Ljk3LTEuODI1LTkuNjEgMC0zLjQ5NS42OS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUzIDUuMDY1LTIuNjIgOC4xNjUtMy4yNzUgMy4xLS42NTUgNi4zNDUtLjk4NSA5LjY5NS0uOTg1IDEuNTcgMCAzLjIxLjExIDQuOTYuMjkgMS43MTUuMTg1IDMuNTc1LjUxNSA1LjU0NS45ODV2LTIuMzNjMC0xLjYzNS0uMTg1LTMuMi0uNTg1LTQuNjU1YTEwLjAxMiAxMC4wMTIgMCAwMC0yLjA0NS0zLjg5NWMtLjk4NS0xLjEzLTIuMjU1LTIuMDA1LTMuODYtMi42Mi0xLjYwNS0uNjItMy42NS0xLjA5NS02LjA5LTEuMDk1LTMuMjggMC02LjI3LjQtOS4wMDUuODc1LTIuNzM1LjQ3LTQuOTk1IDEuMDItNi43MSAxLjYzNWwtMS43MS0xMS42OGMxLjc4NS0uNjIgNC40NDUtMS4yNCA3Ljg3NS0xLjg1NSAzLjQyNS0uNjYgNy4xMS0uOTUgMTEuMDQ1LS45NWguMDAxem0yODEuNTEgNTEuMjg1YzQuMzc1IDAgNy42MTUtLjI1NSA5Ljg3NS0uNjk1di0xNC40OGMtLjgtLjIyLTEuOTMtLjQ3NS0zLjQyNS0uNjk1YTMzLjgxMyAzMy44MTMgMCAwMC00Ljk2LS4zNjVjLTEuNTY1IDAtMy4xNy4xMS00Ljc3NS4zNjUtMS42LjIyLTMuMDYuNjU1LTQuMzM1IDEuMjc1LTEuMjguNjItMi4zMzUgMS40OTUtMy4xIDIuNjItLjgwNSAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xNSAxLjMxIDQuOTk1IDEuOTMgOC42MDUgMS45M3ptLTEuMjA1LTUxLjY0NWM0LjcgMCA4LjY3NC41OCAxMS44ODQgMS43NDUgMy4yMDUgMS4xNjUgNS43OTUgMi44IDcuNjkgNC44NzUgMS44OTUgMi4wNzUgMy4yNDUgNC45MTUgNC4wNDUgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODY1djM2LjYxNWMtMi4xODUuNDctNS41MDUgMS4wMTUtOS45NSAxLjY3NS00LjQ0NS42NTUtOS40NC45OC0xNC45ODUuOTgtMy42OCAwLTcuMDctLjM2NS0xMC4wOTQtMS4wNTUtMy4wNjUtLjY5LTUuNjUtMS44Mi03Ljg0LTMuMzg1LTIuMTUtMS41NjUtMy44MjUtMy41Ny01LjA2NS02LjA0LTEuMjA1LTIuNDc1LTEuODI1LTUuOTctMS44MjUtOS42MSAwLTMuNDk1LjY5NS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUyNSA1LjA2NS0yLjYyIDguMTY1LTMuMjc1IDMuMS0uNjU1IDYuMzQ1LS45OCA5LjctLjk4IDEuNTY1IDAgMy4yMDUuMTEgNC45NTUuMjlzMy41NzUuNTEgNS41NC45ODV2LTIuMzNjMC0xLjY0LS4xOC0zLjIwNS0uNTgtNC42NmE5Ljk3NyA5Ljk3NyAwIDAwLTIuMDQ1LTMuODk1Yy0uOTg1LTEuMTMtMi4yNTUtMi4wMDUtMy44Ni0yLjYyLTEuNjA2LS42Mi0zLjY1LTEuMDktNi4wOS0xLjA5LTMuMjggMC02LjI3LjQtOS4wMDUuODctMi43MzUuNDc1LTQuOTk1IDEuMDItNi43MSAxLjY0bC0xLjcxLTExLjY4NWMxLjc4NS0uNjIgNC40NDUtMS4yMzUgNy44NzUtMS44NTUgMy40MjUtLjYyIDcuMTA1LS45NDUgMTEuMDQ1LS45NDV6bS00Mi44LTYuNzdjNC43NzQgMCA4LjY4LTMuODYgOC42OC04LjYzIDAtNC43NjUtMy44NjYtOC42MjUtOC42OC04LjYyNS00LjgxIDAtOC42NzUgMy44Ni04LjY3NSA4LjYyNSAwIDQuNzcgMy45IDguNjMgOC42NzUgOC42M3ptNy4xOCA3MC40MjVoLTE0LjMyNnYtNjEuNDRsMTQuMzI1LTIuMjU1djYzLjY5NWguMDAxem0tMjUuMTE2IDBjLTIzLjM2NS4xMS0yMy4zNjUtMTguODU1LTIzLjM2NS0yMS44NzVsLS4wNC03MS4wNDUgMTQuMjU1LTIuMjZ2NzAuNjFjMCAxLjcxNSAwIDEyLjU2IDkuMTUgMTIuNTk1djExLjk3NXptLTQ2LjMzNS0zMS40NDVjMC02LjE1NS0xLjM1LTExLjI4NS0zLjk3NC0xNC44NS0yLjYyNS0zLjYwNS02LjMwNS01LjM4NS0xMS4wMS01LjM4NS00LjcgMC04LjM4NiAxLjc4LTExLjAwNiA1LjM4NS0yLjYyNSAzLjYtMy45MDQgOC42OTUtMy45MDQgMTQuODUgMCA2LjIyNSAxLjMxNSAxMC40MDUgMy45NCAxNC4wMSAyLjYyNSAzLjY0IDYuMzA1IDUuNDI1IDExLjAxIDUuNDI1IDQuNyAwIDguMzg1LTEuODIgMTEuMDEtNS40MjUgMi42MjQtMy42NCAzLjkzNC03Ljc4NSAzLjkzNC0xNC4wMXptMTQuNTgtLjAzNWMwIDQuODA1LS42OSA4LjQ0LTIuMTE0IDEyLjQxLTEuNDIgMy45NjUtMy40MjUgNy4zNS02LjAxIDEwLjE1NS0yLjU5IDIuOC01LjY5IDQuOTg1LTkuMzM2IDYuNTE1LTMuNjQ0IDEuNTI1LTkuMjYgMi40LTEyLjA2NSAyLjQtMi44MS0uMDM1LTguMzg1LS44MzUtMTEuOTk1LTIuNC0zLjYxLTEuNTY1LTYuNzEtMy43MTUtOS4yOTUtNi41MTUtMi41OS0yLjgwNS00LjU5NC02LjE5LTYuMDU0LTEwLjE1NS0xLjQ1Ni0zLjk3LTIuMTg1LTcuNjA1LTIuMTg1LTEyLjQxcy42NTQtOS40MyAyLjExNC0xMy4zNmMxLjQ2LTMuOTMgMy41LTcuMjggNi4xMjUtMTAuMDggMi42MjUtMi44MDUgNS43Ni00Ljk1NSA5LjMzLTYuNDggMy42MS0xLjUzIDcuNTg1LTIuMjU1IDExLjg4NS0yLjI1NSA0LjMwNSAwIDguMjc1Ljc2IDExLjkyIDIuMjU1IDMuNjUgMS41MjUgNi43ODYgMy42NzUgOS4zMzYgNi40OCAyLjU4NCAyLjggNC41OSA2LjE1IDYuMDUgMTAuMDggMS41MyAzLjkzIDIuMjk1IDguNTU1IDIuMjk1IDEzLjM2aC0uMDAxem0tMTA3LjI4NCAwYzAgNS45NjUgMS4zMSAxMi41OSAzLjkzNSAxNS4zNTUgMi42MjUgMi43NyA2LjAxNCA0LjE1IDEwLjE3NSA0LjE1IDIuMjYgMCA0LjQxLS4zMjUgNi40MTQtLjk0NSAyLjAwNS0uNjIgMy42MDYtMS4zNSA0Ljg4Ni0yLjIydi0zNS4zNGMtMS4wMi0uMjItNS4yODYtMS4wOTUtOS40MS0xLjItNS4xNzUtLjE1LTkuMTEgMS45NjUtMTEuODggNS4zNDUtMi43MzYgMy4zOS00LjEyIDkuMzItNC4xMiAxNC44NTV6bTM5LjYyNSAyOC4wOTVjMCA5LjcyLTIuNDggMTYuODE1LTcuNDc2IDIxLjMzLTQuOTkgNC41MS0xMi42MSA2Ljc3LTIyLjg5IDYuNzctMy43NTUgMC0xMS41NTUtLjczLTE3Ljc5LTIuMTFsMi4yOTUtMTEuMjg1YzUuMjE1IDEuMDkgMTIuMTA1IDEuMzg1IDE1LjcxNSAxLjM4NSA1LjcyIDAgOS44MDUtMS4xNjUgMTIuMjQ1LTMuNDk1IDIuNDQ1LTIuMzMgMy42NDUtNS43ODUgMy42NDUtMTAuMzc1di0yLjMzYy0xLjQyLjY5LTMuMjggMS4zODUtNS41NzUgMi4xMTUtMi4yOTUuNjktNC45NTUgMS4wNTUtNy45NSAxLjA1NS0zLjkzNSAwLTcuNTEtLjYyLTEwLjc1LTEuODYtMy4yNDUtMS4yMzUtNi4wNTUtMy4wNTUtOC4zNS01LjQ2LTIuMjk1LTIuNC00LjEyLTUuNDItNS4zOTUtOS4wMjUtMS4yNzUtMy42MDUtMS45MzUtMTAuMDQ1LTEuOTM1LTE0Ljc3NSAwLTQuNDQuNjk1LTEwLjAxIDIuMDQ2LTEzLjcyNSAxLjM4NC0zLjcxIDMuMzUtNi45MTUgNi4wMTQtOS41NyAyLjYyNi0yLjY1NSA1LjgzNS00LjY5NSA5LjU5LTYuMTkgMy43NTUtMS40OSA4LjE2LTIuNDM1IDEyLjkzNS0yLjQzNSA0LjYzNSAwIDguOS41OCAxMy4wNTUgMS4yNzUgNC4xNTUuNjkgNy42OSAxLjQxNSAxMC41NyAyLjIxNXY1Ni40OWguMDAxeiIvPjwvZz48L3N2Zz4=);background-repeat:no-repeat;background-size:contain;vertical-align:middle}.aa-powered-by{text-align:right;font-size:12px;color:#969faf;padding:8px 8px 4px 0;font-weight:400}table{border-collapse:collapse;border-spacing:0;line-height:1.5;margin:0;max-width:100%;width:100%}caption,table{text-align:left}caption{color:#67758d;font-size:.875em;font-style:normal;margin-bottom:1em}td,th{border-bottom:1px solid #dde0e7;padding:.5em 5px}th{color:#283040;font-weight:700}:not(.responsive-table)>table{display:block;margin:1.875em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}:not(.responsive-table)>table:first-child{margin-top:0}:not(.responsive-table)>table tbody,:not(.responsive-table)>table thead,:not(.responsive-table)>table tr{width:100%}:not(.responsive-table)>table td{min-width:10em}.responsive-table{display:block;margin:1.875em 0;overflow-x:auto;width:100%}.responsive-table:first-child{margin-top:0}label{color:#283040;font-weight:700;line-height:1.5;margin-bottom:.25em}input[type=checkbox]+label,input[type=radio]+label{font-weight:400;cursor:pointer;padding-left:.25em;padding-right:1em}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#283040;display:block;font-size:1em;font-weight:400;line-height:1.5;max-width:100%;padding:.5em;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}::-webkit-input-placeholder{color:#9aa4b9;opacity:1}:-ms-input-placeholder{color:#9aa4b9;opacity:1}::placeholder{color:#9aa4b9;opacity:1}.form-row{margin-bottom:1em}.form-submit{margin-top:1.66667em}.button{align-items:center;background:#00c6ff;border:0;border-radius:1.75em;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.875em;font-weight:700;justify-content:center;letter-spacing:.035em;line-height:1.2;opacity:1;padding:.9em 2.14285em;text-decoration:none;transition:.3s ease;vertical-align:middle}.button:active,.button:focus,.button:hover{color:#fff;opacity:.8;outline:0}.button-secondary{background:0!important;box-shadow:inset 0 0 0 2px currentColor;color:#00c6ff}.button-secondary:active,.button-secondary:focus,.button-secondary:hover{box-shadow:inset 0 0 0 3px currentColor;color:#00c6ff;opacity:1}.button-icon{background:0!important;border:0;color:inherit;font-size:1em;font-weight:400;letter-spacing:normal;padding:.25em}.button-icon:active,.button-icon:focus,.button-icon:hover{color:#00c6ff;opacity:1}#menu-close,#menu-open,.docs-nav .docs-nav-toggle,.docs-nav .docs-submenu-toggle,.submenu-toggle{background:0;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:block;font-size:inherit;height:30px;padding:0;position:relative;width:30px}#menu-close:active,#menu-close:focus,#menu-close:hover,#menu-open:active,#menu-open:focus,#menu-open:hover,.docs-nav .docs-nav-toggle:active,.docs-nav .docs-nav-toggle:focus,.docs-nav .docs-nav-toggle:hover,.docs-nav .docs-submenu-toggle:active,.docs-nav .docs-submenu-toggle:focus,.docs-nav .docs-submenu-toggle:hover,.submenu-toggle:active,.submenu-toggle:focus,.submenu-toggle:hover{outline:0}.icon{color:inherit;fill:currentColor;flex-shrink:0;height:1em;line-height:1;width:1em}.icon-close,.icon-menu{background:currentColor;border-radius:1px;color:inherit;height:2px;left:50%;margin-top:-1px;margin-left:-12px;position:absolute;top:50%;width:24px}.icon-close:after,.icon-close:before,.icon-menu:after,.icon-menu:before{background:currentColor;border-radius:1px;content:"";height:100%;left:0;position:absolute;width:100%}.icon-menu:before{top:-6px}.icon-menu:after{bottom:-6px}.icon-close{background:0;margin-left:-14px;width:28px}.icon-close:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-close:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-angle-right{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;height:8px;left:50%;margin-left:-4px;margin-top:-4px;position:absolute;top:50%;width:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.docs-nav-toggle .icon-angle-right{height:12px;left:auto;margin-left:0;margin-right:9px;margin-top:-6px;right:0;width:12px}.docs-section-item .icon-angle-right{left:auto;margin-left:0;margin-right:15px;right:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.line-left{position:relative}.line-left:after{background:#00c6ff;display:block;content:"";height:100%;left:-1px;position:absolute;top:0;width:5px}.js-reframe{margin:1.875em 0}.js-reframe:first-child{margin-top:0}.important,.note{border-radius:5px;color:#283040;margin:1.875em 0;padding:1em 1.125em}.important:first-child,.note:first-child{margin-top:0}.note{background:#fff7e6;border-left:5px solid #fcb41d}.important{background:#ffe9e6;border-left:5px solid #fc381d}.has-gradient{background:#00c6ff;background:linear-gradient(90deg,#0072ff,#00c6ff);color:#fff;position:relative}.has-gradient a:not(.button),.has-gradient h1,.has-gradient h2,.has-gradient h3,.has-gradient h4,.has-gradient h5,.has-gradient h6{color:inherit!important}.has-gradient a:not(.button):hover{opacity:.8}.has-gradient .button:not(.button-secondary){background-color:#fff;color:#00c6ff}.has-gradient .button:not(.button-secondary):active,.has-gradient .button:not(.button-secondary):focus,.has-gradient .button:not(.button-secondary):hover{opacity:.85}.has-gradient .button-secondary{color:#fff!important}.has-gradient .inner-sm{position:relative}.bg-img{-webkit-animation:fadeIn20 .75s ease-in-out;animation:fadeIn20 .75s ease-in-out;background-position:50%;background-size:cover;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.grid{display:flex;flex-wrap:wrap;margin-left:-.9375em;margin-right:-.9375em}.grid-item{box-sizing:border-box;padding-left:.9375em;padding-right:.9375em;position:relative;width:100%}.grid-center{justify-content:center}.grid-swap{flex-direction:row-reverse}.grid-middle{align-items:center}@media only screen and (min-width:641px){.grid-col-2 .grid-item{flex:0 0 50%;max-width:50%}}@media only screen and (min-width:761px){.grid-col-3 .grid-item{flex:0 0 33.333%;max-width:33.333%}}@media only screen and (max-width:600px){.grid{margin-left:-1.5vw;margin-right:-1.5vw}.grid-item{padding-left:1.5vw;padding-right:1.5vw}}@-webkit-keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}@keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}.site{display:flex;flex-direction:column;min-height:100vh;position:relative}.site-content{box-sizing:border-box;flex-grow:1;width:100%}.outer{padding-left:150px;padding-right:150px}.inner,.inner-md,.inner-sm{margin-left:auto;margin-right:auto;max-width:95%}.site-header{background:#000;background-image:url(../../../i.imgur.com/CEYEZp8.jpg);padding-bottom:.4em;padding-top:.2em}.site-header-inside{align-items:center;display:flex}.site-branding{flex:0 1 auto}.site-title{color:#283040;font-size:1.5em;font-weight:700;line-height:1.2;margin:0}.site-logo{margin:0}.site-logo img{max-height:65px}.menu,.submenu{list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-item.current{color:#00c6ff}.menu-item a:not(.button){display:inline-block;font-size:1.1em;line-height:1.5}#masthead a:not(.button){color:inherit;display:inline-block;text-decoration:none}#masthead a:not(.button):hover{color:#00c6ff}#masthead .site-branding a:hover{color:inherit}@media only screen and (min-width:801px){#menu-close,#menu-open{display:none}.site-navigation{margin-left:auto}.menu{align-items:center;display:flex}.menu-item{display:inline-block;margin:0 0 0 1.25em;padding-bottom:.1875em;padding-top:.1875em}.menu-item a{padding-bottom:.5em;padding-top:.5em}.menu-item a.button:not(.button-icon){padding-left:1.25em;padding-right:1.25em}.menu-item.has-children>a{padding-right:18px;position:relative}.menu-item.has-children>a:after{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;content:"";height:6px;position:absolute;right:0;top:50%;width:6px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}.menu-item.has-children>a.button:not(.button-icon){padding-right:2.25em}.menu-item.has-children>a.button:not(.button-icon):after{right:1.25em}.menu-item .submenu-toggle{display:none}.menu-item.has-children:hover>.submenu{opacity:1;transition:margin .3s,opacity .2s;visibility:visible}.submenu{background:#fff;border:4px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);left:0;min-width:180px;opacity:0;padding:.5em 0;position:absolute;text-align:left;top:100%;transition:opacity .2s,visibility 0s .2s;visibility:hidden;width:100%;z-index:99}.submenu .menu-item{display:block;margin:0;padding:0 1em}.submenu a:not(.button-icon){display:block}.submenu a.button:not(.button-icon){margin:.5em 0}}@media only screen and (max-width:800px){.site{overflow:hidden;position:relative}.site-branding{margin-right:.625em}.site-header:after{background:rgba(66,75,95,.6);content:"";left:0;opacity:0;transition:opacity .15s ease-in-out,visibility 0s ease-in-out .15s;z-index:998}.site-header:after,.site-navigation{height:100vh;position:absolute;top:0;visibility:hidden;width:100%}.site-navigation{background:#fff;box-sizing:border-box;margin:0;max-width:360px;-webkit-overflow-scrolling:touch;right:-100%;transition:right .3s ease-in-out,visibility 0s ease-in-out .3s;z-index:999}.site-nav-inside{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.menu--opened .site{height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:997}.menu--opened .site-navigation{right:0;transition:right .3s ease-in-out;visibility:visible}.menu--opened .site-header:after{opacity:1;transition-delay:0s;visibility:visible}.menu{padding:calc(3vw + 2.8125em) 3vw 3em}.submenu{border-top:1px solid #dde0e7;display:none;padding-left:1em}.menu-item{display:block;margin:0}.menu-item:not(.menu-button){border-bottom:1px solid #dde0e7}.menu-item:not(.menu-button):first-child{border-top:1px solid #dde0e7}.menu-item a.button-icon,.menu-item a:not(.button){padding:.75em 0}.menu-item a:not(.button){display:block}.menu-item a.button:not(.button-icon){width:100%}.menu-item.has-children>a{margin-right:2em}.menu-item .menu-item:first-child{border-top:0}.menu-item .menu-item:last-child{border-bottom:0}.menu-item .submenu-toggle{color:#67758d;height:2.8125em;position:absolute;right:0;top:0}.menu-item.active .submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-item.active .submenu{display:block}.menu-button>.button:not(.button-icon){margin-bottom:1.25em;margin-top:1.25em}.menu-button+.menu-button>.button:not(.button-icon){margin-top:0}#menu-open{margin-left:auto}#menu-close{display:block;position:absolute;right:3vw;top:3vw}}.post{margin-bottom:2.5em}.post-feed:last-child,.post-full:last-child{margin-bottom:5em}.has-gradient.page-header,.has-gradient.post-header{padding-bottom:9.5em;padding-top:3.75em;text-align:center}.has-gradient .page-title,.has-gradient .post-title{color:inherit;font-size:2.25em;margin:0}.page-subtitle,.post-subtitle{font-size:1.125em;line-height:1.5;margin:.5em 0 0;position:relative}.post-title a{color:inherit!important;text-decoration:none}.post-thumbnail{border:0;border-radius:5px 5px 0 0;display:block;margin:0}.post-thumbnail img{border-radius:5px 5px 0 0;width:100%}.post-feed,.post-full .post-content{margin-top:-5em;position:relative}.post-feed .post,.post-full .post-content{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.post-full .post-content{padding:2.5em 1.5em}.post-full .post-meta{margin:0 0 .5em}.post-feed .post{padding:0 0 2.5em}.post-feed .post-meta{color:#67758d;font-size:.875em;margin:0 0 .5em;padding-left:1.71428em;padding-right:1.71428em}.post-feed .post-header{margin:0 0 1.25em;padding-top:1.875em}.post-feed .post-title{font-size:1.5em;margin:0;padding-left:1em;padding-right:1em}.post-feed .post-excerpt{margin-bottom:1.25em;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more{margin:0;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more-link{font-weight:700;text-decoration:none}.post-feed .read-more-link:after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}.post-feed .read-more-link:hover{color:#424b5f}@media only screen and (min-width:641px){.has-gradient .page-title,.has-gradient .post-title{font-size:3em}.page-subtitle,.post-subtitle{font-size:1.25em}.post-full .post-meta{font-size:1.125em}.post-feed .post-excerpt,.post-feed .post-meta,.post-feed .post-title,.post-feed .read-more,.post-full .post-content{padding-left:7%;padding-right:7%}}@media only screen and (max-width:1000px){.post{margin-bottom:4vw}}.docs-content{padding-top:2.5em;width:95%}.post-content{width:85%}.post.type-docs{margin-bottom:3.625em}.post.type-docs h1{font-size:1.975em}.post.type-docs h2{font-size:1.6em}.post.type-docs h3{font-size:1.45em}.post.type-docs h4{font-size:1.35em}.post.type-docs h5,.post.type-docs h6{font-size:1.2em}.post.type-docs .hash-link{float:left;font-size:1.25rem;height:1em;line-height:1;margin-left:-1.1em;opacity:0;text-align:center;text-decoration:none;transition:opacity .4s;width:1em}.post.type-docs .hash-link:before{content:"#";display:inline-block}.post.type-docs .hash-link:focus,.post.type-docs .hash-link:hover{color:#00c6ff}.post.type-docs h2 .hash-link{margin-top:.22em}.post.type-docs h3 .hash-link{margin-top:.1em}.post.type-docs h2:focus .hash-link,.post.type-docs h2:hover .hash-link,.post.type-docs h3:focus .hash-link,.post.type-docs h3:hover .hash-link{opacity:1}.post.type-docs .post-inside{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);padding:.3em;width:70vw}.post.type-docs .post-title{font-size:1.875em;margin:0 0 1.25em;padding:0 2em}.post.type-docs .post-content{padding:.975em;word-wrap:break-word}#docs-section-items{display:flex;flex-wrap:wrap;list-style:none;margin-left:-.3125em;margin-right:-.3125em;padding:0}#docs-section-items .docs-section-item{flex:1 1 240px;margin:0 .3125em .9375em}#docs-section-items .docs-item-link{border:1px solid #dde0e7;border-radius:3px;color:#283040;display:block;font-weight:700;padding:.9375em;position:relative;text-decoration:none;transition:border-color .3s ease,color .3s ease}#docs-section-items .docs-item-link:hover{border-color:#00c6ff;color:#00c6ff}.docs-nav{margin-bottom:1.875em}.docs-nav .docs-nav-toggle{color:#283040;font-size:1.125em;margin:0;padding-right:15px;text-align:left}.docs-nav .docs-submenu-toggle{color:#67758d;position:absolute;right:0;top:0}#docs-menu{color:#283040;font-weight:700;line-height:1.5;list-style:none;margin:.7em;padding:0}#docs-menu>.docs-menu-item>a{padding:.3em 0;border-radius:20px;margin:auto}#docs-menu a{color:inherit;display:block;text-decoration:none}#docs-menu .current,#docs-menu .current-parent,#docs-menu a:hover{color:#00c6ff}.docs-submenu{border-left:1px solid #dde0e7;color:#424b5f;display:none;font-size:1;font-weight:400;list-style:none;margin-top:.625rem;padding-left:1rem}.docs-menu-item{color:inherit;margin-bottom:.625rem}.docs-menu-item.has-children{padding-right:20px;position:relative}.docs-menu-item.has-children.active .docs-submenu{display:block}.docs-menu-item.has-children.active>.docs-submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#page-nav{text-overflow:wrap}#page-nav .page-nav-title{font-size:1em;margin:0 0 .625em}#page-nav ul{font-size:.875rem;line-height:1.5;list-style:none;padding:0}#page-nav ul ul{border-left:1px solid #dde0e7;margin-top:.625rem;padding-left:1.25rem}#page-nav li{margin-bottom:.625rem}#page-nav li.active>a{color:#00c6ff}#page-nav a{color:#424b5f;display:block;text-decoration:none}#page-nav a:hover{color:#00c6ff}#page-nav .page-nav-title:only-child{display:none}@media only screen and (min-width:1200px){.post.type-docs .post-content,.post.type-docs .post-title{padding-left:8%;padding-right:7%}}@media only screen and (min-width:1200px){.docs-content{display:flex;padding-top:4em;width:100%}.post.type-docs{-ms-flex:1 1 auto;align-content:center}.docs-nav,.page-nav{-ms-flex-negative:0;margin-bottom:5.625em}.docs-nav .sticky,.page-nav .sticky{position:-webkit-sticky;position:sticky;top:1.875em}.docs-nav{width:8.5em}#page-nav{font-size:12px;margin:4em}#docs-nav-toggle{display:none}}@media only screen and (min-width:1091px){#page-nav{display:block}}@media only screen and (max-width:800px){.docs-nav{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;margin-bottom:5%;padding:1em}.docs-nav-menu{display:none}.docs-menu--opened .docs-nav-menu{display:block}.docs-menu--opened .docs-nav-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#docs-menu{border-top:1px solid #dde0e7;margin-top:1.25em;padding-top:1.25em}}.block{padding-top:3.75em}.block:not(.block-hero){background:#f8f8fa}.block:last-child{padding-bottom:3.75em}.block-header,.block-image{margin-bottom:1.5em}.block-title{margin:0}.block-subtitle{color:#67758d;line-height:1.5;margin-bottom:0}.block-subtitle:not(:first-child){margin-top:.5em}.block-buttons,.grid-item-buttons{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:.9375em}.block-buttons a,.grid-item-buttons a{font-weight:700;text-decoration:none}.block-buttons{justify-content:center}.block-buttons a{margin:0 .375em .75em}.grid-item-buttons a{margin:0 .75em .75em 0}.has-gradient .block-subtitle{color:inherit}.block-hero .block-buttons:not(:first-child),.block-text .block-buttons:not(:first-child){margin-top:1.875em}.block-text .grid-item{max-width:680px;text-align:center}.block-text .block-title{font-size:1.875em}@media only screen and (min-width:641px){.block-text .block-content{font-size:1.125em}.block-text .block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-text .grid-item:not(:only-child){flex:0 0 50%;max-width:50%}.block-body:not(:only-child){text-align:left}.block-body:not(:only-child) .block-buttons{justify-content:flex-start}.block-body:not(:only-child) .block-buttons a{margin-left:0;margin-right:.75em}}@media only screen and (min-width:1001px){.block-image:not(:only-child){padding-right:2.5em}.grid-swap .block-image:not(:only-child){padding-left:2.5em;padding-right:.9375em}}.block-cta .has-gradient{border-radius:5px;margin-bottom:1.875em;padding:3.75em 3vw 1.875em}.block-cta .block-header{max-width:680px;text-align:center}.block-cta .block-title{font-size:1.875em}.block-cta .block-subtitle{font-size:1.125em}@media only screen and (min-width:641px){.block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-cta .has-gradient{padding-left:7%;padding-right:7%}.block-cta .block-header{flex:0 0 66.666%;max-width:66.666%;text-align:left}.block-cta .block-buttons{flex:0 0 33.333%;margin-top:0;max-width:33.333%}}.block-hero+.block-grid:not(.has-header){background:0;padding-top:0}.block-grid .block-header{margin-bottom:2em;text-align:center}.block-grid .block-title{font-size:1.875em}.block-grid .grid-item{display:flex;flex-direction:column;margin-bottom:1.875em}.grid-item-inside{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);box-sizing:border-box;flex-grow:1;padding-bottom:.75em}.grid-item-image{display:block;width:100%}.grid-item-image,.grid-item-image img{border-radius:3px 3px 0 0}.grid-item-title{font-size:1.5em;margin:1em 0 .5em;padding-left:1em;padding-right:1em}.grid-item-title:first-child{margin-top:1.25em}.grid-item-title a{color:inherit!important;text-decoration:none}.grid-item-buttons,.grid-item-content{padding-left:1.5em;padding-right:1.5em}.grid-item-content{margin-bottom:1.25em}.grid-item-buttons a:not(.button):after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}@media only screen and (max-width:1000px){.block-grid .grid-item{margin-bottom:4vw}}.block-hero{padding-bottom:7.5em;position:relative;text-align:center}.block-hero .block-header{margin-bottom:.75em}.block-hero .block-title{font-size:2.25em}.block-hero .block-content{font-size:1.125em;line-height:1.5}.block-hero+.block{margin-top:-5em;position:relative}@media only screen and (min-width:641px){.block-hero .block-title{font-size:3em}.block-hero .block-content{font-size:1.25em}.block-hero .block-buttons a{font-size:1em}}.site-footer{background-color:#000;background-image:url(https://i.imgur.com/CEYEZp8.jpeg);padding-bottom:7.5em;padding-top:8.5em;color:#fff!important;border:4px solid #000}#colophon a:not(.button){color:inherit}#colophon a:not(.button):focus,#colophon a:not(.button):hover{color:#00c6ff}.site-info,.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;font-size:.675em;line-height:1.2}.site-info .button:not(.button-icon),.social-links .button:not(.button-icon){font-size:inherit;line-height:1.2;padding:.3em 1em}.site-info{margin:.25em 0 0;text-align:center}.site-info .copyright,.site-info>a{margin:0 4px .2em 0}.social-links{margin-top:.5375em}.social-links a{margin:0 50px .2em}.social-links .icon{font-size:20px;color:#000;background-color:#000}@media only screen and (min-width:641px){.site-footer-inside{align-items:flex-start;display:flex}.site-info{text-align:left}.site-info,.social-links{justify-content:flex-start}.social-links{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;margin-top:0}.social-links a{margin-left:20px;margin-right:0}}.palette-green a:not(.button){color:#20c86e}.palette-green a:not(.button):hover{color:#424b5f}.palette-green blockquote{border-color:#20c86e}.palette-green .button,.palette-green .line-left:after{background:#20c86e}.palette-green .has-gradient{background:#20c86e;background:linear-gradient(90deg,#1ba65b,#20c86e)}.palette-green #colophon a:not(.button):hover,.palette-green #docs-menu .current,.palette-green #docs-menu .current-parent,.palette-green #docs-menu a:hover,.palette-green #masthead a:not(.button):hover,.palette-green #page-nav a:hover,.palette-green #page-nav li.active>a,.palette-green .button-icon:active,.palette-green .button-icon:focus,.palette-green .button-icon:hover,.palette-green .button-secondary,.palette-green .has-gradient .button:not(.button-secondary),.palette-green .menu-item.current,.palette-green .post.type-docs .hash-link:focus,.palette-green .post.type-docs .hash-link:hover{color:#20c86e}.palette-green #docs-section-items .docs-item-link:hover{border-color:#20c86e;color:#20c86e}.palette-navy a:not(.button){color:#004e92}.palette-navy a:not(.button):hover{color:#424b5f}.palette-navy blockquote{border-color:#004e92}.palette-navy .button,.palette-navy .line-left:after{background:#004e92}.palette-navy .has-gradient{background:#004e92;background:linear-gradient(90deg,#000428,#004e92)}.palette-navy #colophon a:not(.button):hover,.palette-navy #docs-menu .current,.palette-navy #docs-menu .current-parent,.palette-navy #docs-menu a:hover,.palette-navy #masthead a:not(.button):hover,.palette-navy #page-nav a:hover,.palette-navy #page-nav li.active>a,.palette-navy .button-icon:active,.palette-navy .button-icon:focus,.palette-navy .button-icon:hover,.palette-navy .button-secondary,.palette-navy .has-gradient .button:not(.button-secondary),.palette-navy .menu-item.current,.palette-navy .post.type-docs .hash-link:focus,.palette-navy .post.type-docs .hash-link:hover{color:#004e92}.palette-navy #docs-section-items .docs-item-link:hover{border-color:#004e92;color:#004e92}.palette-violet a:not(.button){color:#8e2de2}.palette-violet a:not(.button):hover{color:#424b5f}.palette-violet blockquote{border-color:#8e2de2}.palette-violet .button,.palette-violet .line-left:after{background:#8e2de2}.palette-violet .has-gradient{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2)}.palette-violet #colophon a:not(.button):hover,.palette-violet #docs-menu .current,.palette-violet #docs-menu .current-parent,.palette-violet #docs-menu a:hover,.palette-violet #masthead a:not(.button):hover,.palette-violet #page-nav a:hover,.palette-violet #page-nav li.active>a,.palette-violet .button-icon:active,.palette-violet .button-icon:focus,.palette-violet .button-icon:hover,.palette-violet .button-secondary,.palette-violet .has-gradient .button:not(.button-secondary),.palette-violet .menu-item.current,.palette-violet .post.type-docs .hash-link:focus,.palette-violet .post.type-docs .hash-link:hover{color:#8e2de2}.palette-violet #docs-section-items .docs-item-link:hover{border-color:#8e2de2;color:#8e2de2}</style><meta name="generator" content="Gatsby 2.25.4"/><title data-react-helmet="true">Gist Archive</title><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet"/><link data-react-helmet="true" rel="icon" href="../../images/favicon-750d4390.png"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"/><meta data-react-helmet="true" name="description" content="A collection of my github gists"/><meta data-react-helmet="true" name="robots" content=""/><link as="script" rel="preload" href="./../webpack-runtime-e0d945bfc04076092229.js"/><link as="script" rel="preload" href="./../framework-e132d18971612bcf60f3.js"/><link as="script" rel="preload" href="./../dc6a8720040df98778fe970bf6c000a41750d3ae-8ef9d1d2adaff6ba0f59.js"/><link as="script" rel="preload" href="./../app-10180cc44b3853f61402.js"/><link as="script" rel="preload" href="./../styles-7d4153d260c0197f0043.js"/><link as="script" rel="preload" href="./../29107295-e9457ed2135dcbbf6ce8.js"/><link as="script" rel="preload" href="./../commons-5965a56c7b6ef2e118ee.js"/><link as="script" rel="preload" href="./../component---src-templates-docs-js-731339ed0815d7cada90.js"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/docs/gists/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/app-data.json" crossorigin="anonymous"/><script data-ad-client="ca-pub-7131725540181116" async src="../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script>
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5S5XXNR');</script>
+<!-- End Google Tag Manager -->
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S5XXNR"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+<meta name="google-site-verification" content="W6SJ3S45yhnjzV6ISUMCTXl_QVX5woQZ7jO3bsahONQ" />
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-4W5MG3DG4T"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-4W5MG3DG4T');
+</script>
+
+<script data-ad-client="ca-pub-7131725540181116" async src="../../../pagead2.googlesyndication.com/pagead/js/f.txt"></script><style>blockquote,
+body,
+dd,
+dl,
+figcaption,
+figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+li,
+ol[class],
+p,
+ul[class] {
+  margin: 0
+}
+
+body {
+  min-height: 110vh;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
+  line-height: 1.6
+}
+
+
+
+
+
+article>*+* {
+  margin-top: 1em
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit
+}
+
+@media(prefers-reduced-motion:reduce) {
+  * {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+    scroll-behavior: auto !important
+  }
+}
+
+html {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: arial, x-locale-body, sans-serif;
+  letter-spacing: -.0027777778rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 100%;
+  line-height: 1.75
+}
+
+img {
+  height: auto
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.0beac26b.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Bold.subset.72026b3c.woff) format("woff")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: zillaslab;
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.ce3a756d.woff2) format("woff2"), url(https://bgoonz-blog.netlify.app/static/media/ZillaSlab-Regular.subset.7e4c05c9.woff) format("woff")
+}
+
+h1,
+h2,
+h3 {
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  line-height: 1.2
+}
+
+h1 {
+  font-size: 1.802rem
+}
+
+@media (min-width:47.9385em) {
+  h1 {
+    font-size: 3.052rem
+  }
+}
+
+h2 {
+  font-size: 1.602rem
+}
+
+@media (min-width:47.9385em) {
+  h2 {
+    font-size: 2.441rem
+  }
+}
+
+h3 {
+  font-size: 1.424rem;
+
+
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  max-width: -webkit-max-content;
+  max-width: -moz-max-content;
+  max-width: max-content;
+  padding: 0 6px;
+  margin: 24px 0
+}
+
+@media (min-width:47.9385em) {
+  h3 {
+    font-size: 1.953rem
+  }
+}
+
+h4 {
+  font-size: 1.266rem
+}
+
+@media (min-width:47.9385em) {
+  h4 {
+    font-size: 1.563rem
+  }
+}
+
+h5 {
+  font-size: 1.125rem
+}
+
+@media (min-width:47.9385em) {
+  h5 {
+    font-size: 1.25rem
+  }
+}
+
+p {
+  margin-bottom: 24px
+}
+
+a:link,
+a:visited {
+
+  text-decoration: none
+}
+
+a:link:active,
+a:link:focus,
+a:link:hover,
+a:visited:active,
+a:visited:focus,
+a:visited:hover {
+  text-decoration: underline
+}
+
+blockquote {
+  max-width: 45rem;
+  max-width: 85ch;
+  font-size: 1.125rem;
+  font-family: zillaslab, palatino, "Palatino Linotype", serif;
+  font-weight: 400;
+  margin-bottom: 24px
+}
+
+@media (min-width:47.9385em) {
+  blockquote {
+    font-size: 1.25rem
+  }
+}
+
+blockquote:after,
+blockquote:before {
+  background-image: linear-gradient(90deg, #00356a, #83d0f2);
+  content: "";
+  display: block;
+  height: 5px;
+  margin-bottom: 12px
+}
+
+blockquote:after {
+  margin-top: 12px
+}
+
+blockquote p:last-of-type {
+  margin-bottom: 0
+}
+
+a {
+
+  text-decoration: none
+}
+
+a:focus,
+a:hover {
+  text-decoration: underline
+}
+
+a code {
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none
+}
+
+
+dl dt {
+  font-weight: 700
+}
+
+dl dd {
+  margin: 0 24px 24px
+}
+
+
+
+</style><meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU" />
+<meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="apple-touch-icon" href="https://bgoonz-blog.netlify.app/docs/gists/logo-circle.png">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="Content-Type" content="HTML">
+  <meta name="Author" content="Bryan Guner">
+  <meta name="keywords" content="HTML, Meta Tags, Metadata">
+  <meta name="description" content="Learning about Web Development.">
+  <link type="image/x-icon" href="https://bgoonz-blog.netlify.app/docs/gists/favicon.ico" rel="shortcut icon">
+  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@bgoonz">
+  <meta name="twitter:creator" content="@bgoonz">
+  <meta name="twitter:image:src" content="/logo-circle.png">
+  <meta name="twitter:title" content="Web Development Resource Hub Bryan Guner">
+  <meta name="twitter:description" content="The new home of my blog resource sharing website.">
+<meta property="twitter:card" content="summary_large_image">
+  <link
+    href="../../../instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png"
+    rel="apple-touch-icon">
+  <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet">
+<meta property="og:image" content="https://mugshotbot.com/m/DROicc16"><script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","../../../chimpstatic.com/mcjs-connected/js/users/a41d8352dc1deaf4533662699/28d2370bb66d456a5d6411971.js");</script><script src="../../../cdn.jsdelivr.net/npm/%40popperjs/core%402.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
+<script src="../../../cdn.jsdelivr.net/npm/bootstrap%405.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script><!-- Insert makerbadge.js (download or use ☁️cloud version) -->
+
+<script type="text/javascript" src="../../../makerbadge.s3.amazonaws.com/blmbadge.js"></script>
+
+<!-- Initialise MakerBadge with options -->
+
+<script>
+  BLMBadge.init({
+       layout:1,
+       theme:'dark',
+       promoText : 'Send a donation '+String.fromCodePoint(0x2192),
+       promoLink : 'https://minnesotafreedomfund.org/',
+       message : 'To be silent is to be complicit. Black lives matter.',
+       title : '#BlackLivesMatter',
+       imageAlt: "Black Lives Matter Badge"
+})
+</script><script src="../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><script src="../../../identity.netlify.com/v1/netlify-identity-widget.js"></script>
+
+
+<script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>"use strict";
+
+!function() {
+    var t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYxZTQzZmFlY2I2NjkwNWMyZGJkMGVmZCIsInRva2VuVHlwZSI6InB1YmxpYyIsImlhdCI6MTY0MjM0ODUyNiwiZXhwIjoxNDI1Njc0ODUyNn0.VD7Lxgh5cWuOzOhV9KH51TZVdPVXvsIJgRUx-oacfVM";
+    function e() {
+        var e = document.createElement("script"), a = navigator.language || navigator.userLanguage;
+        e.type = "text/javascript", e.async = !0, e.src = "https://api.searchbar.org/v1/widget/" + t + "/" + a;
+        var n = document.getElementsByTagName("script")[0];
+        n.parentNode.insertBefore(e, n);
+    }
+    "complete" === document.readyState ? e() : window.attachEvent ? window.attachEvent("onload", e) : window.addEventListener("load", e, !1);
+}();</script><style>
+		@font-face {
+            font-family: font-sb;
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784);
+            src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');
+            font-weight: 400;
+            font-style: normal
+        }
+
+        #sb-search-example p {
+            font-family: sans-serif;
+            font-size: 18px;
+            line-height: 12px;
+	        margin: 0;
+        }
+
+        #sb-search-example {
+            position: static;
+            bottom: 0;
+            width: auto;
+            place-content: center;
+            display: inline-block;
+            box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);
+            border: solid 5px white;
+            border-radius: 100px;
+            flex-shrink: initial;
+            flex-grow: initial;
+        }
+
+
+        #sb-search-example .sb-icon {
+            font: normal normal 400 26px font-sb;
+            align-items: center;
+            padding: 10px;
+            speak: none;
+            display: inline-block;
+            text-decoration: inherit;
+            text-align: center;
+            text-transform: none;
+            cursor: pointer;
+            margin: 0;
+        }
+
+        #sb-search-example .sb-search-icon {
+            box-sizing: border-box;
+            border: 0px;
+            align-items: center;
+            background: #007cff;
+            color: #fff;
+            cursor: pointer;
+            display: flex;
+            border-radius: 26px;
+            padding: 0 20px 0 4px;
+        }
+	</style><script src="../../../identity.netlify.com/v1/netlify-identity-widget.js"></script><style>
+#scrollBtn {
+  display: none;
+  position: fixed;
+  bottom: 140px;
+  right: 20px;
+  z-index: 99;
+  border: 1px black solid;
+  outline: none;
+  background-color: #044274;
+  color: white;
+  cursor: pointer;
+  padding: 5px;
+  border-radius: 28px;
+  font-size: 12px;
+}
+
+#scrollBtn:hover {
+  background-color: #ffffff;
+color:#000000;
+}
+
+</style><style>
+a {
+  text-decoration: none;
+  color: #007edf;
+  text-shadow: none;
+
+  transition: color 0.5s ease;
+  transition: text-shadow 0.5s ease;
+  -webkit-transition: color 0.5s ease;
+  -webkit-transition: text-shadow 0.5s ease;
+  -moz-transition: color 0.5s ease;
+  -moz-transition: text-shadow 0.5s ease;
+  -o-transition: color 0.5s ease;
+  -o-transition: text-shadow 0.5s ease;
+  -ms-transition: color 0.5s ease;
+  -ms-transition: text-shadow 0.5s ease;
+}
+a:hover, a:focus {text-decoration: underline;}
+
+footer a {
+  color: #F2F2F2;
+  text-decoration: underline;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+pre {
+  width: 100%;
+  padding: 10px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+  overflow: auto;
+}
+
+code {
+  padding: 3px;
+  margin: 0 3px;
+  box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
+pre code {
+  display: block;
+  box-shadow: none;
+}
+
+blockquote {
+  color: #666;
+  margin-bottom: 20px;
+  padding: 0 0 0 20px;
+  border-left: 3px solid #bbb;
+}
+</style></head><body class="palette-navy"><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="page" class="site"><header id="masthead" class="site-header outer"><br/><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-logo"><a href="https://bgoonz-blog.netlify.app/"><img src="../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></p></div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item has-children menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/sitemap">Navigation</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Docs</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/showcase">Showcase</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/faq/contact">Contact!</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/docs/python/python-ds">Python</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/javascript">JavaScript</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/">Blog</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz.blogspot.com/" target="_blank" rel="noopener " class="button">Blog-Post-Archive</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/blog/platform-docs/">platform docs</a></li><li class="menu-item menu-button"><a target="_blank" rel="noopener " class="button" href="../articles/nodejs/index.html">nodejs</a></li><li class="menu-item menu-button"><a href="https://blog-w-comments.vercel.app/" target="_blank" rel="noopener " class="button">Blog with Comments</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="../interview/job-search-nav/index.html">Job Search</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/interview/job-boards">Job Boards</a></li><li class="menu-item"><a href="#">lorem-ipsum</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="../tools/archive/index.html">Archive</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Learning-Assets" target="_blank" rel="noopener " class="button">Resource-Archive-Server</a></li><li class="menu-item menu-button"><a href="https://lambda-resources.netlify.app/" class="button">Bootcamp Resources</a></li><li class="menu-item menu-button"><a href="https://web-dev-resource-hub.netlify.app/" target="_blank" rel="noopener " class="button">OG-Blog</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Top Repos</a></li><li class="menu-item menu-button"><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener " class="button">MY_DOCS</a></li></ul></li><li class="menu-item has-children menu-button"><a target="_blank" rel="noopener " class="button" href="https://bgoonz-blog.netlify.app/docs/projects">Projects</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">Potluck Planner</a></li><li class="menu-item menu-button"><a href="https://meditate42app.netlify.app/" target="_blank" rel="noopener " class="button">Meditation App</a></li><li class="menu-item menu-button"><a href="https://search-awesome.vercel.app/" target="_blank" rel="noopener " class="button">SearchAwesome</a></li><li class="menu-item menu-button"><a href="https://bg-portfolio.netlify.app/" target="_blank" rel="noopener " class="button">Condensed -Portfolio</a></li><li class="menu-item menu-button"><a href="https://a.familypromiseservicetracker.dev/" target="_blank" rel="noopener " class="button">Family Promise Tracker</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering" class="button">DTW-Guitar-FX-Automation</a></li><li class="menu-item menu-button"><a href="https://friendly-panda-b61ab.netlify.app/" class="button">Embeds Blog</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">alt-blogs</a></li><li class="menu-item menu-button"><a href="https://bgoonz-games.netlify.app/" class="button">Games</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" target="_blank" rel="noopener " class="button">Blog Backup</a></li><li class="menu-item menu-button"><a href="https://bgoonz-cv.netlify.app/" class="button">Cover Letter</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Centric</a></li><li class="menu-item menu-button"><a href="https://web-dev-hub.com/" target="_blank" rel="noopener " class="button">Wordpress Blog</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Portfolio Gallery</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/github-stats-website/" class="button">github-stats-website</a></li></ul></li><li class="menu-item has-children menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/tools">Tools</a><button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://githtmlpreview.netlify.app/" target="_blank" rel="noopener " class="button">Github HTML Previewer</a></li><li class="menu-item menu-button"><a href="https://devtools42.netlify.app/" target="_blank" rel="noopener " class="button">Text Tools</a></li><li class="menu-item menu-button"><a href="https://ternary42.netlify.app/" target="_blank" rel="noopener " class="button">Ternary 2 If Else</a></li><li class="menu-item menu-button"><a href="https://determined-dijkstra-ee7390.netlify.app/" target="_blank" rel="noopener " class="button">Job Search Resources</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/web-dev-setup-checker" target="_blank" rel="noopener " class="button">Setup Checker</a></li><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" target="_blank" rel="noopener " class="button">PotluckPlanner</a></li><li class="menu-item menu-button"><a href="https://web-dev-interview-prep-quiz-website.netlify.app/" class="button">WebDev Quizzes</a></li><li class="menu-item menu-button"><a href="https://github.com/search/advanced" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Github-Advanced-Search</span></a></li></ul></li></ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button></div></div><div><div id="sb-search-example"><div class="sb-search-icon" id="myCustomSearchButtonID"><i class="sb-icon"></i><p>Search</p></div></div><a class="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github"><svg aria-hidden="true" width="40" height="40" viewBox="0 0 250 250" style="z-index:100000;fill:black;color:#fff;position:fixed;top:0px;border:0;left:0px;transform:scale(-1.5, 1.5)"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="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="transform-origin:130px 106px"></path><path class="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><main id="content" class="site-content"><div class="inner outer"><div class="docs-content"><nav id="docs-nav" class="docs-nav"><div id="docs-nav-inside" class="docs-nav-inside sticky"><button id="docs-nav-toggle" class="docs-nav-toggle">Navigate Docs<span class="icon-angle-right" aria-hidden="true"></span></button><div class="docs-nav-menu"><ul id="docs-menu" class="docs-menu"><li class="docs-menu-item"><a href="../index.html">Docs</a></li><li class="docs-menu-item has-children"><a href="../about/index.html">About</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../about/README/index.html">readme</a></li><li class="docs-menu-item"><a href="../about/eng-portfolio/index.html">Engineering Portfolio</a></li><li class="docs-menu-item"><a href="../about/resume/index.html">Resume</a></li><li class="docs-menu-item"><a href="../about/youtube/index.html">Youtube</a></li><li class="docs-menu-item"><a href="../about/job-search/index.html">Job Search</a></li></ul></li><li class="docs-menu-item has-children"><a href="../articles/index.html">Articles</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../articles/how-the-web-works/index.html">How The Web Works</a></li><li class="docs-menu-item"><a href="../articles/http/index.html">The HTTP Protocol</a></li><li class="docs-menu-item"><a href="../articles/nextjs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../articles/node-cli-args/index.html">where-is-npm-pack</a></li><li class="docs-menu-item"><a href="../articles/node-env-variables/index.html">Node Export Module</a></li><li class="docs-menu-item"><a href="../articles/node-common-modules/index.html">Common Modules</a></li><li class="docs-menu-item"><a href="../articles/node-repl/index.html">The-package-lock.json-file</a></li><li class="docs-menu-item"><a href="../articles/node-js-language/index.html">packagejson</a></li><li class="docs-menu-item"><a href="../articles/node-package-manager/index.html">Sorting Algorithms</a></li><li class="docs-menu-item"><a href="../articles/node-run-cli/index.html">node-cli-args</a></li><li class="docs-menu-item"><a href="../articles/npm/index.html">Introduction to npm</a></li><li class="docs-menu-item"><a href="../articles/the-uniform-resource-locator-(url)/index.html">The Uniform Resource Locator (URL)</a></li><li class="docs-menu-item"><a href="../articles/v8/index.html">npm global or local packages</a></li><li class="docs-menu-item"><a href="../articles/semantic-html/index.html">Web Design</a></li><li class="docs-menu-item"><a href="../articles/web-standards-checklist/index.html">Web Standards Checklist</a></li><li class="docs-menu-item"><a href="../articles/understanding-firebase/index.html">Firebase</a></li><li class="docs-menu-item"><a href="../articles/webdev-tools/index.html">Web Developer Tools</a></li><li class="docs-menu-item"><a href="../articles/buffers/index.html">Node Buffers</a></li><li class="docs-menu-item"><a href="../articles/dev-dep/index.html">Dev Dependencies</a></li><li class="docs-menu-item"><a href="../articles/event-loop/index.html">The Node.js Event Loop</a></li><li class="docs-menu-item"><a href="../articles/basic-web-dev/index.html">Web Dev Review</a></li><li class="docs-menu-item"><a href="../articles/fs-module/index.html">Fs-Module</a></li><li class="docs-menu-item"><a href="../articles/how-search-engines-work/index.html">The Anatomy of a Search Engine</a></li><li class="docs-menu-item"><a href="../articles/install/index.html">Install</a></li><li class="docs-menu-item"><a href="../articles/intro/index.html">Intro To Node</a></li><li class="docs-menu-item"><a href="../articles/modules/index.html">Node Modules System</a></li><li class="docs-menu-item"><a href="../articles/nodejs/index.html">Javascript and Node</a></li><li class="docs-menu-item"><a href="../articles/npx/index.html">The npx Node.js Package Runner</a></li><li class="docs-menu-item"><a href="../articles/nodevsbrowser/index.html">Node vs Browser</a></li><li class="docs-menu-item"><a href="../articles/reading-files/index.html">Reading Files</a></li><li class="docs-menu-item"><a href="../articles/os-module/index.html">OS-Module</a></li><li class="docs-menu-item"><a href="../articles/semantic/index.html">Semantic Versioning</a></li><li class="docs-menu-item"><a href="../articles/writing-files/index.html">Writing Files</a></li><li class="docs-menu-item"><a href="../articles/node-api-express/index.html">Node APIs With Express</a></li></ul></li><li class="docs-menu-item has-children"><a href="../audio/index.html">Audio</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../audio/audio/index.html">Audio</a></li><li class="docs-menu-item"><a href="../audio/discrete-fft/index.html">Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../audio/audio-feature-extraction/index.html">Audio Feature Extraction</a></li><li class="docs-menu-item"><a href="../audio/dfft/index.html">Discrete Fast Fourier Transform</a></li><li class="docs-menu-item"><a href="../audio/dtw-python-explained/index.html">Dynamic Time Warping Algorithm Explained (Python)</a></li><li class="docs-menu-item"><a href="../audio/dynamic-time-warping/index.html">dynamic-time-warping</a></li><li class="docs-menu-item"><a href="../audio/web-audio-api/index.html">Web Apis</a></li></ul></li><li class="docs-menu-item has-children"><a href="../career/index.html">Career</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../career/dev-interview/index.html">Developer Interview Questions</a></li><li class="docs-menu-item"><a href="../career/interview-dos-n-donts/index.html">Do &amp; Don&#x27;t of Interviewing!</a></li><li class="docs-menu-item"><a href="../career/job-boards/index.html">Job Board</a></li><li class="docs-menu-item"><a href="../career/wed-dev-questions/index.html">Javascript Practice</a></li></ul></li><li class="docs-menu-item has-children"><a href="../community/index.html">Community</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../community/an-open-letter-2-future-developers/index.html">New Developers</a></li><li class="docs-menu-item"><a href="../community/video-chat/index.html">Video Chat</a></li><li class="docs-menu-item"><a href="../community/github-profiles/index.html">Cool Github Profiles</a></li><li class="docs-menu-item"><a href="../community/bookmarks/index.html">Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../content/index.html">Content</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../content/bash-intro/index.html">Tuning Command Line History in Bash - ShellHacks</a></li><li class="docs-menu-item"><a href="../content/gatsby-Queries-Mutations/index.html">Queries and Mutations (Gatsby)</a></li><li class="docs-menu-item"><a href="../content/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../content/github-api/index.html">All the Things You Can Do With GitHub API and Python</a></li><li class="docs-menu-item"><a href="../content/history-api/index.html">History API</a></li><li class="docs-menu-item"><a href="../content/trouble-shooting/index.html">Trouble Shooting</a></li><li class="docs-menu-item"><a href="../content/netlify/index.html">Netlify Docs</a></li><li class="docs-menu-item"><a href="../content/algo/index.html">Algorithms &amp; Data Structures</a></li></ul></li><li class="docs-menu-item has-children"><a href="../css/index.html">Css</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../css/css-positioning/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../data-structures/index.html">Data Structures</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../data-structures/data-structures-in-depth/index.html">Data Structures</a></li><li class="docs-menu-item"><a href="../data-structures/big-o/index.html">Big-O Notation</a></li><li class="docs-menu-item"><a href="../data-structures/ds-algo-interview/index.html">Data Structures Interview</a></li></ul></li><li class="docs-menu-item has-children"><a href="../docs/index.html">Docs</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../docs/appendix/index.html">Apendix</a></li><li class="docs-menu-item"><a href="../docs/css/index.html">Learn Css</a></li><li class="docs-menu-item"><a href="../docs/art-of-command-line/index.html">Command Line Basics</a></li><li class="docs-menu-item"><a href="../docs/git-repos/index.html">Git Repo List</a></li><li class="docs-menu-item"><a href="../docs/git-reference/index.html">Git Reference</a></li><li class="docs-menu-item"><a href="../docs/data-structures-docs/index.html">Data Structures Docs</a></li><li class="docs-menu-item"><a href="../docs/markdown/index.html">Markdown</a></li><li class="docs-menu-item"><a href="../docs/jamstack/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../docs/regex-in-js/index.html">Regular Expressions</a></li><li class="docs-menu-item"><a href="../docs/sitemap/index.html">Sitemap</a></li><li class="docs-menu-item"><a href="../docs/es-6-features/index.html">ECMAScript 6</a></li><li class="docs-menu-item"><a href="../docs/bash/index.html">Bash Commands That Save Me Time and Frustration</a></li><li class="docs-menu-item"><a href="../docs/html-spec/index.html">HTML SPEC</a></li><li class="docs-menu-item"><a href="../docs/no-whiteboarding/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../docs/node-docs-full/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../docs/snippets/index.html">Useful Snippets</a></li><li class="docs-menu-item"><a href="../docs/node-docs-complete/index.html">Node Docs</a></li><li class="docs-menu-item"><a href="../docs/glossary/index.html">lorem-ipsum</a></li></ul></li><li class="docs-menu-item has-children"><a href="../faq/index.html">FAQ</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../faq/plug-ins/index.html">Plug-ins</a></li><li class="docs-menu-item"><a href="../faq/contact/index.html">Contact!</a></li></ul></li><li class="docs-menu-item has-children"><a href="../interact/index.html">Interactive</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../interact/callstack-visual/index.html">Callstack Visualizer</a></li><li class="docs-menu-item"><a href="../interact/clock/index.html">Clock</a></li><li class="docs-menu-item"><a href="../interact/jupyter-notebooks/index.html">Jupyter Notebooks</a></li><li class="docs-menu-item"><a href="../interact/other-sites/index.html">Other Websites</a></li><li class="docs-menu-item"><a href="../interact/video-chat/index.html">Zumzi Video Conferencing (Mesibo API Backend)</a></li></ul></li><li class="docs-menu-item has-children"><a href="../javascript/index.html">Javascript</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../javascript/arrow-functions/index.html">JS Fat Arrow Functions</a></li><li class="docs-menu-item"><a href="../javascript/asyncjs/index.html">Asynchronous-JS</a></li><li class="docs-menu-item"><a href="../javascript/await-keyword/index.html">Await </a></li><li class="docs-menu-item"><a href="../javascript/constructor-functions/index.html">Constructor Functions</a></li><li class="docs-menu-item"><a href="../javascript/cs-basics-in-js/index.html">CS Basics</a></li><li class="docs-menu-item"><a href="../javascript/for-loops/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../javascript/promises/index.html">Promises</a></li><li class="docs-menu-item"><a href="../javascript/clean-code/index.html">Clean Code</a></li><li class="docs-menu-item"><a href="../javascript/review/index.html">Javascript Concepts Review</a></li><li class="docs-menu-item"><a href="../javascript/this-is-about-this/index.html">WhatisTHIS</a></li></ul></li><li class="docs-menu-item has-children"><a href="../interview/index.html">Interviewing</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../interview/job-search-nav/index.html">Job Search Navigation</a></li><li class="docs-menu-item"><a href="../interview/review-concepts/index.html">Review Of Concepts</a></li></ul></li><li class="docs-menu-item has-children"><a href="../leetcode/index.html">Leetcode</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../leetcode/004._Median_of_Two_Sorted_Arrays/index.html">004._Median_of_Two_Sorted_Arrays</a></li><li class="docs-menu-item"><a href="../leetcode/006._ZigZag_Conversion/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/008._String_to_Integer_(atoi)/index.html">008._String_to_Integer</a></li><li class="docs-menu-item"><a href="../leetcode/009._Palindrome_Number/index.html">009._Palindrome_Number</a></li><li class="docs-menu-item"><a href="../leetcode/011._Container_With_Most_Water/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/010._Regular_Expression_Matching/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/012._Integer_to_Roman/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/013._Roman_to_Integer/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/014._Longest_Common_Prefix/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/017._Letter_Combinations_of_a_Phone_Number/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/019._Remove_Nth_Node_From_End_of_List/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/020._Valid_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/022._Generate_Parentheses/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/026._Remove_Duplicates_from_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/029._Divide_Two_Integers/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/031._Next_Permutation/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/033._Search_in_Rotated_Sorted_Array/index.html">Leetcode</a></li><li class="docs-menu-item"><a href="../leetcode/first-100/index.html">Leetcode</a></li></ul></li><li class="docs-menu-item has-children"><a href="../projects/index.html">Projects</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../projects/embeded-websites/index.html">Embeded Websites &amp; Projects</a></li><li class="docs-menu-item"><a href="../projects/list-of-projects/index.html">List Of Projects</a></li><li class="docs-menu-item"><a href="../projects/main-projects/index.html">RECENT PROJECTS</a></li><li class="docs-menu-item"><a href="../projects/mini-projects2/index.html">Mini Projects 2</a></li><li class="docs-menu-item"><a href="../projects/mini-projects/index.html">Mini Projects</a></li><li class="docs-menu-item"><a href="../projects/my-websites/index.html">My Sites</a></li></ul></li><li class="docs-menu-item has-children"><a href="../python/index.html">Python</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../python/examples/index.html">Practice</a></li><li class="docs-menu-item"><a href="../python/flow-control/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../python/functions/index.html">Python Functions</a></li><li class="docs-menu-item"><a href="../python/google-sheets-api/index.html">google-sheets-api</a></li><li class="docs-menu-item"><a href="../python/install-python-ubuntu/index.html">How to install Python 2.7 on Ubuntu 20.04 LTS</a></li><li class="docs-menu-item"><a href="../python/intro-for-js-devs/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../python/python-ds/index.html">Python General Notes</a></li><li class="docs-menu-item"><a href="../python/python-quiz/index.html">Python Quiz</a></li><li class="docs-menu-item"><a href="../python/snippets/index.html">Python Snippets</a></li><li class="docs-menu-item"><a href="../python/cheat-sheet/index.html">Python Cheat Sheet</a></li><li class="docs-menu-item"><a href="../python/comprehensive-guide/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../python/at-length/index.html">Python at length</a></li></ul></li><li class="docs-menu-item has-children"><a href="../quick-reference/index.html">QuickRef</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../quick-reference/all-emojis/index.html">All Emojis</a></li><li class="docs-menu-item"><a href="../quick-reference/git-bash/index.html">Git Bash</a></li><li class="docs-menu-item"><a href="../quick-reference/git-tricks/index.html">Git Tricks</a></li><li class="docs-menu-item"><a href="../quick-reference/google-firebase/index.html">Firebase (Firebasics)</a></li><li class="docs-menu-item"><a href="../quick-reference/markdown-dropdowns/index.html">Markdown Dropdown</a></li><li class="docs-menu-item"><a href="../quick-reference/installation/index.html">Installation</a></li><li class="docs-menu-item"><a href="../quick-reference/minifiction/index.html">How To Minify Code For Better Web Performance </a></li><li class="docs-menu-item"><a href="../quick-reference/new-repo-instructions/index.html">new-repo-git</a></li><li class="docs-menu-item"><a href="../quick-reference/pull-request-rubric/index.html">Pull Request Template</a></li><li class="docs-menu-item"><a href="../quick-reference/quick-links/index.html">Quick Links</a></li><li class="docs-menu-item"><a href="../quick-reference/heroku-error-codes/index.html">Heroku Error Codes</a></li><li class="docs-menu-item"><a href="../quick-reference/topRepos/index.html">Top Repos</a></li><li class="docs-menu-item"><a href="../quick-reference/psql-setup/index.html">PostgreSQL Setup</a></li><li class="docs-menu-item"><a href="../quick-reference/understanding-path/index.html">Understanding PATH</a></li><li class="docs-menu-item"><a href="../quick-reference/Emmet/index.html">Emmet Cheat Sheet</a></li><li class="docs-menu-item"><a href="../quick-reference/create-react-app/index.html">Getting Started W Create React App</a></li><li class="docs-menu-item"><a href="../quick-reference/vscode-themes/index.html">vscode-themes</a></li></ul></li><li class="docs-menu-item has-children"><a href="../react/index.html">React</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../react/ajax-n-apis/index.html">AJAX and APIs</a></li><li class="docs-menu-item"><a href="../react/createReactApp/index.html">npx-create-react-app</a></li><li class="docs-menu-item"><a href="../react/cheatsheet/index.html">React Cheat Sheets:</a></li><li class="docs-menu-item"><a href="../react/demo/index.html">React Class Components Demo</a></li><li class="docs-menu-item"><a href="../react/jsx/index.html">Introducing JSX</a></li><li class="docs-menu-item"><a href="../react/dont-use-index-as-keys/index.html">Index as a key is an anti-pattern</a></li><li class="docs-menu-item"><a href="../react/react-w-api/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../react/quiz/index.html">React Quiz Questions</a></li><li class="docs-menu-item"><a href="../react/react-patterns-by-usecase/index.html">React Patterns &amp; Use Cases</a></li><li class="docs-menu-item"><a href="../react/render-elements/index.html">Rendering Elements With React</a></li><li class="docs-menu-item"><a href="../react/react-docs/index.html">React Docs</a></li><li class="docs-menu-item"><a href="../react/react2/index.html">Intro To React</a></li><li class="docs-menu-item"><a href="../react/react-in-depth/index.html">React In Depth</a></li></ul></li><li class="docs-menu-item has-children"><a href="../reference/index.html">Reference</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../reference/awesome-static/index.html">Awesome Static Site Resources</a></li><li class="docs-menu-item"><a href="../reference/embed-the-web/index.html">Embed The Web</a></li><li class="docs-menu-item"><a href="../reference/google-cloud/index.html">Google Cloud</a></li><li class="docs-menu-item"><a href="../reference/bash-commands/index.html">Bash-Commands</a></li><li class="docs-menu-item"><a href="../reference/how-to-kill-a-process/index.html">Kill a Process in Linux</a></li><li class="docs-menu-item"><a href="../reference/how-2-reinstall-npm/index.html">How To Reinstall NPM and Node.js On Your System</a></li><li class="docs-menu-item"><a href="../reference/installing-node/index.html">Installing Node</a></li><li class="docs-menu-item"><a href="../reference/intro-to-nodejs/index.html">Intro To NodeJS</a></li><li class="docs-menu-item"><a href="../reference/notes-template/index.html">Notes Template</a></li><li class="docs-menu-item"><a href="../reference/markdown-styleguide/index.html">Markdown Lint Styleguide</a></li><li class="docs-menu-item"><a href="../reference/psql/index.html">Postgresql Cheat Sheet</a></li><li class="docs-menu-item"><a href="../reference/vscode/index.html">vscode</a></li><li class="docs-menu-item"><a href="../reference/resources/index.html">Developer Resources</a></li><li class="docs-menu-item"><a href="../reference/awesome-nodejs/index.html">Awesome NodeJS</a></li><li class="docs-menu-item"><a href="../reference/github-search/index.html">Github Search</a></li><li class="docs-menu-item"><a href="../reference/awesome-lists/index.html">Awesome Lists</a></li><li class="docs-menu-item"><a href="../reference/web-api%27s/index.html">Web Apis</a></li><li class="docs-menu-item"><a href="../reference/bookmarks/index.html">Web Dev Bookmarks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../tools/index.html">Tools</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../tools/dev-utilities/index.html">General Utilities</a></li><li class="docs-menu-item"><a href="../tools/archive/index.html">Archive</a></li><li class="docs-menu-item"><a href="../tools/markdown-html/index.html">md and html</a></li></ul></li><li class="docs-menu-item has-children"><a href="../tips/index.html">Tips</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../tips/array-methods/index.html">Tips</a></li><li class="docs-menu-item"><a href="../tips/insert-into-array/index.html">Insert Into Array</a></li><li class="docs-menu-item"><a href="../tips/sorting-strings/index.html">Sorting Strings</a></li><li class="docs-menu-item"><a href="../tips/regex-tips/index.html">Regex Tricks</a></li></ul></li><li class="docs-menu-item has-children"><a href="../tutorials/index.html">Tutorials</a><button class="docs-submenu-toggle"><span class="screen-reader-text">Submenu</span><span class="icon-angle-right" aria-hidden="true"></span></button><ul class="docs-submenu"><li class="docs-menu-item"><a href="../tutorials/how-to-use-google-sheets-as-cms/index.html">lorem-ipsum</a></li><li class="docs-menu-item"><a href="../tutorials/enviorment-setup/index.html">Basic Bash Proficiency</a></li></ul></li></ul></div></div></nav><article class="post type-docs"><div class="post-inside"><header class="post-header"><h1 class="post-title line-left">my gists</h1></header><div class="post-content"><h2>Gist Archive</h2><h2>Gist Archive</h2><iframe src="https://bgoonzgist.netlify.app/" height="1000px" width="1400px" scrolling="yes" frameBorder="no" loading="lazy" allowTransparency="true" allowfullscreen=""></iframe><br/><hr/><br/><hr/><h2>Featured Gists:</h2><pre><code class="language-js">const Promise = require(&quot;bluebird&quot;);
+const fs = Promise.promisifyAll(require(&quot;fs&quot;));
+const crypto = require(&quot;crypto&quot;);
+const path = require(&quot;path&quot;);
+const pathA = &quot;.&quot;;
+const pathB = &quot;/path/to/the/directory/you/want/to/compare/it/to&quot;;
+let hashes = [];
+function hashDirIn(folder) {
+  var pathPromiseA = fs
+    .readdirAsync(folder)
+    .map(function (fileName) {
+      var workPath = path.join(folder, fileName);
+      var statPromise = fs.statAsync(workPath);
+      return Promise.join(
+        statPromise,
+        fileName,
+        function (statPromise, fileName) {
+          if (statPromise.isFile()) {
+            function makeStream(file, callback) {
+              var result = fs.createReadStream(workPath);
+              return callback(result);
+            }
+            function process(stream) {
+              var hash = crypto.createHash(&quot;md5&quot;);
+              return new Promise(function (resolve, reject) {
+                stream.on(&quot;data&quot;, function updateProcess(chunk) {
+                  hash.update(chunk, &quot;utf8&quot;);
+                });
+                stream.on(&quot;end&quot;, resolve);
+              }).then(function publish() {
+                var digest = hash.digest(&quot;hex&quot;);
+                hashes.push({ digest: digest, path: workPath });
+              });
+            }
+            return makeStream(fileName, process);
+          }
+        }
+      );
+    })
+    .then(function () {
+      if (i == 1) {
+        hashes.sort(function (a, b) {
+          if (a.digest &lt; b.digest) {
+            return -1;
+          }
+          if (a.digest &gt; b.digest) {
+            return 1;
+          }
+          return 0;
+        });
+        var dupe = 1;
+        hashes.map(function (obj, index) {
+          if (index - 1 &gt;= 0) {
+            if (obj.digest == hashes[index - 1].digest) {
+              console.log(&quot;Dupe &quot; + dupe + &quot; found:&quot;);
+              console.log(obj.path);
+              console.log(&quot;Equal to:&quot;);
+              console.log(hashes[index - 1].path + &quot;\n&quot;);
+              dupe++;
+            }
+          }
+        });
+      }
+      i++;
+    });
+}
+var i = 0;
+hashDirIn(pathA);
+hashDirIn(pathB);
+</code></pre><hr/><hr/><blockquote><p>will replace any spaces in file names with an underscore!</p></blockquote><pre><code class="language-bash"> for file in *; do mv &quot;$file&quot; `echo $file | tr &#x27; &#x27; &#x27;_&#x27;` ; done
+  ## TAKING IT A STEP FURTHER:
+ # Let&#x27;s do it recursivley:
+  function RecurseDirs ()
+{
+    oldIFS=$IFS
+    IFS=$&#x27;\n&#x27;
+    for f in &quot;$@&quot;
+    do
+  # YOUR CODE HERE!
+
+[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)]
+
+for file in \*; do mv &quot;$file&quot; `echo $file | tr &#x27; &#x27; &#x27;_&#x27;` ; done
+        if [[ -d &quot;${f}&quot; ]]; then
+cd &quot;${f}&quot;
+            RecurseDirs $(ls -1 &quot;.&quot;)
+            cd ..
+        fi
+    done
+    IFS=$oldIFS
+}
+RecurseDirs &quot;./&quot;
+</code></pre><hr/><h3>Copy to clipboard jQuerry</h3><blockquote><p>Language: Javascript/Jquery</p></blockquote><blockquote><p>In combination with the script tag : <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> , this snippet will add a copy to clipboard button to all of your embedded <code> blocks.</code></p></blockquote><pre><code class="language-js">$(document).ready(function () {
+  $(&quot;code, pre&quot;).append(
+    &#x27;&lt;span class=&quot;command-copy&quot; &gt;&lt;i class=&quot;fa fa-clipboard&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/span&gt;&#x27;
+  );
+  $(&quot;code span.command-copy&quot;).click(function (e) {
+    var text = $(this).parent().text().trim(); //.text();
+    var copyHex = document.createElement(&quot;input&quot;);
+    copyHex.value = text;
+    document.body.appendChild(copyHex);
+    copyHex.select();
+    document.execCommand(&quot;copy&quot;);
+    console.log(copyHex.value);
+    document.body.removeChild(copyHex);
+  });
+
+  $(&quot;pre span.command-copy&quot;).click(function (e) {
+    var text = $(this).parent().text().trim();
+    var copyHex = document.createElement(&quot;input&quot;);
+    copyHex.value = text;
+    document.body.appendChild(copyHex);
+    copyHex.select();
+    document.execCommand(&quot;copy&quot;);
+    console.log(copyHex.value);
+    document.body.removeChild(copyHex);
+  });
+});
+</code></pre><hr/><h3>Append Files in PWD</h3><pre><code class="language-js">//APPEND-DIR.js
+const fs = require(&quot;fs&quot;);
+let cat = require(&quot;child_process&quot;).execSync(&quot;cat *&quot;).toString(&quot;UTF-8&quot;);
+fs.writeFile(&quot;output.md&quot;, cat, (err) =&gt; {
+  if (err) throw err;
+});
+</code></pre><hr/><h3>doesUserFrequentStarbucks.js</h3><pre><code class="language-js">const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+console.log(isAppleDevice);
+// Result: will return true if user is on an Apple device
+</code></pre><hr/><h3>arr-intersection.js</h3><pre><code class="language-js">/*
+ function named intersection(firstArr) that takes in an array and
+returns a function. 
+When the function returned by intersection is invoked
+passing in an array (secondArr) it returns a new array containing the elements
+common to both firstArr and secondArr.
+*/
+function intersection(firstArr) {
+  return (secondArr) =&gt; {
+    let common = [];
+    for (let i = 0; i &lt; firstArr.length; i++) {
+      let el = firstArr[i];
+      if (secondArr.indexOf(el) &gt; -1) {
+        common.push(el);
+      }
+    }
+    return common;
+  };
+}
+let abc = intersection([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;]); // returns a function
+console.log(abc([&quot;b&quot;, &quot;d&quot;, &quot;c&quot;])); // returns [ &#x27;b&#x27;, &#x27;c&#x27; ]
+
+let fame = intersection([&quot;f&quot;, &quot;a&quot;, &quot;m&quot;, &quot;e&quot;]); // returns a function
+console.log(fame([&quot;a&quot;, &quot;f&quot;, &quot;z&quot;, &quot;b&quot;])); // returns [ &#x27;f&#x27;, &#x27;a&#x27; ]
+</code></pre><hr/><h3>arr-of-cum-partial-sums.js</h3><pre><code class="language-js">/*
+First is recurSum(arr, start) which returns the sum of the elements of arr from the index start till the very end.
+Second is partrecurSum() that recursively concatenates the required sum into an array and when we reach the end of the array, it returns the concatenated array.
+*/
+//arr.length -1 = 5
+//                   arr   [    1,    7,    12,   6,    5,    10   ]
+//                   ind   [    0     1     2     3     4      5   ]
+//                              ↟                              ↟
+//                            start                           end
+
+function recurSum(arr, start = 0, sum = 0) {
+  if (start &lt; arr.length) {
+    return recurSum(arr, start + 1, sum + arr[start]);
+  }
+  return sum;
+}
+
+function rPartSumsArr(arr, partSum = [], start = 0, end = arr.length - 1) {
+  if (start &lt;= end) {
+    return rPartSumsArr(
+      arr,
+      partSum.concat(recurSum(arr, start)),
+      ++start,
+      end
+    );
+  }
+  return partSum.reverse();
+}
+
+console.log(
+  &quot;------------------------------------------------rPartSumArr------------------------------------------------&quot;
+);
+console.log(&quot;rPartSumsArr(arr)=[ 1, 1, 5, 2, 6, 10 ]: &quot;, rPartSumsArr(arr));
+console.log(&quot;rPartSumsArr(arr1)=[ 1, 7, 12, 6, 5, 10 ]: &quot;, rPartSumsArr(arr1));
+console.log(
+  &quot;------------------------------------------------rPartSumArr------------------------------------------------&quot;
+);
+/*
+------------------------------------------------rPartSumArr------------------------------------------------
+rPartSumsArr(arr)=[ 1, 1, 5, 2, 6, 10 ]:  [ 10, 16, 18, 23, 24, 25 ]
+rPartSumsArr(arr1)=[ 1, 7, 12, 6, 5, 10 ]:  [ 10, 15, 21, 33, 40, 41 ]
+------------------------------------------------rPartSumArr------------------------------------------------
+*/
+</code></pre><hr/><h3>camel2Kabab.js</h3><pre><code class="language-js">function camelToKebab(value) {
+  return value.replace(/([a-z])([A-Z])/g, &quot;$1-$2&quot;).toLowerCase();
+}
+</code></pre><hr/><h3>camelCase.js</h3><pre><code class="language-js">function camel(str) {
+  return str.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function (match, index) {
+    if (+match === 0) return &quot;&quot;; // or if (/\s+/.test(match)) for white spaces
+    return index === 0 ? match.toLowerCase() : match.toUpperCase();
+  });
+}
+</code></pre><hr/><h3>concatLinkedLists.js</h3><pre><code class="language-js">function addTwoNumbers(l1, l2) {
+  let result = new ListNode(0);
+  let currentNode = result;
+  let carryOver = 0;
+  while (l1 != null || l2 != null) {
+    let v1 = 0;
+    let v2 = 0;
+    if (l1 != null) v1 = l1.val;
+    if (l2 != null) v2 = l2.val;
+    let sum = v1 + v2 + carryOver;
+    carryOver = Math.floor(sum / 10);
+    sum = sum % 10;
+    currentNode.next = new ListNode(sum);
+    currentNode = currentNode.next;
+    if (l1 != null) l1 = l1.next;
+    if (l2 != null) l2 = l2.next;
+  }
+  if (carryOver &gt; 0) {
+    currentNode.next = new ListNode(carryOver);
+  }
+  return result.next;
+}
+</code></pre><hr/><h3>fast-is-alpha-numeric.js</h3><pre><code class="language-js">//Function to test if a character is alpha numeric that is faster than a regular
+//expression in JavaScript
+
+let isAlphaNumeric = (char) =&gt; {
+  char = char.toString();
+  let id = char.charCodeAt(0);
+  if (
+    !(id &gt; 47 &amp;&amp; id &lt; 58) &amp;&amp; // if not numeric(0-9)
+    !(id &gt; 64 &amp;&amp; id &lt; 91) &amp;&amp; // if not letter(A-Z)
+    !(id &gt; 96 &amp;&amp; id &lt; 123) // if not letter(a-z)
+  ) {
+    return false;
+  }
+  return true;
+};
+
+console.log(isAlphaNumeric(&quot;A&quot;)); //true
+console.log(isAlphaNumeric(2)); //true
+console.log(isAlphaNumeric(&quot;z&quot;)); //true
+console.log(isAlphaNumeric(&quot; &quot;)); //false
+console.log(isAlphaNumeric(&quot;!&quot;)); //false
+</code></pre><hr/><h3>find-n-replace.js</h3><pre><code class="language-js">function replaceWords(str, before, after) {
+  if (/^[A-Z]/.test(before)) {
+    after = after[0].toUpperCase() + after.substring(1);
+  } else {
+    after = after[0].toLowerCase() + after.substring(1);
+  }
+  return str.replace(before, after);
+}
+console.log(replaceWords(&quot;Let us go to the store&quot;, &quot;store&quot;, &quot;mall&quot;)); //&quot;Let us go to the mall&quot;
+console.log(replaceWords(&quot;He is Sleeping on the couch&quot;, &quot;Sleeping&quot;, &quot;sitting&quot;)); //&quot;He is Sitting on the couch&quot;
+console.log(replaceWords(&quot;His name is Tom&quot;, &quot;Tom&quot;, &quot;john&quot;));
+//&quot;His name is John&quot;
+</code></pre><hr/><h3>flatten-arr.js</h3><pre><code class="language-js">/*Simple Function to flatten an array into a single layer */
+const flatten = (array) =&gt;
+  array.reduce(
+    (accum, ele) =&gt; accum.concat(Array.isArray(ele) ? flatten(ele) : ele),
+    []
+  );
+</code></pre><hr/><h3>isWeekDay.js</h3><pre><code class="language-js">const isWeekday = (date) =&gt; date.getDay() % 6 !== 0;
+console.log(isWeekday(new Date(2021, 0, 11)));
+// Result: true (Monday)
+console.log(isWeekday(new Date(2021, 0, 10)));
+// Result: false (Sunday)
+</code></pre><hr/><h3>longest-common-prefix.js</h3><pre><code class="language-js">function longestCommonPrefix(strs) {
+  let prefix = &quot;&quot;;
+  if (strs.length === 0) return prefix;
+  for (let i = 0; i &lt; strs[0].length; i++) {
+    const character = strs[0][i];
+    for (let j = 0; j &lt; strs.length; j++) {
+      if (strs[j][i] !== character) return prefix;
+    }
+    prefix = prefix + character;
+  }
+  return prefix;
+}
+</code></pre></div></div></article><nav id="page-nav" class="page-nav"><div id="page-nav-inside" class="page-nav-inside sticky"><h2 class="page-nav-title">Jump to Section</h2><div id="page-nav-link-container"></div></div></nav></div><div id="disqus_thread"></div><div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&amp;g=1&amp;e=1"></div></div></main><footer id="colophon" class="site-footer outer"><div><center><br/><div id="search"> <!-- --> </div><br/><table cellPadding="0" cellSpacing="0" border="0"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><center><table width="95%" cellPadding="0" cellSpacing="0" border="0" style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt"><tbody><tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="left"><a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">index</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="center"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0">sitemap</a></td><td style="font-family:Arial, Helvetica, sans-serif;font-size:7.5pt" align="right"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;pid=a">advanced</a></td></tr></tbody></table></center><form style="margin:0px;margin-top:2px" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self"><input type="hidden" name="si" value="14588965"/><input type="hidden" name="pid" value="r"/><input type="hidden" name="n" value="0"/><input type="hidden" name="_charset_" value="true"/><input type="hidden" name="bcd" value="÷"/><input type="text" name="query" size="15"/><input type="submit" value="search"/></form></td></tr><tr><td style="text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:7.5pt;padding-top:4px"><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">search engine</a><a style="text-decoration:none;color:transparent" href="https://www.freefind.com/" rel="nofollow">by<span style="color:transparent">freefind</span></a></td></tr></tbody></table><a class="save2PDF" href="http://pdfcrowd.com/url_to_pdf/?">Save to PDF</a></center><a aria-current="page" class="site-logo" href="https://bgoonz-blog.netlify.app/"><img src="../../../d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo"/></a></div><div class="inner"><div id="search" class="inner"></div><div class="site-footer-inside"><p class="site-info"><span class="copyright">@bgoonz on almost every platform</span><a href="https://random-static-html-deploys.netlify.app/blm.html" target="_blank" rel="noopener " class="button">BLM</a><a href="https://bryan-guner.gitbook.io/my-docs/" target="_blank" rel="noopener ">Docs</a><a href="#">lorem-ipsum</a> </p><div class="social-links"><a href="https://twitter.com/bgooonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Twitter</span></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">LinkedIn</span></a><a href="https://github.com/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">GitHub</span></a><a href="https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Youtube</span></a><a href="https://www.instagram.com/bgoonz/?hl=en" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">Instagram</span></a><a href="https://dev.to/bgoonz" target="_blank" rel="noopener " class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg><span class="screen-reader-text">dev.to</span></a><a href="#">lorem-ipsum</a> </div> </div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script src='../../../d33wubrfki0l68.cloudfront.net/bundles/0233599d4c45be641254dc1947c4cc78b0c22051.js'></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="index.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-50463aa39b84c4d1ec96.js"],"app":["/app-10180cc44b3853f61402.js"],"component---src-templates-advanced-js":["/component---src-templates-advanced-js-6f213d193b5ecf8f0dd1.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-d1d7372de9a72caa6ec8.js"],"component---src-templates-docs-js":["/component---src-templates-docs-js-731339ed0815d7cada90.js"],"component---src-templates-page-js":["/component---src-templates-page-js-dcb6b8bc1563f876e59f.js"],"component---src-templates-post-js":["/component---src-templates-post-js-8dfc6c5f64f9cf30c603.js"]};/*]]>*/</script><script nomodule src='../../../d33wubrfki0l68.cloudfront.net/js/582b61cb624d3b5bcc6977024571665de2ae7a24/polyfill-50463aa39b84c4d1ec96.js'></script><script async src='../../../d33wubrfki0l68.cloudfront.net/bundles/a315e5520efecbe9f2dbefdf6e0d24cc6e3a3847.js'></script><input type="button" style="position: fixed;top: 10px;right: 10px;width:80px;color:white;font-weight:bold;background-color:rgba(0, 0, 0, 0.856); border-radius:15px;" value="Go Back" onclick="history.back(-1)" />
+      <?php
+        $url = htmlspecialchars($_SERVER['HTTP_REFERER']);
+        echo "<a href='https://bgoonz-blog.netlify.app/docs/gists/$url'></a><script src="../../../widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="609b2d7c71a5dd0016f36326"></script><!-- Go to www.addthis.com/dashboard to customize your tools -->
+<script type="text/javascript" src="../../../s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60dcec1ece575946"></script><script>
+let div = window.createElement('div');
+div.id('search');
+div.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;bottom: 0px;right: 25%;left: 50 %;';
+let docscontent = window.getElementByClassName('docs-content');
+docscontent.appendChild(div);
+
+let div1 = window.createElement('div');
+div1.id('search');
+div1.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;background:#063;bottom: 0px;right: 25%;left: 50 %;margin-left: -150px';
+let header = window.getElementByClassName('site-header-inside');
+header.appendChild('div1');
+
+</script><!-- Default Statcounter code for 2
+https://bgoonz-blog.netlify.app/ -->
+<script type="text/javascript">
+var sc_project=12702211; 
+var sc_invisible=0; 
+var sc_security="011fbeb6"; 
+var sc_text=3; 
+var scJsHost = "https:///";
+document.write("<sc"+"ript type='text/javascript' src='" +
+scJsHost+
+"statcounter.com/counter/counter.js'></"+"script>");
+</script>
+<noscript><div class="statcounter"><a title="Web Analytics"
+href="https://statcounter.com/" target="_blank"><img
+class="statcounter"
+src="https://c.statcounter.com/12702211/0/011fbeb6/0/"
+alt="Web Analytics"
+referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
+<!-- End of Statcounter Code -->
+<a href="https://statcounter.com/p12702211/?guest=1">View My
+Stats</a><script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "https://bgoonz-blog.netlify.app/admin/";
+        });
+      }
+    });
+  }
+</script><script>
+          // Get the button:
+          mybutton = document.getElementById("scrollBtn");
+          // When the user scrolls down 20px from the top of the document, show the button
+          window.onscroll = function () {
+            scrollFunction();
+          };
+          function scrollFunction() {
+            if (
+              document.body.scrollTop > 20 ||
+              document.documentElement.scrollTop > 20
+            ) {
+              mybutton.style.display = "block";
+            } else {
+              mybutton.style.display = "none";
+            }
+          }
+          // When the user clicks on the button, scroll to the top of the document
+          function topFunction() {
+            document.body.scrollTop = 0; // For Safari
+            document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+          }
+        </script>
+        <script>
+          window.addEventListener("DOMContentLoaded", (event) => {
+            console.log("DOM fully loaded and parsed");
+            const scrollToTop = () => {
+              const c =
+                document.documentElement.scrollTop || document.body.scrollTop;
+              if (c > 0) {
+                window.requestAnimationFrame(scrollToTop);
+                window.scrollTo(0, c - c / 8);
+              }
+            };
+            scrollToTop();
+          });
+        </script>
+<button id="scrollBtn" title="Go to top" onclick="topFunction()" style="display: block;">
+          Back To Top
+        </button></body></html>
diff --git a/docs/content/html-docs/images/1eb83ff46da1f1bf9d4227bd663a6c54.png b/docs/content/html-docs/images/1eb83ff46da1f1bf9d4227bd663a6c54.png
new file mode 100644
index 0000000000..c26bac211b
Binary files /dev/null and b/docs/content/html-docs/images/1eb83ff46da1f1bf9d4227bd663a6c54.png differ
diff --git a/docs/content/html-docs/images/6.jpg b/docs/content/html-docs/images/6.jpg
new file mode 100644
index 0000000000..5f65659fb9
Binary files /dev/null and b/docs/content/html-docs/images/6.jpg differ
diff --git a/docs/content/html-docs/images/7.jpg b/docs/content/html-docs/images/7.jpg
new file mode 100644
index 0000000000..89a371926a
Binary files /dev/null and b/docs/content/html-docs/images/7.jpg differ
diff --git a/docs/content/html-docs/images/7a8bc98e902a2f6dea90386cdfb154c2.png b/docs/content/html-docs/images/7a8bc98e902a2f6dea90386cdfb154c2.png
new file mode 100644
index 0000000000..4e803a6ea4
Binary files /dev/null and b/docs/content/html-docs/images/7a8bc98e902a2f6dea90386cdfb154c2.png differ
diff --git a/docs/content/html-docs/images/8.jpg b/docs/content/html-docs/images/8.jpg
new file mode 100644
index 0000000000..56867e57d0
Binary files /dev/null and b/docs/content/html-docs/images/8.jpg differ
diff --git a/docs/content/html-docs/images/9.jpg b/docs/content/html-docs/images/9.jpg
new file mode 100644
index 0000000000..da10f4d74d
Binary files /dev/null and b/docs/content/html-docs/images/9.jpg differ
diff --git a/docs/content/html-docs/images/apple-touch-icon-114x114.png b/docs/content/html-docs/images/apple-touch-icon-114x114.png
new file mode 100644
index 0000000000..7ab5f967d7
Binary files /dev/null and b/docs/content/html-docs/images/apple-touch-icon-114x114.png differ
diff --git a/docs/content/html-docs/images/apple-touch-icon-120x120.png b/docs/content/html-docs/images/apple-touch-icon-120x120.png
new file mode 100644
index 0000000000..63faa4ce5e
Binary files /dev/null and b/docs/content/html-docs/images/apple-touch-icon-120x120.png differ
diff --git a/docs/content/html-docs/images/apple-touch-icon-144x144.png b/docs/content/html-docs/images/apple-touch-icon-144x144.png
new file mode 100644
index 0000000000..9a53b1e533
Binary files /dev/null and b/docs/content/html-docs/images/apple-touch-icon-144x144.png differ
diff --git a/docs/content/html-docs/images/apple-touch-icon-152x152.png b/docs/content/html-docs/images/apple-touch-icon-152x152.png
new file mode 100644
index 0000000000..c92058d950
Binary files /dev/null and b/docs/content/html-docs/images/apple-touch-icon-152x152.png differ
diff --git a/docs/content/html-docs/images/apple-touch-icon-180x180.png b/docs/content/html-docs/images/apple-touch-icon-180x180.png
new file mode 100644
index 0000000000..2c4cf99976
Binary files /dev/null and b/docs/content/html-docs/images/apple-touch-icon-180x180.png differ
diff --git a/docs/content/html-docs/images/apple-touch-icon-57x57.png b/docs/content/html-docs/images/apple-touch-icon-57x57.png
new file mode 100644
index 0000000000..193593470f
Binary files /dev/null and b/docs/content/html-docs/images/apple-touch-icon-57x57.png differ
diff --git a/docs/content/html-docs/images/apple-touch-icon-72x72.png b/docs/content/html-docs/images/apple-touch-icon-72x72.png
new file mode 100644
index 0000000000..0dac37d0d7
Binary files /dev/null and b/docs/content/html-docs/images/apple-touch-icon-72x72.png differ
diff --git a/docs/content/html-docs/images/apple-touch-icon-76x76.png b/docs/content/html-docs/images/apple-touch-icon-76x76.png
new file mode 100644
index 0000000000..d9064f8c80
Binary files /dev/null and b/docs/content/html-docs/images/apple-touch-icon-76x76.png differ
diff --git a/docs/content/html-docs/images/apple-touch-icon.png b/docs/content/html-docs/images/apple-touch-icon.png
new file mode 100644
index 0000000000..193593470f
Binary files /dev/null and b/docs/content/html-docs/images/apple-touch-icon.png differ
diff --git a/docs/content/html-docs/images/back.jpeg b/docs/content/html-docs/images/back.jpeg
new file mode 100644
index 0000000000..b1961bceda
Binary files /dev/null and b/docs/content/html-docs/images/back.jpeg differ
diff --git a/docs/content/html-docs/images/background.gif b/docs/content/html-docs/images/background.gif
new file mode 100644
index 0000000000..48b5bed848
Binary files /dev/null and b/docs/content/html-docs/images/background.gif differ
diff --git a/docs/content/html-docs/images/bgoonz-blog.netlify.app.png b/docs/content/html-docs/images/bgoonz-blog.netlify.app.png
new file mode 100644
index 0000000000..185179d8d3
Binary files /dev/null and b/docs/content/html-docs/images/bgoonz-blog.netlify.app.png differ
diff --git a/docs/content/html-docs/images/bigo.jpg b/docs/content/html-docs/images/bigo.jpg
new file mode 100644
index 0000000000..b564988433
Binary files /dev/null and b/docs/content/html-docs/images/bigo.jpg differ
diff --git a/docs/content/html-docs/images/bigo.png b/docs/content/html-docs/images/bigo.png
new file mode 100644
index 0000000000..ea11f378c8
Binary files /dev/null and b/docs/content/html-docs/images/bigo.png differ
diff --git a/src/components/Footer.js b/src/components/Footer.js
index 7708449cd3..314de335c2 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -2,7 +2,10 @@ import _ from 'lodash';
 import React from 'react';
 import { htmlToReact } from '../utils';
 import ActionLink from './ActionLink';
-
+import addScript from './../hooks/addScript';
+const Script = (props) => {
+    importScript('./../hooks/addScript.js');
+};
 export default class Footer extends React.Component {
     render() {
         return (
@@ -129,11 +132,11 @@ export default class Footer extends React.Component {
                                 </tr>
                             </tbody>
                         </table>
-                        <a href="//pdfcrowd.com/url_to_pdf/?" onclick="if(!this.p)href+='&url='+encodeURIComponent(location.href);this.p=1">
+                        <a className="save2PDF" href="//pdfcrowd.com/url_to_pdf/?" onclick="if(!this.p)href+='&url='+encodeURIComponent(location.href);this.p=1">
                             Save to PDF
                         </a>
                     </center>
-      <a aria-current="page" className href="/"><img src="https://d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo" /></a>
+      <a aria-current="page" className="site-logo" href="/"><img src="https://d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png" alt="webdevhub logo" /></a>
                 </div>
                 <div className="inner">
                     <div id="search" className="inner"></div>
diff --git a/src/components/Header.js b/src/components/Header.js
index 5004987114..c2ab486df0 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -10,7 +10,7 @@ export default class Header extends React.Component {
         return (
             <header id="masthead" className="site-header outer">
                 {/* <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css" /> */}
-            
+
                 <br />
                 <div className="inner">
                     <div className="site-header-inside">
@@ -86,19 +86,7 @@ export default class Header extends React.Component {
                 </div>
 
                 <div>
-                    <div id="sb-search-example" >
-
-                        {/* style={{
-                        position: 'fixed',
-                        top: '20px',
-                        border: 0,
-                        left: '100px',
-                    }} */}
-                        <div className="sb-search-icon" id="myCustomSearchButtonID">
-                            <i className="sb-icon"></i>
-                            <p>Search</p>
-                        </div>
-                    </div>
+                    <div id="search" className="gcse-search search"></div>
                     <a className="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github">
                         <svg
                             aria-hidden="true"
diff --git a/src/sass/imports/_animations.scss b/src/sass/imports/_animations.scss
index f54813bb8e..77d3da49c7 100644
--- a/src/sass/imports/_animations.scss
+++ b/src/sass/imports/_animations.scss
@@ -1,16 +1,18 @@
-@-webkit-keyframes fadeIn20 {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0.2;
-  }
-}
-@keyframes fadeIn20 {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0.2;
-  }
-}
+@-webkit-keyframes fadeIn20 {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 0.2;
+  }
+}
+@keyframes fadeIn20 {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 0.2;
+  }
+}
diff --git a/src/sass/imports/_buttons.scss b/src/sass/imports/_buttons.scss
index 610f218e72..10868669fd 100644
--- a/src/sass/imports/_buttons.scss
+++ b/src/sass/imports/_buttons.scss
@@ -1,89 +1,95 @@
-.button {
-  -ms-flex-align: center;
-  align-items: center;
-  background: $color-primary;
-  border: 0;
-  border-radius: 1.75em;
-  box-shadow: none;
-  box-sizing: border-box;
-  color: #fff;
-  cursor: pointer;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-size: 0.875em;
-  font-weight: bold;
-  -ms-flex-pack: center;
-  justify-content: center;
-  letter-spacing: 0.035em;
-  line-height: 1.2;
-  opacity: 1;
-  padding: 0.9em 2.14285em;
-  text-decoration: none;
-  -webkit-transition: .3s ease;
-  transition: .3s ease;
-  vertical-align: middle;
-
-  &:hover,
-  &:focus,
-  &:active {
-    color: #fff;
-    opacity: .8;
-    outline: 0;
-  }
-}
-
-.button-secondary {
-  background: 0 !important;
-  box-shadow: inset 0 0 0 2px currentColor;
-  color: $color-primary;
-
-  &:hover,
-  &:focus,
-  &:active {
-    box-shadow: inset 0 0 0 3px currentColor;
-    color: $color-primary;
-    opacity: 1;
-  }
-}
-
-.button-icon {
-  background: 0 !important;
-  border: 0;
-  color: inherit;
-  font-size: 1em;
-  font-weight: normal;
-  letter-spacing: normal;
-  padding: 0.25em;
-
-  &:hover,
-  &:focus,
-  &:active {
-    color: $color-primary;
-    opacity: 1;
-  }
-}
-
-#menu-open,
-#menu-close,
-.docs-nav .docs-nav-toggle,
-.docs-nav .docs-submenu-toggle,
-.submenu-toggle {
-  background: 0;
-  border: 0;
-  border-radius: 0;
-  box-shadow: none;
-  color: inherit;
-  cursor: pointer;
-  display: block;
-  font-size: inherit;
-  height: 30px;
-  padding: 0;
-  position: relative;
-  width: 30px;
-
-  &:hover,
-  &:focus,
-  &:active {
-    outline: 0;
-  }
-}
\ No newline at end of file
+.button {
+  -ms-flex-align: center;
+  align-items: center;
+  background: $color-primary;
+  border: 0;
+  border-radius: 1.95em;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  font-size: 1em;
+  font-weight: bold;
+  -ms-flex-pack: center;
+  justify-content: center;
+  letter-spacing: 0.035em;
+  line-height: 1.6;
+  opacity: 1;
+  padding: 1.2em 2.14285em;
+  text-decoration: none;
+  -webkit-transition: 0.3s ease;
+  transition: 0.3s ease;
+  vertical-align: middle;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
+  0 0 40px rgba(0, 0, 0, 0.1) inset;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
+  0 0 40px rgba(0, 0, 0, 0.1) inset;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
+  0 0 40px rgba(0, 0, 0, 0.1) inset;
+
+  &:hover,
+  &:focus,
+  &:active {
+    color: #fff;
+    opacity: 0.8;
+    outline: 0;
+  }
+}
+
+.button-secondary {
+  background: 0 !important;
+  box-shadow: inset 0 0 0 3px currentColor;
+  color: $color-primary;
+
+  &:hover,
+  &:focus,
+  &:active {
+    box-shadow: inset 0 0 0 4px currentColor;
+    color: $color-primary;
+    opacity: 1;
+  }
+}
+
+.button-icon {
+  background: 0 !important;
+  border: 0;
+  color: black;
+  font-size: 1.2em;
+  font-weight: normal;
+  letter-spacing: normal;
+  padding: 0.25em;
+
+  &:hover,
+  &:focus,
+  &:active {
+    color: $color-primary;
+    opacity: 1;
+  }
+}
+
+#menu-open,
+#menu-close,
+.docs-nav .docs-nav-toggle,
+.docs-nav .docs-submenu-toggle,
+.submenu-toggle {
+  background: 0;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  color: inherit;
+  cursor: pointer;
+  display: block;
+  font-size: inherit;
+  height: 30px;
+  padding: 0;
+  position: relative;
+  width: 30px;
+
+  &:hover,
+  &:focus,
+  &:active {
+    outline: 0;
+  }
+}
diff --git a/src/sass/imports/_docs.scss b/src/sass/imports/_docs.scss
index 90c39b3a13..44c4196194 100644
--- a/src/sass/imports/_docs.scss
+++ b/src/sass/imports/_docs.scss
@@ -1,356 +1,355 @@
-.docs-content {
-    padding-top: 2.5em;
-    width: 95%;
-}
-.post-content {
-    width: 85%;
-}
-.post {
-    &.type-docs {
-        margin-bottom: 3.625em;
-
-        h1 {
-            font-size: 1.975em;
-        }
-
-        h2 {
-            font-size: 1.6em;
-        }
-
-        h3 {
-            font-size: 1.45em;
-        }
-
-        h4 {
-            font-size: 1.35em;
-        }
-
-        h5,
-        h6 {
-            font-size: 1.2em;
-        }
-
-        .hash-link {
-            float: left;
-            font-size: 1.25rem;
-            height: 1em;
-            line-height: 1;
-            margin-left: -1.1em;
-            opacity: 0;
-            text-align: center;
-            text-decoration: none;
-            -webkit-transition: opacity 0.2s;
-            transition: opacity 0.4s;
-            width: 1em;
-
-            &:before {
-                content: '\0023';
-                display: inline-block;
-            }
-
-            &:hover,
-            &:focus {
-                color: $color-primary;
-            }
-        }
-
-        h2 {
-            .hash-link {
-                margin-top: 0.22em;
-            }
-        }
-
-        h3 {
-            .hash-link {
-                margin-top: 0.1em;
-            }
-        }
-
-        h2,
-        h3 {
-            &:hover,
-            &:focus {
-                .hash-link {
-                    opacity: 1;
-                }
-            }
-        }
-
-        .post-inside {
-            background: #fff;
-            border: 1px solid $gray-300;
-            border-radius: $border-radius;
-            box-shadow: $box-shadow;
-            padding: 0.3em;
-            width: 70vw;
-        }
-
-        .post-title {
-            font-size: 1.875em;
-            margin: 0 0 1.25em;
-            padding: 0 2em;
-        }
-
-        .post-content {
-            padding: 0.975em;
-            word-wrap: break-word;
-        }
-    }
-}
-
-#docs-section-items {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    list-style: none;
-    margin-left: -0.3125em;
-    margin-right: -0.3125em;
-    padding: 0;
-
-    .docs-section-item {
-        -ms-flex: 1 1 240px;
-        flex: 1 1 240px;
-        margin: 0 0.3125em 0.9375em;
-    }
-
-    .docs-item-link {
-        border: 1px solid $gray-300;
-        border-radius: $border-radius-sm;
-        color: $gray-700;
-        display: block;
-        font-weight: bold;
-        padding: 0.9375em;
-        position: relative;
-        text-decoration: none;
-        -webkit-transition: border-color 0.3s ease, color 0.3s ease;
-        transition: border-color 0.3s ease, color 0.3s ease;
-
-        &:hover {
-            border-color: $color-primary;
-            color: $color-primary;
-        }
-    }
-}
-
-.docs-nav {
-    margin-bottom: 1.875em;
-
-    .docs-nav-toggle {
-        color: $gray-700;
-        font-size: 1.125em;
-        margin: 0;
-        padding-right: 15px;
-        text-align: left;
-    }
-
-    .docs-submenu-toggle {
-        color: $gray-500;
-        position: absolute;
-        right: 0;
-        top: 0;
-    }
-}
-
-#docs-menu {
-    color: $gray-700;
-    font-weight: bold;
-    line-height: 1.5;
-    list-style: none;
-    margin: 0.7em;
-    padding: 0;
-
-    & > .docs-menu-item > a {
-        padding: 0.3em 0;
-        border-radius: 20px;
-
-        margin: auto;
-    }
-
-    a {
-        color: inherit;
-        display: block;
-        text-decoration: none;
-
-        &:hover {
-            color: $color-primary;
-        }
-    }
-
-    .current,
-    .current-parent {
-        color: $color-primary;
-    }
-}
-
-.docs-submenu {
-    border-left: 1px solid $gray-300;
-    color: $gray-600;
-    display: none;
-    font-size: 1;
-    font-weight: normal;
-    list-style: none;
-    margin-top: 0.625rem;
-    padding-left: 1rem;
-}
-
-.docs-menu-item {
-    color: inherit;
-    margin-bottom: 0.625rem;
-
-    &.has-children {
-        padding-right: 20px;
-        position: relative;
-
-        &.active {
-            .docs-submenu {
-                display: block;
-            }
-
-            & > .docs-submenu-toggle {
-                .icon-angle-right {
-                    -webkit-transform: rotate(135deg);
-                    transform: rotate(135deg);
-                }
-            }
-        }
-    }
-}
-
-#page-nav {
-    text-overflow: wrap;
-
-    .page-nav-title {
-        font-size: 1em;
-        margin: 0 0 0.625em;
-    }
-
-    ul {
-        font-size: 0.875rem;
-        line-height: 1.5;
-        list-style: none;
-        padding: 0;
-
-        ul {
-            border-left: 1px solid $gray-300;
-            margin-top: 0.625rem;
-            padding-left: 1.25rem;
-        }
-    }
-
-    li {
-        margin-bottom: 0.625rem;
-
-        &.active > a {
-            color: $color-primary;
-        }
-    }
-
-    a {
-        color: $gray-600;
-        display: block;
-        text-decoration: none;
-
-        &:hover {
-            color: $color-primary;
-        }
-    }
-
-    .page-nav-title {
-        &:only-child {
-            display: none;
-        }
-    }
-}
-
-@media only screen and (min-width: 1200px) {
-    .post {
-        &.type-docs {
-            .post-title,
-            .post-content {
-                padding-left: 8%;
-                padding-right: 7%;
-            }
-        }
-    }
-}
-
-@media only screen and (min-width: 1200px) {
-    .docs-content {
-        display: -ms-flexbox;
-        display: flex;
-        padding-top: 4em;
-        width: 94%;
-    }
-
-    .post.type-docs {
-        -ms-flex: 1 1 auto;
-        align-content: center;
-    }
-
-    .docs-nav,
-    .page-nav {
-        -ms-flex-negative: 0;
-        margin-bottom: 5.625em;
-
-        .sticky {
-            position: -webkit-sticky;
-            position: sticky;
-            top: 1.875em;
-        }
-    }
-
-    .docs-nav {
-        width: 6.5em;
-    }
-
-    #page-nav {
-        font-size: 12px;
-        margin: 4em;
-    }
-
-    #docs-nav-toggle {
-        display: none;
-    }
-}
-
-@media only screen and (min-width: 1091px) {
-    #page-nav {
-        display: block;
-    }
-}
-
-@media only screen and (max-width: 800px) {
-    .docs-nav {
-        background: #fff;
-        border: 1px solid $gray-300;
-        border-radius: $border-radius;
-        box-shadow: $box-shadow;
-        box-sizing: border-box;
-        margin-bottom: 5%;
-        padding: 1em 1em;
-    }
-
-    .docs-nav-menu {
-        display: none;
-    }
-
-    .docs-menu--opened {
-        .docs-nav-menu {
-            display: block;
-        }
-
-        .docs-nav-toggle {
-            .icon-angle-right {
-                -webkit-transform: rotate(135deg);
-                transform: rotate(135deg);
-            }
-        }
-    }
-
-    #docs-menu {
-        border-top: 1px solid $gray-300;
-        margin-top: 1.25em;
-        padding-top: 1.25em;
-    }
-}
+.docs-content {
+  padding-top: 2.5em;
+}
+
+.post {
+  &.type-docs {
+    margin-bottom: 5.625em;
+    max-width: $container-md;
+
+    h1 {
+      font-size: 1.875em;
+    }
+
+    h2 {
+      font-size: 1.5em;
+    }
+
+    h3 {
+      font-size: 1.25em;
+    }
+
+    h4 {
+      font-size: 1.125em;
+    }
+
+    h5,
+    h6 {
+      font-size: 1em;
+    }
+
+    .hash-link {
+      float: left;
+      font-size: 1.25rem;
+      height: 1em;
+      line-height: 1;
+      margin-left: -1.1em;
+      opacity: 0;
+      text-align: center;
+      text-decoration: none;
+      -webkit-transition: opacity .2s;
+      transition: opacity .2s;
+      width: 1em;
+
+      &:before {
+        content: "\0023";
+        display: inline-block;
+      }
+
+      &:hover,
+      &:focus {
+        color: $color-primary;
+      }
+    }
+
+    h2 {
+      .hash-link {
+        margin-top: 0.22em;
+      }
+    }
+
+    h3 {
+      .hash-link {
+        margin-top: 0.1em;
+      }
+    }
+
+    h2,
+    h3 {
+      &:hover,
+      &:focus {
+        .hash-link {
+          opacity: 1;
+        }
+      }
+    }
+
+    .post-inside {
+      background: #fff;
+      border: 1px solid $gray-300;
+      border-radius: $border-radius;
+      box-shadow: $box-shadow;
+      padding: 2.5em 0;
+    }
+
+    .post-title {
+      font-size: 1.875em;
+      margin: 0 0 1.25em;
+      padding: 0 1em;
+    }
+
+    .post-content {
+      padding: 0 1.875em;
+    }
+  }
+}
+
+#docs-section-items {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  list-style: none;
+  margin-left: -0.3125em;
+  margin-right: -0.3125em;
+  padding: 0;
+
+  .docs-section-item {
+    -ms-flex: 1 1 240px;
+    flex: 1 1 240px;
+    margin: 0 0.3125em 0.9375em;
+  }
+
+  .docs-item-link {
+    border: 1px solid $gray-300;
+    border-radius: $border-radius-sm;
+    color: $gray-700;
+    display: block;
+    font-weight: bold;
+    padding: 0.9375em;
+    position: relative;
+    text-decoration: none;
+    -webkit-transition: border-color .3s ease, color .3s ease;
+    transition: border-color .3s ease, color .3s ease;
+
+    &:hover {
+      border-color: $color-primary;
+      color: $color-primary;
+    }
+  }
+}
+
+.docs-nav {
+  margin-bottom: 1.875em;
+
+  .docs-nav-toggle {
+    color: $gray-700;
+    font-size: 1.125em;
+    margin: 0;
+    padding-right: 30px;
+    text-align: left;
+    width: 100%;
+  }
+
+  .docs-submenu-toggle {
+    color: $gray-500;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+}
+
+#docs-menu {
+  color: $gray-700;
+  font-weight: bold;
+  line-height: 1.5;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+
+  & > .docs-menu-item > a {
+    padding: 0.1875em 0;
+  }
+
+  a {
+    color: inherit;
+    display: block;
+    text-decoration: none;
+
+    &:hover {
+      color: $color-primary;
+    }
+  }
+
+  .current,
+  .current-parent {
+    color: $color-primary;
+  }
+}
+
+.docs-submenu {
+  border-left: 1px solid $gray-300;
+  color: $gray-600;
+  display: none;
+  font-size: 0.9375em;
+  font-weight: normal;
+  list-style: none;
+  margin-top: 0.625rem;
+  padding-left: 1.25rem;
+}
+
+.docs-menu-item {
+  color: inherit;
+  margin-bottom: 0.625rem;
+
+  &.has-children {
+    padding-right: 30px;
+    position: relative;
+
+    &.active {
+      .docs-submenu {
+        display: block;
+      }
+
+      & > .docs-submenu-toggle {
+        .icon-angle-right {
+          -webkit-transform: rotate(135deg);
+          transform: rotate(135deg);
+        }
+      }
+    }
+  }
+}
+
+#page-nav {
+  display: none;
+
+  .page-nav-title {
+    font-size: 1em;
+    margin: 0 0 0.625em;
+  }
+
+  ul {
+    font-size: 0.875rem;
+    line-height: 1.5;
+    list-style: none;
+    padding: 0;
+
+    ul {
+      border-left: 1px solid $gray-300;
+      margin-top: 0.625rem;
+      padding-left: 1.25rem;
+    }
+  }
+
+  li {
+    margin-bottom: 0.625rem;
+
+    &.active > a {
+      color: $color-primary;
+    }
+  }
+
+  a {
+    color: $gray-600;
+    display: block;
+    text-decoration: none;
+
+    &:hover {
+      color: $color-primary;
+    }
+  }
+
+  .page-nav-inside {
+    display: none;
+
+    &.has-links {
+      display: block;
+    }
+  }
+}
+
+@media only screen and (min-width: 841px) {
+  .post {
+    &.type-docs {
+      .post-title,
+      .post-content {
+        padding-left: 7%;
+        padding-right: 7%;
+      }
+    }
+  }
+}
+
+@media only screen and (min-width: 1001px) {
+  .docs-content {
+    display: -ms-flexbox;
+    display: flex;
+    padding-top: 3.75em;
+  }
+
+  .post.type-docs {
+    -ms-flex: 1 1 auto;
+    flex: 1 1 auto;
+    overflow: hidden;
+  }
+
+  .docs-nav,
+  .page-nav {
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    margin-bottom: 5.625em;
+
+    .sticky {
+      position: -webkit-sticky;
+      position: sticky;
+      top: 1.875em;
+    }
+  }
+
+  .docs-nav {
+    padding-right: 1.5em;
+    width: 12.5em;
+  }
+
+  #page-nav {
+    padding-left: 1.5em;
+    width: 9.5em;
+  }
+
+  #docs-nav-toggle {
+    display: none;
+  }
+}
+
+@media only screen and (min-width: 1291px) {
+  #page-nav {
+    display: block;
+  }
+}
+
+@media only screen and (max-width: 1000px) {
+  .docs-nav {
+    background: #fff;
+    border: 1px solid $gray-300;
+    border-radius: $border-radius;
+    box-shadow: $box-shadow;
+    box-sizing: border-box;
+    margin-bottom: 5%;
+    padding: 0.75em 1em;
+  }
+
+  .docs-nav-menu {
+    display: none;
+  }
+
+  .docs-menu--opened {
+    .docs-nav-menu {
+      display: block;
+    }
+
+    .docs-nav-toggle {
+      .icon-angle-right {
+        -webkit-transform: rotate(135deg);
+        transform: rotate(135deg);
+      }
+    }
+  }
+
+  #docs-menu {
+    border-top: 1px solid $gray-300;
+    margin-top: 1.25em;
+    padding-top: 1.25em;
+  }
+}
+
diff --git a/src/sass/imports/_footer.scss b/src/sass/imports/_footer.scss
index 62fb5a43b8..6f4ab15edd 100644
--- a/src/sass/imports/_footer.scss
+++ b/src/sass/imports/_footer.scss
@@ -1,94 +1,94 @@
-.site-footer {
-  background-color: black;
-  background-image: url('https://i.imgur.com/CEYEZp8.jpeg');
-  padding-bottom: 7.5em;
-  padding-top: 8.5em;
-  color: white !important;
-  border: 4px solid black;
-}
-
-#colophon {
-  a:not(.button) {
-    color: inherit;
-
-    &:hover,
-    &:focus {
-      color: $color-primary;
-    }
-    }
-}
-
-.site-info,
-.social-links {
-  -ms-flex-align: center;
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -ms-flex-pack: center;
-  justify-content: center;
-  font-size: 0.675em;
-  line-height: 1.2;
-
-  .button:not(.button-icon) {
-    font-size: inherit;
-    line-height: 1.2;
-    padding: 0.3em 1em;
-  }
-}
-
-.site-info {
-  margin: 0.25em 0 0;
-  text-align: center;
-
-  .copyright,
-  >a {
-    margin: 0 4px 0.2em 0;
-  }
-}
-
-.social-links {
-  margin-top: 0.5375em;
-
-  a {
-    margin: 0 50px 0.2em;
-  }
-
-  .icon {
-    font-size: 20px;
-    color: rgb(0, 0, 0);
-    background-color: rgb(0, 0, 0);
-  }
-}
-
-@media only screen and (min-width: 641px) {
-  .site-footer-inside {
-    -ms-flex-align: start;
-    align-items: flex-start;
-    display: -ms-flexbox;
-    display: flex;
-  }
-
-  .site-info {
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    text-align: left;
-  }
-
-  .social-links {
-    -ms-flex: 0 0 auto;
-    flex: 0 0 auto;
-    -ms-flex-wrap: nowrap;
-    flex-wrap: nowrap;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    margin-left: auto;
-    margin-top: 0;
-
-    a {
-      margin-left: 20px;
-      margin-right: 0;
-    }
-    }
-}
+.site-footer {
+  background-color: black;
+  background-image: url('https://i.imgur.com/CEYEZp8.jpeg');
+  padding-bottom: 7.5em;
+  padding-top: 8.5em;
+  color: white !important;
+  border: 4px solid black;
+}
+
+#colophon {
+  a:not(.button) {
+    color: inherit;
+
+    &:hover,
+    &:focus {
+      color: $color-primary;
+    }
+    }
+}
+
+.site-info,
+.social-links {
+  -ms-flex-align: center;
+  align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-pack: center;
+  justify-content: center;
+  font-size: 0.675em;
+  line-height: 1.2;
+
+  .button:not(.button-icon) {
+    font-size: inherit;
+    line-height: 1.2;
+    padding: 0.3em 1em;
+  }
+}
+
+.site-info {
+  margin: 0.25em 0 0;
+  text-align: center;
+
+  .copyright,
+  >a {
+    margin: 0 4px 0.2em 0;
+  }
+}
+
+.social-links {
+  margin-top: 0.5375em;
+
+  a {
+    margin: 0 50px 0.2em;
+  }
+
+  .icon {
+    font-size: 20px;
+    color: rgb(0, 0, 0);
+    background-color: rgb(0, 0, 0);
+  }
+}
+
+@media only screen and (min-width: 641px) {
+  .site-footer-inside {
+    -ms-flex-align: start;
+    align-items: flex-start;
+    display: -ms-flexbox;
+    display: flex;
+  }
+
+  .site-info {
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    text-align: left;
+  }
+
+  .social-links {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    margin-left: auto;
+    margin-top: 0;
+
+    a {
+      margin-left: 20px;
+      margin-right: 0;
+    }
+    }
+}
diff --git a/src/sass/imports/_forms.scss b/src/sass/imports/_forms.scss
index caf86ac6b2..d03cf35dae 100644
--- a/src/sass/imports/_forms.scss
+++ b/src/sass/imports/_forms.scss
@@ -1,55 +1,55 @@
-label {
-  color: $gray-700;
-  font-weight: bold;
-  line-height: 1.5;
-  margin-bottom: 0.25em;
-
-  input[type=checkbox] + &,
-  input[type=radio] + & {
-    font-weight: normal;
-    cursor: pointer;
-    padding-left: 0.25em;
-    padding-right: 1em;
-  }
-}
-
-input[type="text"],
-input[type="password"],
-input[type="email"],
-input[type="tel"],
-input[type="number"],
-input[type="search"],
-input[type="url"],
-select,
-textarea {
-  background: #fff;
-  border: 1px solid $gray-300;
-  border-radius: $border-radius-sm;
-  box-shadow: none;
-  box-sizing: border-box;
-  color: $gray-700;
-  display: block;
-  font-size: 1em;
-  font-weight: normal;
-  line-height: 1.5;
-  max-width: 100%;
-  padding: 0.5em;
-  width: 100%;
-
-  &:focus {
-    outline: 0;
-  }
-}
-
-::placeholder {
-  color: $gray-400;
-  opacity: 1;
-}
-
-.form-row {
-  margin-bottom: 1em;
-}
-
-.form-submit {
-  margin-top: 1.66667em;
-}
+label {
+  color: $gray-700;
+  font-weight: bold;
+  line-height: 1.5;
+  margin-bottom: 0.25em;
+
+  input[type='checkbox']+&,
+  input[type='radio']+& {
+    font-weight: normal;
+    cursor: pointer;
+    padding-left: 0.25em;
+    padding-right: 1em;
+  }
+}
+
+input[type='text'],
+input[type='password'],
+input[type='email'],
+input[type='tel'],
+input[type='number'],
+input[type='search'],
+input[type='url'],
+select,
+textarea {
+  background: #fff;
+  border: 1px solid $gray-300;
+  border-radius: $border-radius-sm;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: $gray-700;
+  display: block;
+  font-size: 1em;
+  font-weight: normal;
+  line-height: 1.5;
+  max-width: 100%;
+  padding: 0.5em;
+  width: 100%;
+
+  &:focus {
+    outline: 0;
+  }
+}
+
+::placeholder {
+  color: $gray-400;
+  opacity: 1;
+}
+
+.form-row {
+  margin-bottom: 1em;
+}
+
+.form-submit {
+  margin-top: 1.66667em;
+}
diff --git a/src/sass/imports/_functions.scss b/src/sass/imports/_functions.scss
index 4fe548208c..6b80e55055 100644
--- a/src/sass/imports/_functions.scss
+++ b/src/sass/imports/_functions.scss
@@ -1,7 +1,18 @@
-// Gets a value from a map.
-@function map-deep-get($map, $keys...) {
-  @each $key in $keys {
-    $map: map-get($map, $key);
-  }
-  @return $map;
-}
+// Gets a value from a map.
+@function map-deep-get($map, $keys...) {
+  @each $key in $keys {
+    $map: map-get($map, $key);
+  }
+  @return $map;
+}
+
+
+//----------------experimental------------------
+
+
+
+
+
+
+
+
diff --git a/src/sass/imports/_general.scss b/src/sass/imports/_general.scss
index d8f902f202..c761a6c820 100644
--- a/src/sass/imports/_general.scss
+++ b/src/sass/imports/_general.scss
@@ -1,1807 +1,622 @@
-html {
-  font-family: $font-primary;
-  font-size: 100%;
-}
-
-body {
-  background: $gray-100;
-  color: $gray-600;
-  line-height: 1.425;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  overflow: scroll;
-
-}
-
-a {
-  color: $color-primary;
-  text-decoration: underline;
-  -webkit-transition: color 0.3s ease;
-  transition: color 0.4s ease-out;
-
-  &:hover {
-    color: $gray-600;
-  }
-}
-
-#social-embed {
-  // position: absolute !important;
-  // right: 50px !important;
-  bottom: 120px !important;
-  width: 100% !important;
-  width: 1000px !important;
-  box-shadow: inset 0px 5px 3px -10px black,
-  inset 0px -11px 8px -10px black;
-  margin: 0 auto !important;
-  height: 400px !important;
-  overflow: scroll !important;
-  border: 1px dotted black;
-  // z-index: -1;
-}
-
-iframe {
-  overflow-y: scroll;
-  overflow-x: scroll;
-  border-radius: 12px;
-  border: 1px dotted black;
-  height: 1200px;
-  box-shadow: inset 0px 4px 4px -10px black,
-  inset 0px -11px 8px -10px black;
-  width: 1000px;
-  resize: both !important;
-  overflow: scroll;
-}
-
-code {
-  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-}
-
-pre {
-  -webkit-box-shadow: 0 1px 4px rgba(155, 155, 155, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0 1px 4px rgba(124, 124, 124, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0 1px 4px rgba(184, 137, 137, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: $gray-700;
-  font-weight: bold;
-  line-height: 1.2;
-  margin: 1.5em 0 0.5em;
-  text-rendering: optimizeLegibility;
-
-  &:first-child {
-    margin-top: 0;
-  }
-}
-
-h1 {
-  font-size: 2em;
-}
-
-h2 {
-  font-size: 1.75em;
-}
-
-h3 {
-  font-size: 1.5em;
-}
-
-h4 {
-  font-size: 1.25em;
-}
-
-h5 {
-  font-size: 1.125em;
-}
-
-h6 {
-  font-size: 1em;
-}
-
-p {
-  margin: 0 0 1em;
-}
-
-mark,
-ins {
-  background: $yellow-pale;
-  color: $gray-700;
-  padding: 0.15em;
-  text-decoration: none;
-}
-
-pre {
-  background: $gray-700;
-  border-radius: $border-radius-sm;
-  color: $gray-100;
-  font-size: 0.875em;
-  line-height: 1.5;
-  margin: 1.14286em 0;
-  overflow: auto;
-  padding: 1.5em;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-
-  &:first-child {
-    margin-top: 0;
-  }
-}
-
-:not(pre)>code {
-  background: $gray-200;
-  border-radius: $border-radius-sm;
-  color: $gray-600;
-  font-size: 0.875rem;
-  padding: 0.15em;
-  white-space: normal;
-}
-
-blockquote {
-  border-left: 5px solid $color-primary;
-  font-size: 1.25em;
-  line-height: 1.4;
-  margin: 1.25em 0;
-  padding: 0 0 0 1em;
-
-  &:first-child {
-    margin-top: 0;
-  }
-
-  p {
-    margin-bottom: 0.5em;
-  }
-
-  small,
-  cite {
-    color: $gray-500;
-    display: block;
-    font-size: 0.75em;
-    font-style: normal;
-    font-weight: normal;
-    line-height: 1.5;
-    margin-top: 0.5em;
-  }
-}
-
-dl {
-  margin: 0;
-}
-
-dt {
-  font-weight: bold;
-}
-
-ul,
-ol,
-dd {
-  margin: 0 0 1em;
-}
-
-ul {
-  list-style: disc;
-  padding: 0 0 0 1.125em;
-}
-
-ol {
-  list-style: decimal;
-  padding: 0 0 0 1.5em;
-}
-
-li>ul,
-li>ol {
-  margin-bottom: 0;
-}
-
-hr {
-  background-color: $gray-300;
-  border: 0;
-  height: 1px;
-  margin: 1.875em 0;
-
-  &:first-child {
-    margin-top: 0;
-  }
-}
-
-img {
-  height: auto;
-  max-width: 100%;
-  border-radius: 10px;
-
-  :not(.site-logo) {
-    box-shadow: inset 10px 10px 50px #fff;
-  }
-
-}
-
-@media only screen and (min-width: 741px) {
-  blockquote {
-    font-size: 1.5em;
-    line-height: 1.3;
-  }
-
-  h1 {
-    font-size: 2.5em;
-  }
-
-  h2 {
-    font-size: 2.125em;
-  }
-
-  h3 {
-    font-size: 1.875em;
-  }
-
-  h4 {
-    font-size: 1.5em;
-  }
-
-  h5 {
-    font-size: 1.25em;
-  }
-
-  h6 {
-    font-size: 1.125em;
-  }
-}
-
-
-/****************PRISM*****************************************/
-
-code[class*=language-],
-pre[class*=language-] {
-  color: #fff;
-  background: 0 0;
-  font-family: Consolas,
-  Monaco,
-  'Andale Mono',
-  'Ubuntu Mono',
-  monospace;
-  font-size: 1em;
-  text-align: left;
-  text-shadow: 0 -.1em .2em #000;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  line-height: 1.5;
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none
-}
-
-:not(pre)>code[class*=language-],
-pre[class*=language-] {
-  background: #141414
-}
-
-pre[class*=language-] {
-  border-radius: .5em;
-  border: .3em solid #545454;
-  box-shadow: 1px 1px .5em #000 inset;
-  margin: .5em 0;
-  overflow: auto;
-  padding: 1em
-}
-
-pre[class*=language-]::-moz-selection {
-  background: #27292a
-}
-
-pre[class*=language-]::selection {
-  background: #27292a
-}
-
-code[class*=language-] ::-moz-selection,
-code[class*=language-]::-moz-selection,
-pre[class*=language-] ::-moz-selection,
-pre[class*=language-]::-moz-selection {
-  text-shadow: none;
-  background: hsla(0, 0%, 93%, .15)
-}
-
-code[class*=language-] ::selection,
-code[class*=language-]::selection,
-pre[class*=language-] ::selection,
-pre[class*=language-]::selection {
-  text-shadow: none;
-  background: hsla(0, 0%, 93%, .15)
-}
-
-:not(pre)>code[class*=language-] {
-  border-radius: .3em;
-  border: .13em solid #545454;
-  box-shadow: 1px 1px .3em -.1em #000 inset;
-  padding: .15em .2em .05em;
-  white-space: normal
-}
-
-.token.cdata,
-.token.comment,
-.token.doctype,
-.token.prolog {
-  color: #777
-}
-
-.token.punctuation {
-  opacity: .7
-}
-
-.token.namespace {
-  opacity: .7
-}
-
-.token.boolean,
-.token.deleted,
-.token.number,
-.token.tag {
-  color: #ce6849
-}
-
-.token.builtin,
-.token.constant,
-.token.keyword,
-.token.property,
-.token.selector,
-.token.symbol {
-  color: #f9ed99
-}
-
-.language-css .token.string,
-.style .token.string,
-.token.attr-name,
-.token.attr-value,
-.token.char,
-.token.entity,
-.token.inserted,
-.token.operator,
-.token.string,
-.token.url,
-.token.variable {
-  color: #909e6a
-}
-
-.token.atrule {
-  color: #7385a5
-}
-
-.token.important,
-.token.regex {
-  color: #e8c062
-}
-
-.token.bold,
-.token.important {
-  font-weight: 700
-}
-
-.token.italic {
-  font-style: italic
-}
-
-.token.entity {
-  cursor: help
-}
-
-.language-markup .token.attr-name,
-.language-markup .token.punctuation,
-.language-markup .token.tag {
-  color: #ac885c
-}
-
-.token {
-  position: relative;
-  z-index: 1
-}
-
-.line-highlight.line-highlight {
-  background: hsla(0, 0%, 33%, .25);
-  background: linear-gradient(to right, hsla(0, 0%, 33%, .1) 70%, hsla(0, 0%, 33%, 0));
-  border-bottom: 1px dashed #545454;
-  border-top: 1px dashed #545454;
-  margin-top: .75em;
-  z-index: 0
-}
-
-.line-highlight.line-highlight:before,
-.line-highlight.line-highlight[data-end]:after {
-  background-color: #8693a6;
-  color: #f4f1ef
-}
-
-
-/**********************Algolia CSS*********************/
-
-/*! @algolia/autocomplete-theme-classic 1.5.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
-:root {
-  --aa-search-input-height: 44px;
-  --aa-input-icon-size: 20px;
-  --aa-base-unit: 16;
-  --aa-spacing-factor: 1;
-  --aa-spacing: calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);
-  --aa-spacing-half: calc(var(--aa-spacing)/2);
-  --aa-panel-max-height: 650px;
-  --aa-base-z-index: 9999;
-  --aa-font-size: calc(var(--aa-base-unit)*1px);
-  --aa-font-family: inherit;
-  --aa-font-weight-medium: 500;
-  --aa-font-weight-semibold: 600;
-  --aa-font-weight-bold: 700;
-  --aa-icon-size: 20px;
-  --aa-icon-stroke-width: 1.6;
-  --aa-icon-color-rgb: 119,
-  119,
-  163;
-  --aa-icon-color-alpha: 1;
-  --aa-action-icon-size: 20px;
-  --aa-text-color-rgb: 38,
-  38,
-  39;
-  --aa-text-color-alpha: 1;
-  --aa-primary-color-rgb: 62,
-  52,
-  211;
-  --aa-primary-color-alpha: 0.2;
-  --aa-muted-color-rgb: 128,
-  126,
-  163;
-  --aa-muted-color-alpha: 0.6;
-  --aa-panel-border-color-rgb: 128,
-  126,
-  163;
-  --aa-panel-border-color-alpha: 0.3;
-  --aa-input-border-color-rgb: 128,
-  126,
-  163;
-  --aa-input-border-color-alpha: 0.8;
-  --aa-background-color-rgb: 255,
-  255,
-  255;
-  --aa-background-color-alpha: 1;
-  --aa-input-background-color-rgb: 255,
-  255,
-  255;
-  --aa-input-background-color-alpha: 1;
-  --aa-selected-color-rgb: 179,
-  173,
-  214;
-  --aa-selected-color-alpha: 0.205;
-  --aa-description-highlight-background-color-rgb: 245,
-  223,
-  77;
-  --aa-description-highlight-background-color-alpha: 0.5;
-  --aa-detached-media-query: (max-width:680px);
-  --aa-detached-modal-media-query: (min-width:680px);
-  --aa-detached-modal-max-width: 680px;
-  --aa-detached-modal-max-height: 500px;
-  --aa-overlay-color-rgb: 115,
-  114,
-  129;
-  --aa-overlay-color-alpha: 0.4;
-  --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),
-  0 6px 16px -4px rgba(35, 38, 59, 0.15);
-  --aa-scrollbar-width: 13px;
-  --aa-scrollbar-track-background-color-rgb: 234,
-  234,
-  234;
-  --aa-scrollbar-track-background-color-alpha: 1;
-  --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
-  --aa-scrollbar-thumb-background-color-alpha: 1
-}
-
-@media (hover: none) and (pointer: coarse) {
-  :root {
-    --aa-spacing-factor: 1.2;
-    --aa-action-icon-size: 22px
-  }
-}
-
-body.dark,
-body[data-theme=dark] {
-  --aa-text-color-rgb: 183,
-  192,
-  199;
-  --aa-primary-color-rgb: 146,
-  138,
-  255;
-  --aa-muted-color-rgb: 146,
-  138,
-  255;
-  --aa-input-background-color-rgb: 0,
-  3,
-  9;
-  --aa-background-color-rgb: 21,
-  24,
-  42;
-  --aa-selected-color-rgb: 146,
-  138,
-  255;
-  --aa-selected-color-alpha: 0.25;
-  --aa-description-highlight-background-color-rgb: 0 255 255;
-  --aa-description-highlight-background-color-alpha: 0.25;
-  --aa-icon-color-rgb: 119,
-  119,
-  163;
-  --aa-panel-shadow: inset 1px 1px 0 0 #2c2e40,
-  0 3px 8px 0 #000309;
-  --aa-scrollbar-track-background-color-rgb: 44,
-  46,
-  64;
-  --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb)
-}
-
-.aa-Autocomplete *,
-.aa-DetachedFormContainer *,
-.aa-Panel * {
-  box-sizing: border-box
-}
-
-.aa-Autocomplete,
-.aa-DetachedFormContainer,
-.aa-Panel {
-  color: #262627;
-  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
-  font-family: inherit;
-  font-family: var(--aa-font-family);
-  font-size: 16px;
-  font-size: var(--aa-font-size);
-  font-weight: 400;
-  line-height: 1em;
-  margin: 0;
-  padding: 0;
-  text-align: left
-}
-
-.aa-Form {
-  align-items: center;
-  background-color: #fff;
-  background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
-  border: 1px solid rgba(128, 126, 163, 0.8);
-  border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
-  border-radius: 3px;
-  display: flex;
-  line-height: 1em;
-  margin: 0;
-  position: relative;
-  width: 100%
-}
-
-.aa-Form[focus-within] {
-  border-color: #3e34d3;
-  border-color: rgba(var(--aa-primary-color-rgb), 1);
-  box-shadow: 0 0 0 2px rgba(62, 52, 211, 0.2),
-  inset 0 0 0 2px rgba(62, 52, 211, 0.2);
-  box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px,
-  inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
-  outline: medium none currentColor
-}
-
-.aa-Form:focus-within {
-  border-color: #3e34d3;
-  border-color: rgba(var(--aa-primary-color-rgb), 1);
-  box-shadow: 0 0 0 2px rgba(62, 52, 211, 0.2),
-  inset 0 0 0 2px rgba(62, 52, 211, 0.2);
-  box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px,
-  inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
-  outline: medium none currentColor
-}
-
-.aa-InputWrapperPrefix {
-  align-items: center;
-  display: flex;
-  flex-shrink: 0;
-  height: 44px;
-  height: var(--aa-search-input-height);
-  order: 1
-}
-
-.aa-Label,
-.aa-LoadingIndicator {
-  cursor: auto;
-  flex-shrink: 0;
-  height: 100%;
-  padding: 0;
-  text-align: left
-}
-
-.aa-Label svg,
-.aa-LoadingIndicator svg {
-  color: #3e34d3;
-  color: rgba(var(--aa-primary-color-rgb), 1);
-  height: auto;
-  max-height: 20px;
-  max-height: var(--aa-input-icon-size);
-  stroke-width: 1.6;
-  stroke-width: var(--aa-icon-stroke-width);
-  width: 20px;
-  width: var(--aa-input-icon-size)
-}
-
-.aa-LoadingIndicator,
-.aa-SubmitButton {
-  height: 100%;
-  padding-left: 11px;
-  padding-left: calc(var(--aa-spacing)*0.75 - 1px);
-  padding-right: 8px;
-  padding-right: var(--aa-spacing-half);
-  width: 47px;
-  width: calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)
-}
-
-@media (hover: none) and (pointer: coarse) {
-
-  .aa-LoadingIndicator,
-  .aa-SubmitButton {
-    padding-left: 3px;
-    padding-left: calc(var(--aa-spacing-half)/2 - 1px);
-    width: 39px;
-    width: calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)
-  }
-}
-
-.aa-SubmitButton {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: none;
-  border: 0;
-  margin: 0
-}
-
-.aa-LoadingIndicator {
-  align-items: center;
-  display: flex;
-  justify-content: center
-}
-
-.aa-LoadingIndicator[hidden] {
-  display: none
-}
-
-.aa-InputWrapper {
-  order: 3;
-  position: relative;
-  width: 100%
-}
-
-.aa-Input {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: none;
-  border: 0;
-  color: #262627;
-  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
-  font: inherit;
-  height: 44px;
-  height: var(--aa-search-input-height);
-  padding: 0;
-  width: 100%
-}
-
-.aa-Input::-moz-placeholder {
-  color: rgba(128, 126, 163, 0.6);
-  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
-  opacity: 1
-}
-
-.aa-Input:-ms-input-placeholder {
-  color: rgba(128, 126, 163, 0.6);
-  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
-  opacity: 1
-}
-
-.aa-Input::placeholder {
-  color: rgba(128, 126, 163, 0.6);
-  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
-  opacity: 1
-}
-
-.aa-Input:focus {
-  border-color: none;
-  box-shadow: none;
-  outline: none
-}
-
-.aa-Input::-webkit-search-cancel-button,
-.aa-Input::-webkit-search-decoration,
-.aa-Input::-webkit-search-results-button,
-.aa-Input::-webkit-search-results-decoration {
-  -webkit-appearance: none;
-  appearance: none
-}
-
-.aa-InputWrapperSuffix {
-  align-items: center;
-  display: flex;
-  height: 44px;
-  height: var(--aa-search-input-height);
-  order: 4
-}
-
-.aa-ClearButton {
-  align-items: center;
-  background: none;
-  border: 0;
-  color: rgba(128, 126, 163, 0.6);
-  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
-  cursor: pointer;
-  display: flex;
-  height: 100%;
-  margin: 0;
-  padding: 0 12.8333333333px;
-  padding: 0 calc(var(--aa-spacing)*0.83333 - .5px)
-}
-
-@media (hover: none) and (pointer: coarse) {
-  .aa-ClearButton {
-    padding: 0 10.1666666667px;
-    padding: 0 calc(var(--aa-spacing)*0.66667 - .5px)
-  }
-}
-
-.aa-ClearButton:focus,
-.aa-ClearButton:hover {
-  color: #262627;
-  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
-}
-
-.aa-ClearButton[hidden] {
-  display: none
-}
-
-.aa-ClearButton svg {
-  stroke-width: 1.6;
-  stroke-width: var(--aa-icon-stroke-width);
-  width: 20px;
-  width: var(--aa-icon-size)
-}
-
-.aa-Panel {
-  background-color: #fff;
-  background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
-  border-radius: 4px;
-  border-radius: calc(var(--aa-spacing)/4);
-  box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),
-  0 6px 16px -4px rgba(35, 38, 59, 0.15);
-  box-shadow: var(--aa-panel-shadow);
-  margin: 8px 0 0;
-  overflow: hidden;
-  position: absolute;
-  transition: opacity .2s ease-in,
-  filter .2s ease-in
-}
-
-@media screen and (prefers-reduced-motion) {
-  .aa-Panel {
-    transition: none
-  }
-}
-
-.aa-Panel button {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: none;
-  border: 0;
-  margin: 0;
-  padding: 0
-}
-
-.aa-PanelLayout {
-  height: 100%;
-  margin: 0;
-  max-height: 650px;
-  max-height: var(--aa-panel-max-height);
-  overflow-y: auto;
-  padding: 0;
-  position: relative;
-  text-align: left
-}
-
-.aa-PanelLayoutColumns--twoGolden {
-  display: grid;
-  grid-template-columns: 39.2% auto;
-  overflow: hidden;
-  padding: 0
-}
-
-.aa-PanelLayoutColumns--two {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  overflow: hidden;
-  padding: 0
-}
-
-.aa-PanelLayoutColumns--three {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  overflow: hidden;
-  padding: 0
-}
-
-.aa-Panel--stalled .aa-Source {
-  filter: grayscale(1);
-  opacity: .8
-}
-
-.aa-Panel--scrollable {
-  margin: 0;
-  max-height: 650px;
-  max-height: var(--aa-panel-max-height);
-  overflow-x: hidden;
-  overflow-y: auto;
-  padding: 8px;
-  padding: var(--aa-spacing-half);
-  scrollbar-color: #fff #eaeaea;
-  scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
-  scrollbar-width: thin
-}
-
-.aa-Panel--scrollable::-webkit-scrollbar {
-  width: 13px;
-  width: var(--aa-scrollbar-width)
-}
-
-.aa-Panel--scrollable::-webkit-scrollbar-track {
-  background-color: #eaeaea;
-  background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha))
-}
-
-.aa-Panel--scrollable::-webkit-scrollbar-thumb {
-  background-color: #fff;
-  background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha));
-  border-radius: 9999px;
-  border: 3px solid #eaeaea;
-  border-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
-  border-right: 2px solid rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha))
-}
-
-.aa-Source {
-  margin: 0;
-  padding: 0;
-  position: relative;
-  width: 100%
-}
-
-.aa-Source:empty {
-  display: none
-}
-
-.aa-SourceNoResults {
-  font-size: 1em;
-  margin: 0;
-  padding: 16px;
-  padding: var(--aa-spacing)
-}
-
-.aa-List {
-  list-style: none;
-  margin: 0
-}
-
-.aa-List,
-.aa-SourceHeader {
-  padding: 0;
-  position: relative
-}
-
-.aa-SourceHeader {
-  margin: 8px .5em 8px 0;
-  margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0
-}
-
-.aa-SourceHeader:empty {
-  display: none
-}
-
-.aa-SourceHeaderTitle {
-  background: #fff;
-  background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
-  color: #3e34d3;
-  color: rgba(var(--aa-primary-color-rgb), 1);
-  display: inline-block;
-  font-size: .8em;
-  font-weight: 600;
-  font-weight: var(--aa-font-weight-semibold);
-  margin: 0;
-  padding: 0 8px 0 0;
-  padding: 0 var(--aa-spacing-half) 0 0;
-  position: relative;
-  z-index: 9999;
-  z-index: var(--aa-base-z-index)
-}
-
-.aa-SourceHeaderLine {
-  border-bottom: 1px solid #3e34d3;
-  border-bottom: 1px solid rgba(var(--aa-primary-color-rgb), 1);
-  display: block;
-  height: 2px;
-  left: 0;
-  margin: 0;
-  opacity: .3;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 8px;
-  top: var(--aa-spacing-half);
-  z-index: 9998;
-  z-index: calc(var(--aa-base-z-index) - 1)
-}
-
-.aa-SourceFooterSeeAll {
-  background: linear-gradient(180deg, #fff, rgba(128, 126, 163, 0.14));
-  background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), rgba(128, 126, 163, 0.14));
-  border: 1px solid rgba(128, 126, 163, 0.6);
-  border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
-  border-radius: 5px;
-  box-shadow: inset 0 0 2px #fff,
-  0 2px 2px -1px rgba(76, 69, 88, 0.15);
-  color: inherit;
-  font-size: .95em;
-  font-weight: 500;
-  font-weight: var(--aa-font-weight-medium);
-  padding: .475em 1em .6em;
-  text-decoration: none
-}
-
-.aa-SourceFooterSeeAll:focus,
-.aa-SourceFooterSeeAll:hover {
-  border: 1px solid #3e34d3;
-  border: 1px solid rgba(var(--aa-primary-color-rgb), 1);
-  color: #3e34d3;
-  color: rgba(var(--aa-primary-color-rgb), 1)
-}
-
-.aa-Item {
-  align-items: center;
-  border-radius: 3px;
-  cursor: pointer;
-  display: grid;
-  min-height: 40px;
-  min-height: calc(var(--aa-spacing)*2.5);
-  padding: 4px;
-  padding: calc(var(--aa-spacing-half)/2)
-}
-
-.aa-Item[aria-selected=true] {
-  background-color: rgba(179, 173, 214, 0.205);
-  background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha))
-}
-
-.aa-Item[aria-selected=true] .aa-ActiveOnly,
-.aa-Item[aria-selected=true] .aa-ItemActionButton {
-  visibility: visible
-}
-
-.aa-ItemIcon {
-  align-items: center;
-  background: #fff;
-  background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
-  border-radius: 3px;
-  box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);
-  box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
-  color: #7777a3;
-  color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));
-  display: flex;
-  flex-shrink: 0;
-  font-size: .7em;
-  height: 28px;
-  height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
-  justify-content: center;
-  overflow: hidden;
-  stroke-width: 1.6;
-  stroke-width: var(--aa-icon-stroke-width);
-  text-align: center;
-  width: 28px;
-  width: calc(var(--aa-icon-size) + var(--aa-spacing-half))
-}
-
-.aa-ItemIcon img {
-  height: auto;
-  max-height: 20px;
-  max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
-  max-width: 20px;
-  max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
-  width: auto
-}
-
-.aa-ItemIcon svg {
-  height: 20px;
-  height: var(--aa-icon-size);
-  width: 20px;
-  width: var(--aa-icon-size)
-}
-
-.aa-ItemIcon--alignTop {
-  align-self: flex-start
-}
-
-.aa-ItemIcon--noBorder {
-  background: none;
-  box-shadow: none
-}
-
-.aa-ItemIcon--picture {
-  height: 96px;
-  width: 96px
-}
-
-.aa-ItemIcon--picture img {
-  max-height: 100%;
-  max-width: 100%;
-  padding: 8px;
-  padding: var(--aa-spacing-half)
-}
-
-.aa-ItemContent {
-  align-items: center;
-  cursor: pointer;
-  display: grid;
-  grid-gap: 8px;
-  gap: 8px;
-  grid-gap: var(--aa-spacing-half);
-  gap: var(--aa-spacing-half);
-  grid-auto-flow: column;
-  line-height: 1.25em;
-  overflow: hidden
-}
-
-.aa-ItemContent:empty {
-  display: none
-}
-
-.aa-ItemContent mark {
-  background: none;
-  color: #262627;
-  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
-  font-style: normal;
-  font-weight: 700;
-  font-weight: var(--aa-font-weight-bold)
-}
-
-.aa-ItemContent--dual {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  text-align: left
-}
-
-.aa-ItemContent--dual .aa-ItemContentSubtitle,
-.aa-ItemContent--dual .aa-ItemContentTitle {
-  display: block
-}
-
-.aa-ItemContent--indented {
-  padding-left: 36px;
-  padding-left: calc(var(--aa-icon-size) + var(--aa-spacing))
-}
-
-.aa-ItemContentBody {
-  display: grid;
-  grid-gap: 4px;
-  gap: 4px;
-  grid-gap: calc(var(--aa-spacing-half)/2);
-  gap: calc(var(--aa-spacing-half)/2)
-}
-
-.aa-ItemContentTitle {
-  display: inline-block;
-  margin: 0 .5em 0 0;
-  max-width: 100%;
-  overflow: hidden;
-  padding: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap
-}
-
-.aa-ItemContentSubtitle {
-  font-size: .92em
-}
-
-.aa-ItemContentSubtitleIcon:before {
-  border-color: rgba(128, 126, 163, 0.64);
-  border-color: rgba(var(--aa-muted-color-rgb), 0.64);
-  border-style: solid;
-  content: "";
-  display: inline-block;
-  left: 1px;
-  position: relative;
-  top: -3px
-}
-
-.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before {
-  border-width: 0 0 1.5px;
-  margin-left: 8px;
-  margin-left: var(--aa-spacing-half);
-  margin-right: 4px;
-  margin-right: calc(var(--aa-spacing-half)/2);
-  width: 10px;
-  width: calc(var(--aa-spacing-half) + 2px)
-}
-
-.aa-ItemContentSubtitle--standalone {
-  align-items: center;
-  color: #262627;
-  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
-  display: grid;
-  grid-gap: 8px;
-  gap: 8px;
-  grid-gap: var(--aa-spacing-half);
-  gap: var(--aa-spacing-half);
-  grid-auto-flow: column;
-  justify-content: start
-}
-
-.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before {
-  border-radius: 0 0 0 3px;
-  border-width: 0 0 1.5px 1.5px;
-  height: 8px;
-  height: var(--aa-spacing-half);
-  width: 8px;
-  width: var(--aa-spacing-half)
-}
-
-.aa-ItemContentSubtitleCategory {
-  color: #807ea3;
-  color: rgba(var(--aa-muted-color-rgb), 1);
-  font-weight: 500
-}
-
-.aa-ItemContentDescription {
-  color: #262627;
-  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
-  font-size: .85em;
-  max-width: 100%;
-  overflow-x: hidden;
-  text-overflow: ellipsis
-}
-
-.aa-ItemContentDescription:empty {
-  display: none
-}
-
-.aa-ItemContentDescription mark {
-  background: rgba(245, 223, 77, 0.5);
-  background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha));
-  color: #262627;
-  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
-  font-style: normal;
-  font-weight: 500;
-  font-weight: var(--aa-font-weight-medium)
-}
-
-.aa-ItemContentDash {
-  color: rgba(128, 126, 163, 0.6);
-  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
-  display: none;
-  opacity: .4
-}
-
-.aa-ItemContentTag {
-  background-color: rgba(62, 52, 211, 0.2);
-  background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha));
-  border-radius: 3px;
-  margin: 0 .4em 0 0;
-  padding: .08em .3em
-}
-
-.aa-ItemLink,
-.aa-ItemWrapper {
-  align-items: center;
-  color: inherit;
-  display: grid;
-  grid-gap: 4px;
-  gap: 4px;
-  grid-gap: calc(var(--aa-spacing-half)/2);
-  gap: calc(var(--aa-spacing-half)/2);
-  grid-auto-flow: column;
-  justify-content: space-between;
-  width: 100%
-}
-
-.aa-ItemLink {
-  color: inherit;
-  text-decoration: none
-}
-
-.aa-ItemActions {
-  display: grid;
-  grid-auto-flow: column;
-  height: 100%;
-  justify-self: end;
-  margin: 0 -5.3333333333px;
-  margin: 0 calc(var(--aa-spacing)/-3);
-  padding: 0 2px 0 0
-}
-
-.aa-ItemActionButton {
-  align-items: center;
-  background: none;
-  border: 0;
-  color: rgba(128, 126, 163, 0.6);
-  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
-  cursor: pointer;
-  display: flex;
-  flex-shrink: 0;
-  padding: 0
-}
-
-.aa-ItemActionButton:focus svg,
-.aa-ItemActionButton:hover svg {
-  color: #262627;
-  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
-}
-
-@media (hover: none) and (pointer: coarse) {
-
-  .aa-ItemActionButton:focus svg,
-  .aa-ItemActionButton:hover svg {
-    color: inherit
-  }
-}
-
-.aa-ItemActionButton svg {
-  color: rgba(128, 126, 163, 0.6);
-  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
-  margin: 5.3333333333px;
-  margin: calc(var(--aa-spacing)/3);
-  stroke-width: 1.6;
-  stroke-width: var(--aa-icon-stroke-width);
-  width: 20px;
-  width: var(--aa-action-icon-size)
-}
-
-.aa-ActiveOnly {
-  visibility: hidden
-}
-
-.aa-PanelHeader {
-  align-items: center;
-  background: #3e34d3;
-  background: rgba(var(--aa-primary-color-rgb), 1);
-  color: #fff;
-  display: grid;
-  height: var(--aa-modal-header-height);
-  margin: 0;
-  padding: 8px 16px;
-  padding: var(--aa-spacing-half) var(--aa-spacing);
-  position: relative
-}
-
-.aa-PanelHeader:after {
-  background-image: linear-gradient(#fff, rgba(255, 255, 255, 0));
-  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
-  bottom: -8px;
-  bottom: calc(var(--aa-spacing-half)*-1);
-  content: "";
-  height: 8px;
-  height: var(--aa-spacing-half);
-  left: 0;
-  pointer-events: none;
-  position: absolute;
-  right: 0
-}
-
-.aa-PanelFooter,
-.aa-PanelHeader:after {
-  z-index: 9999;
-  z-index: var(--aa-base-z-index)
-}
-
-.aa-PanelFooter {
-  background-color: #fff;
-  background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
-  box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);
-  box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
-  display: flex;
-  justify-content: space-between;
-  margin: 0;
-  padding: 16px;
-  padding: var(--aa-spacing);
-  position: relative
-}
-
-.aa-PanelFooter:after {
-  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(128, 126, 163, 0.6));
-  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)));
-  content: "";
-  height: 16px;
-  height: var(--aa-spacing);
-  left: 0;
-  opacity: .12;
-  pointer-events: none;
-  position: absolute;
-  right: 0;
-  top: -16px;
-  top: calc(var(--aa-spacing)*-1);
-  z-index: 9998;
-  z-index: calc(var(--aa-base-z-index) - 1)
-}
-
-.aa-DetachedContainer {
-  background: #fff;
-  background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
-  bottom: 0;
-  box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),
-  0 6px 16px -4px rgba(35, 38, 59, 0.15);
-  box-shadow: var(--aa-panel-shadow);
-  display: flex;
-  flex-direction: column;
-  left: 0;
-  margin: 0;
-  overflow: hidden;
-  padding: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 9999;
-  z-index: var(--aa-base-z-index)
-}
-
-.aa-DetachedContainer:after {
-  height: 32px
-}
-
-.aa-DetachedContainer .aa-SourceHeader {
-  margin: 8px 0 8px 2px;
-  margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px
-}
-
-.aa-DetachedContainer .aa-Panel {
-  background-color: #fff;
-  background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
-  border-radius: 0;
-  box-shadow: none;
-  flex-grow: 1;
-  margin: 0;
-  padding: 0;
-  position: relative
-}
-
-.aa-DetachedContainer .aa-PanelLayout {
-  bottom: 0;
-  box-shadow: none;
-  left: 0;
-  margin: 0;
-  max-height: none;
-  overflow-y: auto;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 100%
-}
-
-.aa-DetachedFormContainer {
-  border-bottom: 1px solid rgba(128, 126, 163, 0.3);
-  border-bottom: 1px solid rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  margin: 0;
-  padding: 8px;
-  padding: var(--aa-spacing-half)
-}
-
-.aa-DetachedCancelButton {
-  background: none;
-  border: 0;
-  border-radius: 3px;
-  color: inherit;
-  color: #262627;
-  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
-  cursor: pointer;
-  font: inherit;
-  margin: 0 0 0 8px;
-  margin: 0 0 0 var(--aa-spacing-half);
-  padding: 0 8px;
-  padding: 0 var(--aa-spacing-half)
-}
-
-.aa-DetachedCancelButton:focus,
-.aa-DetachedCancelButton:hover {
-  box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);
-  box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha))
-}
-
-.aa-DetachedContainer--modal {
-  border-radius: 6px;
-  bottom: inherit;
-  height: auto;
-  margin: 0 auto;
-  max-width: 680px;
-  max-width: var(--aa-detached-modal-max-width);
-  position: absolute;
-  top: 3%
-}
-
-.aa-DetachedContainer--modal .aa-PanelLayout {
-  max-height: 500px;
-  max-height: var(--aa-detached-modal-max-height);
-  padding-bottom: 8px;
-  padding-bottom: var(--aa-spacing-half);
-  position: static
-}
-
-.aa-DetachedSearchButton {
-  align-items: center;
-  background-color: #fff;
-  background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
-  border: 1px solid rgba(128, 126, 163, 0.8);
-  border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
-  border-radius: 3px;
-  color: rgba(128, 126, 163, 0.6);
-  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
-  cursor: pointer;
-  display: flex;
-  font: inherit;
-  font-family: inherit;
-  font-family: var(--aa-font-family);
-  font-size: 16px;
-  font-size: var(--aa-font-size);
-  height: 44px;
-  height: var(--aa-search-input-height);
-  margin: 0;
-  padding: 0 5.5px;
-  padding: 0 calc(var(--aa-search-input-height)/8);
-  position: relative;
-  text-align: left;
-  width: 100%
-}
-
-.aa-DetachedSearchButton:focus {
-  border-color: #3e34d3;
-  border-color: rgba(var(--aa-primary-color-rgb), 1);
-  box-shadow: 0 0 0 3px rgba(62, 52, 211, 0.2),
-  inset 0 0 0 2px rgba(62, 52, 211, 0.2);
-  box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px,
-  inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
-  outline: medium none currentColor
-}
-
-.aa-DetachedSearchButtonIcon {
-  align-items: center;
-  color: #3e34d3;
-  color: rgba(var(--aa-primary-color-rgb), 1);
-  cursor: auto;
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  width: 36px;
-  width: calc(var(--aa-icon-size) + var(--aa-spacing))
-}
-
-.aa-Detached {
-  height: 100vh;
-  overflow: hidden
-}
-
-.aa-DetachedOverlay {
-  background-color: rgba(115, 114, 129, 0.4);
-  background-color: rgba(var(--aa-overlay-color-rgb), var(--aa-overlay-color-alpha));
-  height: 100vh;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 9998;
-  z-index: calc(var(--aa-base-z-index) - 1)
-}
-
-.aa-GradientBottom,
-.aa-GradientTop {
-  height: 8px;
-  height: var(--aa-spacing-half);
-  left: 0;
-  pointer-events: none;
-  position: absolute;
-  right: 0;
-  z-index: 9999;
-  z-index: var(--aa-base-z-index)
-}
-
-.aa-GradientTop {
-  background-image: linear-gradient(#fff, rgba(255, 255, 255, 0));
-  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
-  top: 0
-}
-
-.aa-GradientBottom {
-  background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
-  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1));
-  border-bottom-left-radius: 4px;
-  border-bottom-left-radius: calc(var(--aa-spacing)/4);
-  border-bottom-right-radius: 4px;
-  border-bottom-right-radius: calc(var(--aa-spacing)/4);
-  bottom: 0
-}
-
-@media (hover: none) and (pointer: coarse) {
-  .aa-DesktopOnly {
-    display: none
-  }
-}
-
-@media (hover: hover) {
-  .aa-TouchOnly {
-    display: none
-  }
-}
-
-.aa-Autocomplete,
-.aa-Panel,
-.aa-DetachedContainer {
-  --color-mark: #5468ff;
-  --color-background: #fff;
-  --color-selected: #f5f5fa;
-  --color-text: #23263b;
-  --color-input-icon: #777;
-  --color-source-icon: rgba(80, 80, 80, 0.32);
-  --height: 32px;
-  --height-icon: 16px;
-  --font-size: 16px
-}
-
-.aa-Panel {
-  min-width: 350px;
-  z-index: 1100;
-  margin-top: 2px
-}
-
-.aa-Panel .aa-PanelLayout {
-  padding-top: 0;
-  padding-bottom: 0;
-  background-color: var(--color-background)
-}
-
-.aa-Panel .aa-PanelLayout .aa-PanelLayoutPreview {
-  border-left: solid 1px var(--color-selected)
-}
-
-.aa-Panel .aa-GradientBottom {
-  background-image: none
-}
-
-.aa-Autocomplete .aa-Form,
-.aa-DetachedFormContainer .aa-Form {
-  height: var(--height);
-  font-size: var(--font-size);
-  padding: 0;
-  background-color: var(--color-background)
-}
-
-.aa-Autocomplete .aa-Form:focus-within,
-.aa-DetachedFormContainer .aa-Form:focus-within {
-  box-shadow: none
-}
-
-.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix,
-.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix {
-  padding: 0
-}
-
-.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label,
-.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label {
-  padding: 0
-}
-
-.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label svg,
-.aa-DetachedFormContainer .aa-Form .aa-InputWrapperPrefix .aa-Label svg {
-  left: 0;
-  vertical-align: middle;
-  color: var(--color-input-icon);
-  width: var(--height-icon)
-}
-
-.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input,
-.aa-DetachedFormContainer .aa-Form .aa-InputWrapper .aa-Input {
-  height: var(--height);
-  color: var(--color-text)
-}
-
-.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix,
-.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix {
-  height: var(--height)
-}
-
-.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,
-.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton {
-  padding: 0
-}
-
-.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,
-.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,
-.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,
-.aa-DetachedFormContainer .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus {
-  color: var(--color-text)
-}
-
-.aa-Item {
-  color: var(--color-text);
-  padding: 2px 0
-}
-
-.aa-Item a {
-  color: inherit;
-  text-decoration: none
-}
-
-.aa-Item[aria-selected='true'] {
-  background-color: var(--color-selected)
-}
-
-.aa-Item .aa-ItemContent {
-  display: flex;
-  color: var(--color-text)
-}
-
-.aa-Item .aa-ItemContent mark {
-  color: var(--color-mark);
-  background-color: transparent
-}
-
-.aa-Item .aa-ItemIcon {
-  align-items: baseline;
-  color: var(--color-source-icon);
-  background: none;
-  box-shadow: none;
-  margin: 0 var(--aa-spacing-half) 0 2px
-}
-
-.aa-Item .aa-ItemTitle {
-  font-size: 14px;
-  font-weight: bold;
-  line-height: 18px
-}
-
-.aa-Item .aa-ItemHierarchy {
-  font-size: 12px;
-  font-style: italic;
-  line-height: 18px;
-  opacity: 0.8;
-  padding: 1px 0
-}
-
-.aa-Item .aa-ItemDescription {
-  font-size: 12px;
-  line-height: 16px;
-  color: #797979
-}
-
-.aa-DetachedContainer {
-  background: var(--color-background)
-}
-
-.aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedCancelButton {
-  color: var(--color-text)
-}
-
-.aa-DetachedOverlay {
-  z-index: 10
-}
-
-.aa-DetachedSearchButton {
-  background-color: var(--color-background)
-}
-
-.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon {
-  color: var(--color-input-icon)
-}
-
-.aa-powered-by-link {
-  display: inline-block;
-  width: 64px;
-  height: 18px;
-  margin-left: 4px;
-  text-indent: 101%;
-  overflow: hidden;
-  white-space: nowrap;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODUgMTIwIj48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjNTQ2OEZGIiBkPSJNMTYuOC0xLjAwMWg4OC40YzguNyAwIDE1LjggNy4wNjUgMTUuOCAxNS44djg4LjQwNWMwIDguNy03LjA2NSAxNS43OTUtMTUuOCAxNS43OTVIMTYuOGMtOC43IDAtMTUuOC03LjA2LTE1LjgtMTUuNzk1VjE0Ljc1OWMwLTguNjk1IDcuMDYtMTUuNzYgMTUuOC0xNS43NiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03My41MDUgMjUuNzg4di00LjExNWE1LjIwOSA1LjIwOSAwIDAwLTUuMjEtNS4yMDVINTYuMTVhNS4yMDkgNS4yMDkgMCAwMC01LjIxIDUuMjA1djQuMjI1YzAgLjQ3LjQzNS44LjkxLjY5YTM3Ljk2NiAzNy45NjYgMCAwMTEwLjU3LTEuNDljMy40NjUgMCA2Ljg5NS40NyAxMC4yMSAxLjM4LjQ0LjExLjg3NS0uMjE1Ljg3NS0uNjlNNDAuMjIgMzEuMTczbC0yLjA3NS0yLjA3NWE1LjIwNiA1LjIwNiAwIDAwLTcuMzY1IDBsLTIuNDggMi40NzVhNS4xODUgNS4xODUgMCAwMDAgNy4zNTVsMi4wNCAyLjA0Yy4zMy4zMjUuODA1LjI1IDEuMDk1LS4wNzVhMzkuODc2IDM5Ljg3NiAwIDAxMy45NzUtNC42NiAzNy42OCAzNy42OCAwIDAxNC43LTRjLjM2NC0uMjIuNC0uNzMuMTEtMS4wNm0yMi4xNjQgMTMuMDY1djE3LjhjMCAuNTEuNTUuODc1IDEuMDIuNjJsMTUuODI1LTguMTljLjM2LS4xOC40Ny0uNjIuMjktLjk4LTMuMjgtNS43NTUtOS4zNy05LjY4NS0xNi40MDUtOS45NC0uMzY1IDAtLjczLjI5LS43My42OW0wIDQyLjg4Yy0xMy4xOTUgMC0yMy45MTUtMTAuNzA1LTIzLjkxNS0yMy44OCAwLTEzLjE3NSAxMC43Mi0yMy44NzUgMjMuOTE1LTIzLjg3NSAxMy4yIDAgMjMuOTE2IDEwLjcgMjMuOTE2IDIzLjg3NXMtMTAuNjggMjMuODgtMjMuOTE2IDIzLjg4bTAtNTcuOGMtMTguNzQgMC0zMy45NCAxNS4xOC0zMy45NCAzMy45MiAwIDE4Ljc0NSAxNS4yIDMzLjg5IDMzLjk0IDMzLjg5czMzLjk0LTE1LjE4IDMzLjk0LTMzLjkyNWMwLTE4Ljc0NS0xNS4xNjUtMzMuODg1LTMzLjk0LTMzLjg4NSIvPjxwYXRoIGZpbGw9IiM1NDY4RkYiIGQ9Ik0yNDAuMjE0IDk0LjE3N2MtMjMuMzY1LjExLTIzLjM2NS0xOC44NTUtMjMuMzY1LTIxLjg3NWwtLjA0LTcxLjA0NSAxNC4yNTQtMi4yNnY3MC42MWMwIDEuNzE1IDAgMTIuNTYgOS4xNSAxMi41OTV2MTEuOTc1aC4wMDF6bS01Ny43OC0xMS42MWM0LjM3NCAwIDcuNjItLjI1NSA5Ljg4LS42OVY2Ny4zOTJhMjkuMTk2IDI5LjE5NiAwIDAwLTMuNDMtLjY5NSAzMy43NDIgMzMuNzQyIDAgMDAtNC45NTYtLjM2NWMtMS41NyAwLTMuMTc1LjExLTQuNzc1LjM2NS0xLjYwNS4yMi0zLjA2NS42NTUtNC4zNCAxLjI3NS0xLjI3NS42Mi0yLjMzNSAxLjQ5NS0zLjEgMi42Mi0uOCAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xMTUgMS4yNzUgNC45OTUgMS45MyA4LjYwNiAxLjkzem0tMS4yNC01MS42ODVjNC43IDAgOC42NzQuNTg1IDExLjg4NCAxLjc1IDMuMjA2IDEuMTY1IDUuNzk2IDIuOCA3LjY5IDQuODc1IDEuOTM1IDIuMTEgMy4yNDUgNC45MTUgNC4wNDYgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODZ2MzYuNjJjLTIuMTg1LjQ3LTUuNTA2IDEuMDE1LTkuOTUgMS42Ny00LjQ0Ni42NTUtOS40NC45ODUtMTQuOTg2Ljk4NS0zLjY4IDAtNy4wNy0uMzY1LTEwLjA5NS0xLjA1NS0zLjA2NS0uNjktNS42NS0xLjgyLTcuODQtMy4zODUtMi4xNS0xLjU2NS0zLjgyNS0zLjU3LTUuMDY1LTYuMDQtMS4yMDUtMi40OC0xLjgyNS01Ljk3LTEuODI1LTkuNjEgMC0zLjQ5NS42OS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUzIDUuMDY1LTIuNjIgOC4xNjUtMy4yNzUgMy4xLS42NTUgNi4zNDUtLjk4NSA5LjY5NS0uOTg1IDEuNTcgMCAzLjIxLjExIDQuOTYuMjkgMS43MTUuMTg1IDMuNTc1LjUxNSA1LjU0NS45ODV2LTIuMzNjMC0xLjYzNS0uMTg1LTMuMi0uNTg1LTQuNjU1YTEwLjAxMiAxMC4wMTIgMCAwMC0yLjA0NS0zLjg5NWMtLjk4NS0xLjEzLTIuMjU1LTIuMDA1LTMuODYtMi42Mi0xLjYwNS0uNjItMy42NS0xLjA5NS02LjA5LTEuMDk1LTMuMjggMC02LjI3LjQtOS4wMDUuODc1LTIuNzM1LjQ3LTQuOTk1IDEuMDItNi43MSAxLjYzNWwtMS43MS0xMS42OGMxLjc4NS0uNjIgNC40NDUtMS4yNCA3Ljg3NS0xLjg1NSAzLjQyNS0uNjYgNy4xMS0uOTUgMTEuMDQ1LS45NWguMDAxem0yODEuNTEgNTEuMjg1YzQuMzc1IDAgNy42MTUtLjI1NSA5Ljg3NS0uNjk1di0xNC40OGMtLjgtLjIyLTEuOTMtLjQ3NS0zLjQyNS0uNjk1YTMzLjgxMyAzMy44MTMgMCAwMC00Ljk2LS4zNjVjLTEuNTY1IDAtMy4xNy4xMS00Ljc3NS4zNjUtMS42LjIyLTMuMDYuNjU1LTQuMzM1IDEuMjc1LTEuMjguNjItMi4zMzUgMS40OTUtMy4xIDIuNjItLjgwNSAxLjEzLTEuMTY1IDEuNzg1LTEuMTY1IDMuNDk1IDAgMy4zNDUgMS4xNjUgNS4yOCAzLjI4IDYuNTUgMi4xNSAxLjMxIDQuOTk1IDEuOTMgOC42MDUgMS45M3ptLTEuMjA1LTUxLjY0NWM0LjcgMCA4LjY3NC41OCAxMS44ODQgMS43NDUgMy4yMDUgMS4xNjUgNS43OTUgMi44IDcuNjkgNC44NzUgMS44OTUgMi4wNzUgMy4yNDUgNC45MTUgNC4wNDUgNy45Ljg0IDIuOTg1IDEuMjQgNi4yNiAxLjI0IDkuODY1djM2LjYxNWMtMi4xODUuNDctNS41MDUgMS4wMTUtOS45NSAxLjY3NS00LjQ0NS42NTUtOS40NC45OC0xNC45ODUuOTgtMy42OCAwLTcuMDctLjM2NS0xMC4wOTQtMS4wNTUtMy4wNjUtLjY5LTUuNjUtMS44Mi03Ljg0LTMuMzg1LTIuMTUtMS41NjUtMy44MjUtMy41Ny01LjA2NS02LjA0LTEuMjA1LTIuNDc1LTEuODI1LTUuOTctMS44MjUtOS42MSAwLTMuNDk1LjY5NS01LjcxNSAyLjA0NS04LjEyIDEuMzgtMi40IDMuMjQtNC4zNjUgNS41NzUtNS44OTUgMi4zNy0xLjUyNSA1LjA2NS0yLjYyIDguMTY1LTMuMjc1IDMuMS0uNjU1IDYuMzQ1LS45OCA5LjctLjk4IDEuNTY1IDAgMy4yMDUuMTEgNC45NTUuMjlzMy41NzUuNTEgNS41NC45ODV2LTIuMzNjMC0xLjY0LS4xOC0zLjIwNS0uNTgtNC42NmE5Ljk3NyA5Ljk3NyAwIDAwLTIuMDQ1LTMuODk1Yy0uOTg1LTEuMTMtMi4yNTUtMi4wMDUtMy44Ni0yLjYyLTEuNjA2LS42Mi0zLjY1LTEuMDktNi4wOS0xLjA5LTMuMjggMC02LjI3LjQtOS4wMDUuODctMi43MzUuNDc1LTQuOTk1IDEuMDItNi43MSAxLjY0bC0xLjcxLTExLjY4NWMxLjc4NS0uNjIgNC40NDUtMS4yMzUgNy44NzUtMS44NTUgMy40MjUtLjYyIDcuMTA1LS45NDUgMTEuMDQ1LS45NDV6bS00Mi44LTYuNzdjNC43NzQgMCA4LjY4LTMuODYgOC42OC04LjYzIDAtNC43NjUtMy44NjYtOC42MjUtOC42OC04LjYyNS00LjgxIDAtOC42NzUgMy44Ni04LjY3NSA4LjYyNSAwIDQuNzcgMy45IDguNjMgOC42NzUgOC42M3ptNy4xOCA3MC40MjVoLTE0LjMyNnYtNjEuNDRsMTQuMzI1LTIuMjU1djYzLjY5NWguMDAxem0tMjUuMTE2IDBjLTIzLjM2NS4xMS0yMy4zNjUtMTguODU1LTIzLjM2NS0yMS44NzVsLS4wNC03MS4wNDUgMTQuMjU1LTIuMjZ2NzAuNjFjMCAxLjcxNSAwIDEyLjU2IDkuMTUgMTIuNTk1djExLjk3NXptLTQ2LjMzNS0zMS40NDVjMC02LjE1NS0xLjM1LTExLjI4NS0zLjk3NC0xNC44NS0yLjYyNS0zLjYwNS02LjMwNS01LjM4NS0xMS4wMS01LjM4NS00LjcgMC04LjM4NiAxLjc4LTExLjAwNiA1LjM4NS0yLjYyNSAzLjYtMy45MDQgOC42OTUtMy45MDQgMTQuODUgMCA2LjIyNSAxLjMxNSAxMC40MDUgMy45NCAxNC4wMSAyLjYyNSAzLjY0IDYuMzA1IDUuNDI1IDExLjAxIDUuNDI1IDQuNyAwIDguMzg1LTEuODIgMTEuMDEtNS40MjUgMi42MjQtMy42NCAzLjkzNC03Ljc4NSAzLjkzNC0xNC4wMXptMTQuNTgtLjAzNWMwIDQuODA1LS42OSA4LjQ0LTIuMTE0IDEyLjQxLTEuNDIgMy45NjUtMy40MjUgNy4zNS02LjAxIDEwLjE1NS0yLjU5IDIuOC01LjY5IDQuOTg1LTkuMzM2IDYuNTE1LTMuNjQ0IDEuNTI1LTkuMjYgMi40LTEyLjA2NSAyLjQtMi44MS0uMDM1LTguMzg1LS44MzUtMTEuOTk1LTIuNC0zLjYxLTEuNTY1LTYuNzEtMy43MTUtOS4yOTUtNi41MTUtMi41OS0yLjgwNS00LjU5NC02LjE5LTYuMDU0LTEwLjE1NS0xLjQ1Ni0zLjk3LTIuMTg1LTcuNjA1LTIuMTg1LTEyLjQxcy42NTQtOS40MyAyLjExNC0xMy4zNmMxLjQ2LTMuOTMgMy41LTcuMjggNi4xMjUtMTAuMDggMi42MjUtMi44MDUgNS43Ni00Ljk1NSA5LjMzLTYuNDggMy42MS0xLjUzIDcuNTg1LTIuMjU1IDExLjg4NS0yLjI1NSA0LjMwNSAwIDguMjc1Ljc2IDExLjkyIDIuMjU1IDMuNjUgMS41MjUgNi43ODYgMy42NzUgOS4zMzYgNi40OCAyLjU4NCAyLjggNC41OSA2LjE1IDYuMDUgMTAuMDggMS41MyAzLjkzIDIuMjk1IDguNTU1IDIuMjk1IDEzLjM2aC0uMDAxem0tMTA3LjI4NCAwYzAgNS45NjUgMS4zMSAxMi41OSAzLjkzNSAxNS4zNTUgMi42MjUgMi43NyA2LjAxNCA0LjE1IDEwLjE3NSA0LjE1IDIuMjYgMCA0LjQxLS4zMjUgNi40MTQtLjk0NSAyLjAwNS0uNjIgMy42MDYtMS4zNSA0Ljg4Ni0yLjIydi0zNS4zNGMtMS4wMi0uMjItNS4yODYtMS4wOTUtOS40MS0xLjItNS4xNzUtLjE1LTkuMTEgMS45NjUtMTEuODggNS4zNDUtMi43MzYgMy4zOS00LjEyIDkuMzItNC4xMiAxNC44NTV6bTM5LjYyNSAyOC4wOTVjMCA5LjcyLTIuNDggMTYuODE1LTcuNDc2IDIxLjMzLTQuOTkgNC41MS0xMi42MSA2Ljc3LTIyLjg5IDYuNzctMy43NTUgMC0xMS41NTUtLjczLTE3Ljc5LTIuMTFsMi4yOTUtMTEuMjg1YzUuMjE1IDEuMDkgMTIuMTA1IDEuMzg1IDE1LjcxNSAxLjM4NSA1LjcyIDAgOS44MDUtMS4xNjUgMTIuMjQ1LTMuNDk1IDIuNDQ1LTIuMzMgMy42NDUtNS43ODUgMy42NDUtMTAuMzc1di0yLjMzYy0xLjQyLjY5LTMuMjggMS4zODUtNS41NzUgMi4xMTUtMi4yOTUuNjktNC45NTUgMS4wNTUtNy45NSAxLjA1NS0zLjkzNSAwLTcuNTEtLjYyLTEwLjc1LTEuODYtMy4yNDUtMS4yMzUtNi4wNTUtMy4wNTUtOC4zNS01LjQ2LTIuMjk1LTIuNC00LjEyLTUuNDItNS4zOTUtOS4wMjUtMS4yNzUtMy42MDUtMS45MzUtMTAuMDQ1LTEuOTM1LTE0Ljc3NSAwLTQuNDQuNjk1LTEwLjAxIDIuMDQ2LTEzLjcyNSAxLjM4NC0zLjcxIDMuMzUtNi45MTUgNi4wMTQtOS41NyAyLjYyNi0yLjY1NSA1LjgzNS00LjY5NSA5LjU5LTYuMTkgMy43NTUtMS40OSA4LjE2LTIuNDM1IDEyLjkzNS0yLjQzNSA0LjYzNSAwIDguOS41OCAxMy4wNTUgMS4yNzUgNC4xNTUuNjkgNy42OSAxLjQxNSAxMC41NyAyLjIxNXY1Ni40OWguMDAxeiIvPjwvZz48L3N2Zz4=);
-  background-repeat: no-repeat;
-  background-size: contain;
-  vertical-align: middle
-}
-
-.aa-powered-by {
-  text-align: right;
-  font-size: 12px;
-  color: #969faf;
-  padding: 8px 8px 4px 0;
-  font-weight: normal
-}
-
-
-/*# sourceMappingURL=algoliasearchNetlify.css.map*/
-
-
-
-
-
-.h ighlight  { width: 100%; overflow: auto; background: #ffffff; }
-.highlight .c { color: #999988; font-style: italic } /* Comment */
-.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { font-weight: bold } /* Keyword */
-.highlight .o { font-weight: bold } /* Operator */
-.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
-.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #999999 } /* Generic.Heading */
-.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
-.highlight .go { color: #888888 } /* Generic.Output */
-.highlight .gp { color: #555555 } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
-.highlight .gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc { font-weight: bold } /* Keyword.Constant */
-.highlight .kd { font-weight: bold } /* Keyword.Declaration */
-.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
-.highlight .kr { font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #009999 } /* Literal.Number */
-.highlight .s { color: #d14 } /* Literal.String */
-.highlight .na { color: #008080 } /* Name.Attribute */
-.highlight .nb { color: #0086B3 } /* Name.Builtin */
-.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
-.highlight .no { color: #008080 } /* Name.Constant */
-.highlight .ni { color: #800080 } /* Name.Entity */
-.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
-.highlight .nn { color: #555555 } /* Name.Namespace */
-.highlight .nt { color: #000080 } /* Name.Tag */
-.highlight .nv { color: #008080 } /* Name.Variable */
-.highlight .ow { font-weight: bold } /* Operator.Word */
-.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #009999 } /* Literal.Number.Float */
-.highlight .mh { color: #009999 } /* Literal.Number.Hex */
-.highlight .mi { color: #009999 } /* Literal.Number.Integer */
-.highlight .mo { color: #009999 } /* Literal.Number.Oct */
-.highlight .sb { color: #d14 } /* Literal.String.Backtick */
-.highlight .sc { color: #d14 } /* Literal.String.Char */
-.highlight .sd { color: #d14 } /* Literal.String.Doc */
-.highlight .s2 { color: #d14 } /* Literal.String.Double */
-.highlight .se { color: #d14 } /* Literal.String.Escape */
-.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
-.highlight .si { color: #d14 } /* Literal.String.Interpol */
-.highlight .sx { color: #d14 } /* Literal.String.Other */
-.highlight .sr { color: #009926 } /* Literal.String.Regex */
-.highlight .s1 { color: #d14 } /* Literal.String.Single */
-.highlight .ss { color: #990073 } /* Literal.String.Symbol */
-.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #008080 } /* Name.Variable.Class */
-.highlight .vg { color: #008080 } /* Name.Variable.Global */
-.highlight .vi { color: #008080 } /* Name.Variable.Instance */
-.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
-
-/* Make line numbers unselectable: excludes line numbers from copy-paste user ops */
-.highlight .lineno {-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;}
-.lineno::-moz-selection {background-color: transparent;} /* Mozilla specific */
-.lineno::selection {background-color: transparent;} /* Other major browsers */
+html {
+    font-family: $font-primary;
+    font-size: 100%;
+    scroll-behavior: smooth;
+}
+
+iframe {
+    overflow: scroll;
+    resize: both;
+    border: #000 1px dashed;
+    padding: 10px;
+    box-shadow: inset 0 0 2px #000;
+}
+
+body {
+    background: $gray-100;
+    color: $gray-600;
+    line-height: 1.625;
+    text-rendering: optimizeLegibility;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+}
+
+a {
+    color: $color-primary;
+    text-decoration: underline;
+
+    -webkit-transition: color 0.3s ease;
+    transition: color 0.3s ease;
+
+    &:hover {
+        color: $gray-600;
+    }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: $gray-700;
+    font-weight: bold;
+    line-height: 1.2;
+    margin: 1.5em 0 0.5em;
+    text-rendering: optimizeLegibility;
+
+    &:first-child {
+        margin-top: 0;
+    }
+}
+
+.save2PDF {
+    font-size: x-large;
+}
+
+h1 {
+    font-size: 2em;
+}
+
+h2 {
+    font-size: 1.75em;
+}
+
+h3 {
+    font-size: 1.5em;
+}
+
+h4 {
+    font-size: 1.25em;
+}
+
+h5 {
+    font-size: 1.125em;
+}
+
+h6 {
+    font-size: 1em;
+}
+
+p {
+    margin: 0 0 1em;
+}
+
+mark,
+ins {
+    background: $yellow-pale;
+    color: $gray-700;
+    padding: 0.15em;
+    text-decoration: none;
+}
+
+pre {
+    background: $gray-700;
+    border-radius: $border-radius-sm;
+    color: $gray-100;
+    font-size: 0.875em;
+    line-height: 1.5;
+    margin: 2.14286em 0;
+    overflow: auto;
+    padding: 1.5em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+
+    &:first-child {
+        margin-top: 0;
+    }
+}
+
+:not(pre)>code {
+    background: $gray-200;
+    border-radius: $border-radius-sm;
+    color: $gray-600;
+    font-size: 0.875rem;
+    padding: 0.15em;
+    white-space: normal;
+}
+
+blockquote {
+    border-left: 5px solid $color-primary;
+    font-size: 1.25em;
+    line-height: 1.4;
+    margin: 1.25em 0;
+    padding: 0 0 0 1em;
+
+    &:first-child {
+        margin-top: 0;
+    }
+
+    p {
+        margin-bottom: 0.5em;
+    }
+
+    small,
+    cite {
+        color: $gray-500;
+        display: block;
+        font-size: 0.75em;
+        font-style: normal;
+        font-weight: normal;
+        line-height: 1.5;
+        margin-top: 0.5em;
+    }
+}
+
+dl {
+    margin: 0;
+}
+
+dt {
+    font-weight: bold;
+}
+
+ul,
+ol,
+dd {
+    margin: 0 0 1em;
+}
+
+ul {
+    list-style: disc;
+    padding: 0 0 0 1.125em;
+}
+
+ol {
+    list-style: decimal;
+    padding: 0 0 0 1.5em;
+}
+
+li>ul,
+li>ol {
+    margin-bottom: 0;
+}
+
+hr {
+    background-color: $gray-300;
+    border: 0;
+    height: 1px;
+    margin: 1.875em 0;
+
+    &:first-child {
+        margin-top: 0;
+    }
+}
+
+embed,
+iframe,
+object,
+video {
+    max-width: 100%;
+}
+
+div.wrapper:hover img:not(:hover) {
+    Filter: brightness(50%);
+}
+
+img {
+    height: auto;
+    max-width: 100%;
+    scroll-snap-align: center;
+}
+
+img:hover {
+    Filter: brightness(110%);
+}
+
+figure {
+    overflow: auto;
+    scroll-snap-type: inline mandatory;
+}
+
+@media only screen and (min-width: 641px) {
+    blockquote {
+        font-size: 1.5em;
+        line-height: 1.3;
+    }
+
+    h1 {
+        font-size: 2.5em;
+    }
+
+    h2 {
+        font-size: 2.125em;
+    }
+
+    h3 {
+        font-size: 1.875em;
+    }
+
+    h4 {
+        font-size: 1.5em;
+    }
+
+    h5 {
+        font-size: 1.25em;
+    }
+
+    h6 {
+        font-size: 1.125em;
+    }
+}
+
+html {
+    font-family: sans-serif;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%
+}
+
+body {
+    margin: 0
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+    display: block
+}
+
+audio,
+canvas,
+progress,
+video {
+    display: inline-block;
+    vertical-align: baseline
+}
+
+audio:not([controls]) {
+    display: none;
+    height: 0
+}
+
+[hidden],
+template {
+    display: none
+}
+
+a {
+    background-color: transparent
+}
+
+a:active,
+a:hover {
+    outline: 0
+}
+
+abbr[title] {
+    border-bottom: none;
+    text-decoration: underline;
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted
+}
+
+b,
+strong {
+    font-weight: bold
+}
+
+dfn {
+    font-style: italic
+}
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0
+}
+
+mark {
+    background: #ff0;
+    color: #000
+}
+
+small {
+    font-size: 80%
+}
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline
+}
+
+sup {
+    top: -0.5em
+}
+
+sub {
+    bottom: -0.25em
+}
+
+img {
+    border: 0
+}
+
+svg:not(:root) {
+    overflow: hidden
+}
+
+figure {
+    margin: 1em 40px
+}
+
+hr {
+    box-sizing: content-box;
+    height: 0
+}
+
+pre {
+    overflow: auto
+}
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace,
+        monospace;
+    font-size: 1em
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+    color: inherit;
+    font: inherit;
+    margin: 0
+}
+
+button {
+    overflow: visible
+}
+
+button,
+select {
+    text-transform: none
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button;
+    cursor: pointer
+}
+
+button[disabled],
+html input[disabled] {
+    cursor: default
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0
+}
+
+input {
+    line-height: normal
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box;
+    padding: 0
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+    height: auto
+}
+
+input[type="search"] {
+    -webkit-appearance: textfield;
+    box-sizing: content-box
+}
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none
+}
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em
+}
+
+legend {
+    border: 0;
+    padding: 0
+}
+
+textarea {
+    overflow: auto
+}
+
+optgroup {
+    font-weight: bold
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0
+}
+
+td,
+th {
+    padding: 0
+}
+
+/*!
+        Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+@media print {
+
+    *,
+    *:before,
+    *:after {
+        color: #000 !important;
+        text-shadow: none !important;
+        background: transparent !important;
+        box-shadow: none !important
+    }
+
+    a,
+    a:visited {
+        text-decoration: underline
+    }
+
+    a[href]:after {
+        content: " ("
+            attr(href) ")"
+    }
+
+    abbr[title]:after {
+        content: " ("attr(title) ")"
+    }
+
+    a[href^="#"]:after,
+    a[href^="javascript:"]:after {
+        content: ""
+    }
+
+    pre,
+    blockquote {
+        border: 1px solid #999;
+        page-break-inside: avoid
+    }
+
+    thead {
+        display: table-header-group
+    }
+
+    tr,
+    img {
+        page-break-inside: avoid
+    }
+
+    img {
+        max-width: 100% !important
+    }
+
+    p,
+    h2,
+    h3 {
+        orphans: 3;
+        widows: 3
+    }
+
+    h2,
+    h3 {
+        page-break-after: avoid
+    }
+}
+
+html,
+body {
+    min-height: 100%;
+}
+
+body {
+    margin: 0;
+}
+audio,
+canvas,
+iframe,
+img,
+svg,
+video {
+  vertical-align: middle;
+}
+
+html {
+    --font-mono: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console",
+        "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono",
+        "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier,
+        monospace;
+    --ff-rounded: "Nunito", sans-serif;
+    --ff-gothic: "AlternateGothicPro-No1", system-ui, sans-serif;
+
+    --color-light: #f3f4f6;
+
+    font-family: var(--ff-rounded);
+    line-height: 1.5;
+    font-size: 1rem;
+    --user-font-scale: 1rem - 16px;
+
+    background: #130931;
+    background: linear-gradient(180deg, #18083c 0%, #58359c 100%);
+    color: white;
+}
+
+
+::-webkit-scrollbar {
+    width: 20px;
+    height: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(to bottom, #f1a195, #b475dc);
+    border-radius: 10px;
+}
+
+::-webkit-scrollbar-track {
+    background: #43346e;
+    box-shadow: inset 1px 0 10px rgba(black, 0.5);
+}
+
+[style*="--aspect-ratio"]> :first-child {
+    width: 100%;
+}
+
+[style*="--aspect-ratio"]>img {
+    height: auto;
+}
+
+@supports (--custom: property) {
+    [style*="--aspect-ratio"] {
+        position: relative;
+    }
+
+    [style*="--aspect-ratio"]::before {
+        content: "";
+        display: block;
+        padding-bottom: calc(100% / (var(--aspect-ratio)));
+    }
+
+    [style*="--aspect-ratio"]> :first-child {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 100%;
+    }
+}
+
+p {
+    margin: 0 0 1rem 0;
+}
+
+a {
+    color: #9058b5;
+}
+
+a:hover,
+a:focus {
+    text-decoration-color: #e1d6eb;
+}
diff --git a/src/sass/imports/_header.scss b/src/sass/imports/_header.scss
index 27afc0e6f4..e772301a79 100644
--- a/src/sass/imports/_header.scss
+++ b/src/sass/imports/_header.scss
@@ -1,371 +1,371 @@
-.site-header {
-  background: black;
-  background-image: url('https://i.imgur.com/CEYEZp8.jpeg');
-  padding-bottom: 0.4em;
-  padding-top: 0.2em;
-}
-
-.site-header-inside {
-  -ms-flex-align: center;
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.site-branding {
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-}
-
-.site-title {
-  color: $gray-700;
-  font-size: 1.5em;
-  font-weight: bold;
-  line-height: 1.2;
-  margin: 0;
-}
-
-.site-logo {
-  margin: 0;
-
-  img {
-    max-height: 65px;
-  }
-}
-
-.menu,
-.submenu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.menu-item {
-  position: relative;
-
-  &.current {
-    color: $color-primary;
-  }
-
-  a {
-    &:not(.button) {
-      display: inline-block;
-      font-size: 1.1em;
-      line-height: 1.5;
-    }
-  }
-}
-
-#masthead {
-  a {
-    &:not(.button) {
-      color: inherit;
-      display: inline-block;
-      text-decoration: none;
-
-      &:hover {
-        color: $color-primary;
-      }
-      }
-      }
-
-  .site-branding {
-    a {
-      &:hover {
-        color: inherit;
-      }
-    }
-  }
-}
-
-@media only screen and (min-width: 801px) {
-  #menu-open,
-  #menu-close {
-    display: none;
-  }
-
-  .site-navigation {
-    margin-left: auto;
-  }
-
-  .menu {
-    -ms-flex-align: center;
-    align-items: center;
-    display: -ms-flexbox;
-    display: flex;
-  }
-
-  .menu-item {
-    display: inline-block;
-    margin: 0 0 0 1.25em;
-    padding-bottom: 0.1875em;
-    padding-top: 0.1875em;
-
-    a {
-      padding-bottom: 0.5em;
-      padding-top: 0.5em;
-
-      &.button:not(.button-icon) {
-        padding-left: 1.25em;
-        padding-right: 1.25em;
-      }
-      }
-
-    &.has-children>a {
-      padding-right: 18px;
-      position: relative;
-
-      &:after {
-        background: 0;
-        border-color: currentColor;
-        border-style: solid;
-        border-width: 1px 1px 0 0;
-        box-sizing: border-box;
-        content: '';
-        height: 6px;
-        position: absolute;
-        right: 0;
-        top: 50%;
-        width: 6px;
-        -webkit-transform: translateY(-50%) rotate(135deg);
-        transform: translateY(-50%) rotate(135deg);
-      }
-
-      &.button:not(.button-icon) {
-        padding-right: 2.25em;
-
-        &:after {
-          right: 1.25em;
-        }
-        }
-        }
-
-    .submenu-toggle {
-      display: none;
-    }
-
-    &.has-children:hover>.submenu {
-      opacity: 1;
-      -webkit-transition: margin 0.3s, opacity 0.2s;
-      transition: margin 0.3s, opacity 0.2s;
-      visibility: visible;
-    }
-    }
-
-  .submenu {
-    background: #fff;
-    border: 4px solid $gray-300;
-    border-radius: $border-radius-sm;
-    box-shadow: $box-shadow;
-    left: 0;
-    min-width: 180px;
-    opacity: 0;
-    padding: 0.5em 0;
-    position: absolute;
-    text-align: left;
-    top: 100%;
-    -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
-    transition: opacity 0.2s, visibility 0s 0.2s;
-    visibility: hidden;
-    width: 100%;
-    z-index: 99;
-
-    .menu-item {
-      display: block;
-      margin: 0;
-      padding: 0 1em;
-    }
-
-    a {
-      &:not(.button-icon) {
-        display: block;
-      }
-
-      &.button:not(.button-icon) {
-        margin: 0.5em 0;
-      }
-      }
-      }
-}
-
-@media only screen and (max-width: 800px) {
-  .site {
-    overflow: hidden;
-    position: relative;
-  }
-
-  .site-branding {
-    margin-right: 0.625em;
-  }
-
-  .site-header {
-    &:after {
-      background: rgba($gray-600, 0.6);
-      content: '';
-      height: 100vh;
-      left: 0;
-      opacity: 0;
-      position: absolute;
-      top: 0;
-      -webkit-transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
-      transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
-      visibility: hidden;
-      width: 100%;
-      z-index: 998;
-    }
-  }
-
-  .site-navigation {
-    background: #fff;
-    box-sizing: border-box;
-    height: 100vh;
-    margin: 0;
-    max-width: 360px;
-    -webkit-overflow-scrolling: touch;
-    position: absolute;
-    right: -100%;
-    top: 0;
-    -webkit-transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
-    transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
-    visibility: hidden;
-    width: 100%;
-    z-index: 999;
-  }
-
-  .site-nav-inside {
-    height: 100%;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    position: relative;
-  }
-
-  .menu--opened {
-    .site {
-      height: 100%;
-      left: 0;
-      overflow: hidden;
-      position: fixed;
-      top: 0;
-      -webkit-transform: translate3d(0, 0, 0);
-      transform: translate3d(0, 0, 0);
-      width: 100%;
-      z-index: 997;
-    }
-
-    .site-navigation {
-      right: 0;
-      -webkit-transition: right 0.3s ease-in-out;
-      transition: right 0.3s ease-in-out;
-      visibility: visible;
-    }
-
-    .site-header {
-      &:after {
-        opacity: 1;
-        -webkit-transition-delay: 0s;
-        transition-delay: 0s;
-        visibility: visible;
-      }
-    }
-    }
-
-  .menu {
-    padding: calc(3vw + 2.8125em) $container-padding 3em;
-  }
-
-  .submenu {
-    border-top: 1px solid $gray-300;
-    display: none;
-    padding-left: 1em;
-  }
-
-  .menu-item {
-    display: block;
-    margin: 0;
-
-    &:not(.menu-button) {
-      border-bottom: 1px solid $gray-300;
-
-      &:first-child {
-        border-top: 1px solid $gray-300;
-      }
-      }
-
-    a {
-
-      &:not(.button),
-      &.button-icon {
-        padding: 0.75em 0;
-      }
-
-      &:not(.button) {
-        display: block;
-      }
-
-      &.button {
-        &:not(.button-icon) {
-          width: 100%;
-        }
-      }
-      }
-
-    &.has-children>a {
-      margin-right: 2em;
-    }
-
-    .menu-item {
-      &:first-child {
-        border-top: 0;
-      }
-
-      &:last-child {
-        border-bottom: 0;
-      }
-      }
-
-    .submenu-toggle {
-      color: $gray-500;
-      height: 2.8125em;
-      position: absolute;
-      right: 0;
-      top: 0;
-    }
-
-    &.active {
-      .submenu-toggle {
-        .icon-angle-right {
-          -webkit-transform: rotate(135deg);
-          transform: rotate(135deg);
-        }
-      }
-
-      .submenu {
-        display: block;
-      }
-      }
-      }
-
-  .menu-button {
-    &>.button:not(.button-icon) {
-      margin-bottom: 1.25em;
-      margin-top: 1.25em;
-    }
-
-    &+.menu-button {
-      &>.button:not(.button-icon) {
-        margin-top: 0;
-      }
-    }
-    }
-
-  #menu-open {
-    margin-left: auto;
-  }
-
-  #menu-close {
-    display: block;
-    position: absolute;
-    right: $container-padding;
-    top: $container-padding;
-  }
-}
+.site-header {
+  background: black;
+  background-image: url('https://i.imgur.com/CEYEZp8.jpeg');
+  padding-bottom: 0.4em;
+  padding-top: 0.2em;
+}
+
+.site-header-inside {
+  -ms-flex-align: center;
+  align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.site-branding {
+  -ms-flex: 0 1 auto;
+  flex: 0 1 auto;
+}
+
+.site-title {
+  color: $gray-700;
+  font-size: 1.5em;
+  font-weight: bold;
+  line-height: 1.2;
+  margin: 0;
+}
+
+.site-logo {
+  margin: 0;
+
+  img {
+    max-height: 65px;
+  }
+}
+
+.menu,
+.submenu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.menu-item {
+  position: relative;
+
+  &.current {
+    color: $color-primary;
+  }
+
+  a {
+    &:not(.button) {
+      display: inline-block;
+      font-size: 1.1em;
+      line-height: 1.5;
+    }
+  }
+}
+
+#masthead {
+  a {
+    &:not(.button) {
+      color: inherit;
+      display: inline-block;
+      text-decoration: none;
+
+      &:hover {
+        color: $color-primary;
+      }
+      }
+      }
+
+  .site-branding {
+    a {
+      &:hover {
+        color: inherit;
+      }
+    }
+  }
+}
+
+@media only screen and (min-width: 801px) {
+  #menu-open,
+  #menu-close {
+    display: none;
+  }
+
+  .site-navigation {
+    margin-left: auto;
+  }
+
+  .menu {
+    -ms-flex-align: center;
+    align-items: center;
+    display: -ms-flexbox;
+    display: flex;
+  }
+
+  .menu-item {
+    display: inline-block;
+    margin: 0 0 0 1.25em;
+    padding-bottom: 0.1875em;
+    padding-top: 0.1875em;
+
+    a {
+      padding-bottom: 0.5em;
+      padding-top: 0.5em;
+
+      &.button:not(.button-icon) {
+        padding-left: 1.25em;
+        padding-right: 1.25em;
+      }
+      }
+
+    &.has-children>a {
+      padding-right: 18px;
+      position: relative;
+
+      &:after {
+        background: 0;
+        border-color: currentColor;
+        border-style: solid;
+        border-width: 1px 1px 0 0;
+        box-sizing: border-box;
+        content: '';
+        height: 6px;
+        position: absolute;
+        right: 0;
+        top: 50%;
+        width: 6px;
+        -webkit-transform: translateY(-50%) rotate(135deg);
+        transform: translateY(-50%) rotate(135deg);
+      }
+
+      &.button:not(.button-icon) {
+        padding-right: 2.25em;
+
+        &:after {
+          right: 1.25em;
+        }
+        }
+        }
+
+    .submenu-toggle {
+      display: none;
+    }
+
+    &.has-children:hover>.submenu {
+      opacity: 1;
+      -webkit-transition: margin 0.3s, opacity 0.2s;
+      transition: margin 0.3s, opacity 0.2s;
+      visibility: visible;
+    }
+    }
+
+  .submenu {
+    background: #fff;
+    border: 4px solid $gray-300;
+    border-radius: $border-radius-sm;
+    box-shadow: $box-shadow;
+    left: 0;
+    min-width: 180px;
+    opacity: 0;
+    padding: 0.5em 0;
+    position: absolute;
+    text-align: left;
+    top: 100%;
+    -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
+    transition: opacity 0.2s, visibility 0s 0.2s;
+    visibility: hidden;
+    width: 100%;
+    z-index: 99;
+
+    .menu-item {
+      display: block;
+      margin: 0;
+      padding: 0 1em;
+    }
+
+    a {
+      &:not(.button-icon) {
+        display: block;
+      }
+
+      &.button:not(.button-icon) {
+        margin: 0.5em 0;
+      }
+      }
+      }
+}
+
+@media only screen and (max-width: 800px) {
+  .site {
+    overflow: hidden;
+    position: relative;
+  }
+
+  .site-branding {
+    margin-right: 0.625em;
+  }
+
+  .site-header {
+    &:after {
+      background: rgba($gray-600, 0.6);
+      content: '';
+      height: 100vh;
+      left: 0;
+      opacity: 0;
+      position: absolute;
+      top: 0;
+      -webkit-transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
+      transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
+      visibility: hidden;
+      width: 100%;
+      z-index: 998;
+    }
+  }
+
+  .site-navigation {
+    background: #fff;
+    box-sizing: border-box;
+    height: 100vh;
+    margin: 0;
+    max-width: 360px;
+    -webkit-overflow-scrolling: touch;
+    position: absolute;
+    right: -100%;
+    top: 0;
+    -webkit-transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
+    transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
+    visibility: hidden;
+    width: 100%;
+    z-index: 999;
+  }
+
+  .site-nav-inside {
+    height: 100%;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    position: relative;
+  }
+
+  .menu--opened {
+    .site {
+      height: 100%;
+      left: 0;
+      overflow: hidden;
+      position: fixed;
+      top: 0;
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+      width: 100%;
+      z-index: 997;
+    }
+
+    .site-navigation {
+      right: 0;
+      -webkit-transition: right 0.3s ease-in-out;
+      transition: right 0.3s ease-in-out;
+      visibility: visible;
+    }
+
+    .site-header {
+      &:after {
+        opacity: 1;
+        -webkit-transition-delay: 0s;
+        transition-delay: 0s;
+        visibility: visible;
+      }
+    }
+    }
+
+  .menu {
+    padding: calc(3vw + 2.8125em) $container-padding 3em;
+  }
+
+  .submenu {
+    border-top: 1px solid $gray-300;
+    display: none;
+    padding-left: 1em;
+  }
+
+  .menu-item {
+    display: block;
+    margin: 0;
+
+    &:not(.menu-button) {
+      border-bottom: 1px solid $gray-300;
+
+      &:first-child {
+        border-top: 1px solid $gray-300;
+      }
+      }
+
+    a {
+
+      &:not(.button),
+      &.button-icon {
+        padding: 0.75em 0;
+      }
+
+      &:not(.button) {
+        display: block;
+      }
+
+      &.button {
+        &:not(.button-icon) {
+          width: 100%;
+        }
+      }
+      }
+
+    &.has-children>a {
+      margin-right: 2em;
+    }
+
+    .menu-item {
+      &:first-child {
+        border-top: 0;
+      }
+
+      &:last-child {
+        border-bottom: 0;
+      }
+      }
+
+    .submenu-toggle {
+      color: $gray-500;
+      height: 2.8125em;
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+
+    &.active {
+      .submenu-toggle {
+        .icon-angle-right {
+          -webkit-transform: rotate(135deg);
+          transform: rotate(135deg);
+        }
+      }
+
+      .submenu {
+        display: block;
+      }
+      }
+      }
+
+  .menu-button {
+    &>.button:not(.button-icon) {
+      margin-bottom: 1.25em;
+      margin-top: 1.25em;
+    }
+
+    &+.menu-button {
+      &>.button:not(.button-icon) {
+        margin-top: 0;
+      }
+    }
+    }
+
+  #menu-open {
+    margin-left: auto;
+  }
+
+  #menu-close {
+    display: block;
+    position: absolute;
+    right: $container-padding;
+    top: $container-padding;
+  }
+}
diff --git a/src/sass/imports/_helpers.scss b/src/sass/imports/_helpers.scss
index bb14ca4287..7a0e03546f 100644
--- a/src/sass/imports/_helpers.scss
+++ b/src/sass/imports/_helpers.scss
@@ -1,186 +1,189 @@
-// Text for screen readers
-.screen-reader-text {
-  clip: rect(1px, 1px, 1px, 1px);
-  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
-  height: 1px;
-  overflow: hidden;
-  position: absolute !important;
-  width: 1px;
-  word-wrap: normal !important;
-}
-
-// Heading decorations
-.line-left {
-  position: relative;
-
-  &:after {
-    background: $color-primary;
-    display: block;
-    content: "";
-    height: 100%;
-    left: -1px;
-    position: absolute;
-    top: 0;
-    width: 5px;
-  }
-}
-
-// Responsive video wrappers
-.js-reframe {
-  margin: 1.875em 0;
-
-  &:first-child {
-    margin-top: 0;
-  }
-}
-
-// Notifications, allerts
-.note,
-.important {
-  border-radius: $border-radius;
-  color: $gray-700;
-  margin: 1.875em 0;
-  padding: 1em 1.125em;
-
-  &:first-child {
-    margin-top: 0;
-  }
-}
-
-.note {
-  background: $yellow-pale;
-  border-left: 5px solid $yellow;
-}
-
-.important {
-  background: $red-pale;
-  border-left: 5px solid $red;
-}
-
-// Background gradients
-.has-gradient {
-  background: $color-primary;
-  background: -webkit-gradient(linear, left top, right top, from($color-secondary), to($color-primary));
-  background: linear-gradient(to right,$color-secondary, $color-primary);
-  color: #fff;
-  position: relative;
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    color: inherit !important;
-  }
-
-  a {
-    &:not(.button) {
-      color: inherit !important;
-
-      &:hover {
-        opacity: .8;
-      }
-    }
-  }
-
-  .button {
-    &:not(.button-secondary) {
-      background-color: #fff;
-      color: $color-primary;
-
-      &:hover,
-      &:focus,
-      &:active {
-        opacity: .85;
-      }
-    }
-  }
-
-  .button-secondary {
-    color: #fff !important;
-  }
-
-  .inner-sm {
-    position: relative;
-  }
-}
-
-// Background image
-.bg-img {
-  -webkit-animation: fadeIn20 .75s ease-in-out;
-  animation: fadeIn20 .75s ease-in-out;
-  background-position: center;
-  background-size: cover;
-  bottom: 0;
-  left: 0;
-  opacity: 0.2;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
-// Grid
-.grid {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-left: -$grid-gap / 2;
-  margin-right: -$grid-gap / 2;
-}
-
-.grid-item {
-  box-sizing: border-box;
-  padding-left: $grid-gap / 2;
-  padding-right: $grid-gap / 2;
-  position: relative;
-  width: 100%;
-}
-
-.grid-center {
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.grid-swap {
-  -ms-flex-direction: row-reverse;
-  flex-direction: row-reverse;
-}
-
-.grid-middle {
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-@media only screen and (min-width: 641px) {
-  .grid-col-2 {
-    .grid-item {
-      -ms-flex: 0 0 50%;
-      flex: 0 0 50%;
-      max-width: 50%;
-    }
-  }
-}
-
-@media only screen and (min-width: 761px) {
-  .grid-col-3 {
-    .grid-item {
-      -ms-flex: 0 0 33.333%;
-      flex: 0 0 33.333%;
-      max-width: 33.333%;
-    }
-  }
-}
-
-@media only screen and (max-width: 600px) {
-  .grid {
-    margin-left: -$container-padding / 2;
-    margin-right: -$container-padding / 2;
-  }
-
-  .grid-item {
-    padding-left: $container-padding / 2;
-    padding-right: $container-padding / 2;
-  }
-}
+// Text for screen readers
+.screen-reader-text {
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
+  height: 1px;
+  overflow: hidden;
+  position: absolute !important;
+  width: 1px;
+  word-wrap: normal !important;
+}
+
+// Heading decorations
+.line-left {
+  position: relative;
+
+  &:after {
+    background: $color-primary;
+    display: block;
+    content: '';
+    height: 100%;
+    left: -1px;
+    position: absolute;
+    top: 0;
+    width: 5px;
+  }
+}
+
+// Responsive video wrappers
+.js-reframe {
+  margin: 1.875em 0;
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+// Notifications, allerts
+.note,
+.important {
+  border-radius: $border-radius;
+  color: $gray-700;
+  margin: 1.875em 0;
+  padding: 1em 1.125em;
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+.note {
+  background: $yellow-pale;
+  border-left: 5px solid $yellow;
+}
+
+.important {
+  background: $red-pale;
+  border-left: 5px solid $red;
+}
+
+// Background gradients
+.has-gradient {
+  background: $color-primary;
+  background: -webkit-gradient(linear, left top, right top, from($color-secondary), to($color-primary));
+  background: linear-gradient(to right, $color-secondary, $color-primary);
+  color: #fff;
+  position: relative;
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: inherit !important;
+  }
+
+  a {
+    &:not(.button) {
+      color: inherit !important;
+
+      &:hover {
+        opacity: 0.8;
+      }
+      }
+      }
+
+  .button {
+    &:not(.button-secondary) {
+      background-color: #fff;
+      color: $color-primary;
+
+      &:hover,
+      &:focus,
+      &:active {
+        opacity: 0.85;
+      }
+      }
+      }
+
+  .button-secondary {
+    color: #fff !important;
+  }
+
+  .inner-sm {
+    position: relative;
+  }
+}
+
+// Background image
+.bg-img {
+  -webkit-animation: fadeIn20 0.75s ease-in-out;
+  animation: fadeIn20 0.75s ease-in-out;
+  background-position: center;
+  background-size: cover;
+  bottom: 0;
+  left: 0;
+  opacity: 0.2;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+// Grid
+.grid {
+  display: -ms-flexbox;
+  // box-shadow: inset 0px 11px 8px -10px black, inset 0px -11px 8px -10px black;    margin: 0 auto !important;
+  display: flex;
+  border-radius: 5px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-left: -$grid-gap / 2;
+  margin-right: -$grid-gap / 2;
+}
+
+.grid-item {
+  box-sizing: border-box;
+  // box-shadow: inset 0px 11px 8px -10px black, inset 0px -11px 8px -10px black;    margin: 0 auto !important;    
+  padding-left: $grid-gap / 2;
+  padding-right: $grid-gap / 2;
+  position: relative;
+  width: 100%;
+}
+
+.grid-center {
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.grid-swap {
+  -ms-flex-direction: row-reverse;
+  flex-direction: row-reverse;
+}
+
+.grid-middle {
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+@media only screen and (min-width: 641px) {
+  .grid-col-2 {
+    .grid-item {
+      -ms-flex: 0 0 50%;
+      flex: 0 0 50%;
+      max-width: 50%;
+    }
+  }
+}
+
+@media only screen and (min-width: 761px) {
+  .grid-col-3 {
+    .grid-item {
+      -ms-flex: 0 0 33.333%;
+      flex: 0 0 33.333%;
+      max-width: 33.333%;
+    }
+  }
+}
+
+@media only screen and (max-width: 600px) {
+  .grid {
+    margin-left: -$container-padding / 2;
+    margin-right: -$container-padding / 2;
+  }
+
+  .grid-item {
+    padding-left: $container-padding / 2;
+    padding-right: $container-padding / 2;
+  }
+}
diff --git a/src/sass/imports/_icons.scss b/src/sass/imports/_icons.scss
index 6521ca92fa..4e36651076 100644
--- a/src/sass/imports/_icons.scss
+++ b/src/sass/imports/_icons.scss
@@ -1,101 +1,101 @@
-// SVG icons
-.icon {
-  color: inherit;
-  fill: currentColor;
-  flex-shrink: 0;
-  height: 1em;
-  line-height: 1;
-  width: 1em;
-}
-
-// CSS icons
-.icon-menu,
-.icon-close {
-  background: currentColor;
-  border-radius: 1px;
-  color: inherit;
-  height: 2px;
-  left: 50%;
-  margin-top: -1px;
-  margin-left: -12px;
-  position: absolute;
-  top: 50%;
-  width: 24px;
-
-  &:before,
-  &:after {
-    background: currentColor;
-    border-radius: 1px;
-    content: "";
-    height: 100%;
-    left: 0;
-    position: absolute;
-    width: 100%;
-  }
-}
-
-.icon-menu {
-  &:before {
-    top: -6px;
-  }
-
-  &:after {
-    bottom: -6px;
-  }
-}
-
-.icon-close {
-  background: 0;
-  margin-left: -14px;
-  width: 28px;
-
-  &:before {
-    top: 0;
-    -webkit-transform: rotate(45deg);
-    transform: rotate(45deg);
-  }
-
-  &:after {
-    top: 0;
-    -webkit-transform: rotate(-45deg);
-    transform: rotate(-45deg);
-  }
-}
-
-.icon-angle-right {
-  background: 0;
-  border-color: currentColor;
-  border-style: solid;
-  border-width: 1px 1px 0 0;
-  box-sizing: border-box;
-  height: 8px;
-  left: 50%;
-  margin-left: -4px;
-  margin-top: -4px;
-  position: absolute;
-  top: 50%;
-  width: 8px;
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
-
-.docs-nav-toggle {
-  .icon-angle-right {
-    height: 12px;
-    left: auto;
-    margin-left: 0;
-    margin-right: 9px;
-    margin-top: -6px;
-    right: 0;
-    width: 12px;
-  }
-}
-
-.docs-section-item {
-  .icon-angle-right {
-    left: auto;
-    margin-left: 0;
-    margin-right: 15px;
-    right: 0;
-  }
-}
+// SVG icons
+.icon {
+  color: inherit;
+  fill: white;
+  flex-shrink: 0;
+  height: 1em;
+  line-height: 1;
+  width: 1em;
+}
+
+// CSS icons
+.icon-menu,
+.icon-close {
+  background: white;
+  border-radius: 1px;
+  color: inherit;
+  height: 2px;
+  left: 50%;
+  margin-top: -1px;
+  margin-left: -12px;
+  position: absolute;
+  top: 50%;
+  width: 24px;
+
+  &:before,
+  &:after {
+    background: white;
+    border-radius: 1px;
+    content: '';
+    height: 100%;
+    left: 0;
+    position: absolute;
+    width: 100%;
+  }
+}
+
+.icon-menu {
+  &:before {
+    top: -6px;
+  }
+
+  &:after {
+    bottom: -6px;
+  }
+}
+
+.icon-close {
+  background: 0;
+  margin-left: -14px;
+  width: 28px;
+
+  &:before {
+    top: 0;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+
+  &:after {
+    top: 0;
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+  }
+}
+
+.icon-angle-right {
+  background: 0;
+  border-color: rgb(0, 0, 0);
+  border-style: dashed;
+  border-width: 2px 1px 0 0;
+  box-sizing: border-box;
+  height: 6px;
+  left: 70%;
+  margin-left: -2px;
+  margin-top: -2px;
+  position: absolute;
+  top: 50%;
+  width: 6px;
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+.docs-nav-toggle {
+  .icon-angle-right {
+    height: 12px;
+    left: auto;
+    margin-left: 0;
+    margin-right: 9px;
+    margin-top: -6px;
+    right: 0;
+    width: 12px;
+  }
+}
+
+.docs-section-item {
+  .icon-angle-right {
+    left: auto;
+    margin-left: 0;
+    margin-right: 15px;
+    right: 0;
+  }
+}
diff --git a/src/sass/imports/_palettes.scss b/src/sass/imports/_palettes.scss
index 76ee28e00d..4571d18d0a 100644
--- a/src/sass/imports/_palettes.scss
+++ b/src/sass/imports/_palettes.scss
@@ -1,57 +1,57 @@
-@each $palette in map-keys($theme-palettes) {
-  $palette-suffix: "#{$palette}";
-  $color-primary: map-deep-get($theme-palettes, $palette, "primary");
-  $color-secondary: map-deep-get($theme-palettes, $palette, "secondary");
-
-  .palette-#{$palette-suffix} {
-    a:not(.button) {
-      color: $color-primary;
-
-      &:hover {
-        color: $gray-600;
-      }
-    }
-
-    blockquote {
-      border-color: $color-primary;
-    }
-
-    .line-left:after,
-    .button {
-      background: $color-primary;
-    }
-
-    .has-gradient {
-      background: $color-primary;
-      background: -webkit-gradient(linear, left top, right top, from($color-secondary), to($color-primary));
-      background: linear-gradient(to right,$color-secondary, $color-primary);
-    }
-
-    .button-secondary,
-    .button-icon:hover,
-    .button-icon:focus,
-    .button-icon:active,
-    .has-gradient .button:not(.button-secondary),
-    .menu-item.current,
-    #masthead a:not(.button):hover,
-    #colophon a:not(.button):hover,
-    .post.type-docs .hash-link:hover,
-    .post.type-docs .hash-link:focus,
-    #docs-menu  a:hover,
-    #docs-menu .current,
-    #docs-menu  .current-parent,
-    #page-nav li.active > a,
-    #page-nav a:hover {
-      color: $color-primary;
-    }
-
-    #docs-section-items {
-      .docs-item-link {
-        &:hover {
-          border-color: $color-primary;
-          color: $color-primary;
-        }
-      }
-    }
-  }
-}
+@each $palette in map-keys($theme-palettes) {
+  $palette-suffix: '#{$palette}';
+  $color-primary: map-deep-get($theme-palettes, $palette, 'primary');
+  $color-secondary: map-deep-get($theme-palettes, $palette, 'secondary');
+
+  .palette-#{$palette-suffix} {
+    a:not(.button) {
+      color: $color-primary;
+
+      &:hover {
+        color: $gray-600;
+      }
+      }
+
+    blockquote {
+      border-color: $color-primary;
+    }
+
+    .line-left:after,
+    .button {
+      background: $color-primary;
+    }
+
+    .has-gradient {
+      background: $color-primary;
+      background: -webkit-gradient(linear, left top, right top, from($color-secondary), to($color-primary));
+      background: linear-gradient(to right, $color-secondary, $color-primary);
+    }
+
+    .button-secondary,
+    .button-icon:hover,
+    .button-icon:focus,
+    .button-icon:active,
+    .has-gradient .button:not(.button-secondary),
+    .menu-item.current,
+    #masthead a:not(.button):hover,
+    #colophon a:not(.button):hover,
+    .post.type-docs .hash-link:hover,
+    .post.type-docs .hash-link:focus,
+    #docs-menu a:hover,
+    #docs-menu .current,
+    #docs-menu .current-parent,
+    #page-nav li.active>a,
+    #page-nav a:hover {
+      color: $color-primary;
+    }
+
+    #docs-section-items {
+      .docs-item-link {
+        &:hover {
+          border-color: $color-primary;
+          color: $color-primary;
+        }
+      }
+    }
+    }
+}
diff --git a/src/sass/imports/_posts.scss b/src/sass/imports/_posts.scss
index 4a2d3b8747..6bbbc50fec 100644
--- a/src/sass/imports/_posts.scss
+++ b/src/sass/imports/_posts.scss
@@ -1,166 +1,172 @@
-.post {
-  margin-bottom: 2.5em;
-}
-
-.post-full,
-.post-feed {
-  &:last-child {
-    margin-bottom: 5em;
-  }
-}
-
-.has-gradient {
-  &.page-header,
-  &.post-header {
-    padding-bottom: 9.5em;
-    padding-top: 3.75em;
-    text-align: center;
-  }
-
-  .page-title,
-  .post-title {
-    color: inherit;
-    font-size: 2.25em;
-    margin: 0;
-  }
-}
-
-.page-subtitle,
-.post-subtitle {
-  font-size: 1.125em;
-  line-height: 1.5;
-  margin: 0.5em 0 0;
-  position: relative;
-}
-
-.post-title {
-  a {
-    color: inherit !important;
-    text-decoration: none;
-  }
-}
-
-.post-thumbnail {
-  border: 0;
-  border-radius: $border-radius $border-radius 0 0;
-  display: block;
-  margin: 0;
-
-  img {
-    border-radius: $border-radius $border-radius 0 0;
-    width: 100%;
-  }
-}
-
-.post-full .post-content,
-.post-feed {
-  margin-top: -5em;
-  position: relative;
-}
-
-.post-full .post-content,
-.post-feed .post {
-  background: #fff;
-  border: 1px solid $gray-300;
-  border-radius: $border-radius;
-  box-shadow: $box-shadow;
-}
-
-.post-full {
-  .post-content {
-    padding: 2.5em 1.5em;
-  }
-
-  .post-meta {
-    margin: 0 0 0.5em;
-  }
-}
-
-.post-feed {
-  .post {
-    padding: 0 0 2.5em;
-  }
-
-  .post-meta {
-    color: $gray-500;
-    font-size: 0.875em;
-    margin: 0 0 0.5em;
-    padding-left: 1.71428em;
-    padding-right: 1.71428em;
-  }
-
-  .post-header {
-    margin: 0 0 1.25em;
-    padding-top: 1.875em;
-  }
-
-  .post-title {
-    font-size: 1.5em;
-    margin: 0;
-    padding-left: 1em;
-    padding-right: 1em;
-  }
-
-  .post-excerpt {
-    margin-bottom: 1.25em;
-    padding-left: 1.5em;
-    padding-right: 1.5em;
-  }
-
-  .read-more {
-    margin: 0;
-    padding-left: 1.5em;
-    padding-right: 1.5em;
-  }
-
-  .read-more-link {
-    font-weight: bold;
-    text-decoration: none;
-
-    &:after {
-      font-size: 1.125em;
-      content: "\2192";
-      line-height: 1.5;
-      margin-left: 5px;
-    }
-
-    &:hover {
-      color: $gray-600;
-    }
-  }
-}
-
-@media only screen and (min-width: 641px) {
-  .has-gradient {
-    .page-title,
-    .post-title {
-      font-size: 3em;
-    }
-  }
-
-  .page-subtitle,
-  .post-subtitle {
-    font-size: 1.25em;
-  }
-
-  .post-full {
-    .post-meta {
-      font-size: 1.125em;
-    }
-  }
-
-  .post-full .post-content,
-  .post-feed .post-meta,
-  .post-feed .post-title,
-  .post-feed .post-excerpt,
-  .post-feed .read-more {
-    padding-left: 7%;
-    padding-right: 7%;
-  }
-}
-
-@media only screen and (max-width: 1000px) {
-  .post {
-    margin-bottom: 4vw;
-  }
-}
+.post {
+  margin-bottom: 2.5em;
+}
+
+.post-full,
+.post-feed {
+  &:last-child {
+    margin-bottom: 5em;
+  }
+}
+
+.has-gradient {
+  &.page-header,
+  &.post-header {
+    padding-bottom: 9.5em;
+    padding-top: 3.75em;
+    text-align: center;
+      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
+  0 0 40px rgba(0, 0, 0, 0.1) inset;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
+  0 0 40px rgba(0, 0, 0, 0.1) inset;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
+  0 0 40px rgba(0, 0, 0, 0.1) inset;
+  }
+
+  .page-title,
+  .post-title {
+    color: inherit;
+    font-size: 2.25em;
+    margin: 0;
+  }
+}
+
+.page-subtitle,
+.post-subtitle {
+  font-size: 1.125em;
+  line-height: 1.5;
+  margin: 0.5em 0 0;
+  position: relative;
+}
+
+.post-title {
+  a {
+    color: inherit !important;
+    text-decoration: none;
+  }
+}
+
+.post-thumbnail {
+  border: 0;
+  border-radius: $border-radius $border-radius 0 0;
+  display: block;
+  margin: 0;
+
+  img {
+    border-radius: $border-radius $border-radius 0 0;
+    width: 100%;
+  }
+}
+
+.post-full .post-content,
+.post-feed {
+  margin-top: -5em;
+  position: relative;
+}
+
+.post-full .post-content,
+.post-feed .post {
+  background: #fff;
+  border: 1px solid $gray-300;
+  border-radius: $border-radius;
+  box-shadow: $box-shadow;
+}
+
+.post-full {
+  .post-content {
+    padding: 1.5em 1.5em;
+  }
+
+  .post-meta {
+    margin: 0 0 0.5em;
+  }
+}
+
+.post-feed {
+  .post {
+    padding: 0 0 2.5em;
+  }
+
+  .post-meta {
+    color: $gray-500;
+    font-size: 0.875em;
+    margin: 0 0 0.5em;
+    padding-left: 1.71428em;
+    padding-right: 1.71428em;
+  }
+
+  .post-header {
+    margin: 0 0 1.25em;
+    padding-top: 1.875em;
+  }
+
+  .post-title {
+    font-size: 1.5em;
+    margin: 0;
+    padding-left: 1em;
+    padding-right: 1em;
+  }
+
+  .post-excerpt {
+    margin-bottom: 1.25em;
+    padding-left: 1.5em;
+    padding-right: 1.5em;
+  }
+
+  .read-more {
+    margin: 0;
+    padding-left: 1.5em;
+    padding-right: 1.5em;
+  }
+
+  .read-more-link {
+    font-weight: bold;
+    text-decoration: none;
+
+    &:after {
+      font-size: 1.125em;
+      content: "\2192";
+      line-height: 1.5;
+      margin-left: 5px;
+    }
+
+    &:hover {
+      color: $gray-600;
+    }
+  }
+}
+
+@media only screen and (min-width: 741px) {
+  .has-gradient {
+    .page-title,
+    .post-title {
+      font-size: 3em;
+    }
+  }
+
+  .page-subtitle,
+  .post-subtitle {
+    font-size: 1.25em;
+  }
+
+  .post-full {
+    .post-meta {
+      font-size: 1.125em;
+    }
+  }
+
+  .post-full .post-content,
+  .post-feed .post-meta,
+  .post-feed .post-title,
+  .post-feed .post-excerpt,
+  .post-feed .read-more {
+    padding-left: 7%;
+    padding-right: 7%;
+  }
+}
+
+@media only screen and (max-width: 1200px) {
+  .post {
+    margin-bottom: 4vw;
+  }
+}
diff --git a/src/sass/imports/_prism.scss b/src/sass/imports/_prism.scss
index 02e95fc21e..796b0f3c06 100644
--- a/src/sass/imports/_prism.scss
+++ b/src/sass/imports/_prism.scss
@@ -1,143 +1,144 @@
-/* PrismJS 1.16.0
-https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript&plugins=toolbar+copy-to-clipboard */
-/**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-
-code[class*="language-"],
-pre[class*="language-"] {
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-:not(pre) > code[class*="language-"] {
-  background: $gray-700;
-  color: $gray-100;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: #8292a2;
-}
-
-.token.punctuation {
-  color: #f8f8f2;
-}
-
-.token.namespace {
-  opacity: .7;
-}
-
-.token.property,
-.token.tag,
-.token.constant,
-.token.symbol,
-.token.deleted {
-  color: #f92672;
-}
-
-.token.boolean,
-.token.number {
-  color: #ae81ff;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-  color: #a6e22e;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string,
-.token.variable {
-  color: #f8f8f2;
-}
-
-.token.atrule,
-.token.attr-value,
-.token.function,
-.token.class-name {
-  color: #e6db74;
-}
-
-.token.keyword {
-  color: #66d9ef;
-}
-
-.token.regex,
-.token.important {
-  color: #fd971f;
-}
-
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-.token.italic {
-  font-style: italic;
-}
-
-.token.entity {
-  cursor: help;
-}
-
-div.code-toolbar {
-  position: relative;
-}
-
-div.code-toolbar > .toolbar {
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-
-div.code-toolbar > .toolbar .toolbar-item {
-  display: block;
-}
-
-div.code-toolbar > .toolbar a {
-  border: 0;
-  cursor: pointer;
-}
-
-div.code-toolbar > .toolbar button {
-  background: none;
-  border: 0;
-  border-radius: 0;
-  box-shadow: none;
-  color: inherit;
-  font: inherit;
-  line-height: normal;
-  overflow: visible;
-  padding: 0;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-
-div.code-toolbar > .toolbar a,
-div.code-toolbar > .toolbar button,
-div.code-toolbar > .toolbar span {
-  background: $gray-600;
-  color: $gray-300 !important;
-  display: block;
-  font-size: .75em;
-  line-height: 1.5;
-  padding: .25em .5em;
-  text-decoration: none;
-}
+/* PrismJS 1.16.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript&plugins=toolbar+copy-to-clipboard */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*='language-'],
+pre[class*='language-'] {
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+:not(pre)>code[class*='language-'] {
+  background: $gray-700;
+  color: $gray-100;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #8292a2;
+}
+
+.token.punctuation {
+  color: #f8f8f2;
+}
+
+.token.namespace {
+  opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #f92672;
+}
+
+.token.boolean,
+.token.number {
+  color: #ae81ff;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #a6e22e;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: #f8f8f2;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: #e6db74;
+}
+
+.token.keyword {
+  color: #66d9ef;
+}
+
+.token.regex,
+.token.important {
+  color: #fd971f;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+div.code-toolbar {
+  position: relative;
+}
+
+div.code-toolbar>.toolbar {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+div.code-toolbar>.toolbar .toolbar-item {
+  display: block;
+}
+
+div.code-toolbar>.toolbar a {
+  border: 0;
+  cursor: pointer;
+}
+
+div.code-toolbar>.toolbar button {
+  background: none;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  color: inherit;
+  font: inherit;
+  line-height: normal;
+  overflow: visible;
+  padding: 0;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+
+div.code-toolbar>.toolbar a,
+div.code-toolbar>.toolbar button,
+div.code-toolbar>.toolbar span {
+  background: $gray-600;
+  color: $gray-300 !important;
+  display: block;
+  font-size: 0.75em;
+  line-height: 1.5;
+  padding: 0.25em 0.5em;
+  text-decoration: none;
+}
diff --git a/src/sass/imports/_reset.scss b/src/sass/imports/_reset.scss
index 32de3c3492..9e5e3d04e7 100644
--- a/src/sass/imports/_reset.scss
+++ b/src/sass/imports/_reset.scss
@@ -1,185 +1,185 @@
-// normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
-html {
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-}
-
-body {
-  margin: 0;
-}
-
-main {
-  display: block;
-}
-
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-
-a {
-  background-color: transparent;
-}
-
-a:focus {
-  outline: thin dotted;
-}
-
-a:active,
-a:hover {
-  outline: 0;
-}
-
-abbr[title] {
-  border-bottom: none;
-  text-decoration: underline;
-  text-decoration: underline dotted;
-}
-
-b,
-strong {
-  font-weight: bold;
-
-  .font-fira-sans & {
-    font-weight: 600;
-  }
-}
-
-pre,
-code,
-kbd,
-samp {
-  font-family: $font-monospace;
-  font-size: 1em;
-}
-
-small {
-  font-size: 80%;
-}
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-img {
-  border-style: none;
-  vertical-align: middle;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-}
-
-button,
-input {
-  overflow: visible;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-legend {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-}
-
-progress {
-  vertical-align: baseline;
-}
-
-textarea {
-  overflow: auto;
-}
-
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-[type="search"] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-
-details {
-  display: block;
-}
-
-summary {
-  display: list-item;
-}
-
-template {
-  display: none;
-}
-
-[hidden] {
-  display: none;
+// normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
+html {
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+}
+
+main {
+  display: block;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+a {
+  background-color: transparent;
+}
+
+a:focus {
+  outline: thin dotted;
+}
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  text-decoration: underline dotted;
+}
+
+b,
+strong {
+  font-weight: bold;
+
+  .font-fira-sans & {
+    font-weight: 600;
+  }
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: $font-monospace;
+  font-size: 1em;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+img {
+  border-style: none;
+  vertical-align: middle;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+legend {
+  box-sizing: border-box;
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+textarea {
+  overflow: auto;
+}
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+details {
+  display: block;
+}
+
+summary {
+  display: list-item;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none;
 }
\ No newline at end of file
diff --git a/src/sass/imports/_sections.scss b/src/sass/imports/_sections.scss
index 48c21c6583..df29491815 100644
--- a/src/sass/imports/_sections.scss
+++ b/src/sass/imports/_sections.scss
@@ -1,337 +1,337 @@
-.block {
-  padding-top: 3.75em;
-
-  &:not(.block-hero) {
-    background: $gray-100;
-  }
-
-  &:last-child {
-    padding-bottom: 3.75em;
-  }
-}
-
-.block-image {
-  margin-bottom: 1.5em;
-}
-
-.block-header {
-  margin-bottom: 1.5em;
-}
-
-.block-title {
-  margin: 0;
-}
-
-.block-subtitle {
-  color: $gray-500;
-  line-height: 1.5;
-  margin-bottom: 0;
-
-  &:not(:first-child) {
-    margin-top: 0.5em;
-  }
-}
-
-.block-buttons,
-.grid-item-buttons {
-  -ms-flex-align: center;
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-bottom: 0.9375em;
-
-  a {
-    font-weight: bold;
-    text-decoration: none;
-  }
-}
-
-.block-buttons {
-  -ms-flex-pack: center;
-  justify-content: center;
-
-  a {
-    margin: 0 0.375em 0.75em;
-  }
-}
-
-.grid-item-buttons {
-  a {
-    margin: 0 0.75em 0.75em 0;
-  }
-}
-
-.has-gradient {
-  .block-subtitle {
-    color: inherit;
-  }
-}
-
-.block-text,
-.block-hero {
-  .block-buttons {
-    &:not(:first-child) {
-      margin-top: 1.875em;
-    }
-  }
-}
-
-// Content section
-.block-text {
-  .grid-item {
-    max-width: $container-sm;
-    text-align: center;
-  }
-
-  .block-title {
-    font-size: 1.875em;
-  }
-}
-
-@media only screen and (min-width: 641px) {
-  .block-text {
-    .block-content {
-      font-size: 1.125em;
-    }
-
-    .block-title {
-      font-size: 2.125em;
-    }
-  }
-}
-
-@media only screen and (min-width: 801px) {
-  .block-text {
-    .grid-item {
-      &:not(:only-child) {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%;
-      }
-    }
-  }
-
-  .block-body {
-    &:not(:only-child) {
-      text-align: left;
-
-      .block-buttons {
-        -ms-flex-pack: start;
-        justify-content: flex-start;
-
-        a {
-          margin-left: 0;
-          margin-right: 0.75em;
-        }
-      }
-    }
-  }
-}
-
-@media only screen and (min-width: 1001px) {
-  .block-image {
-    &:not(:only-child) {
-      padding-right: 2.5em;
-    }
-  }
-
-  .grid-swap {
-    .block-image {
-      &:not(:only-child) {
-        padding-left: 2.5em;
-        padding-right: 0.9375em;
-      }
-    }
-  }
-}
-
-// CTA section
-.block-cta {
-  .has-gradient {
-    border-radius: $border-radius;
-    margin-bottom: 1.875em;
-    padding: 3.75em 3vw 1.875em;
-  }
-
-  .block-header {
-    max-width: $container-sm;
-    text-align: center;
-  }
-
-  .block-title {
-    font-size: 1.875em;
-  }
-
-  .block-subtitle {
-    font-size: 1.125em;
-  }
-}
-
-@media only screen and (min-width: 641px) {
-  .block-title {
-    font-size: 2.125em;
-  }
-}
-
-@media only screen and (min-width: 801px) {
-  .block-cta {
-    .has-gradient {
-      padding-left: 7%;
-      padding-right: 7%;
-    }
-
-    .block-header {
-      -ms-flex: 0 0 66.666%;
-      flex: 0 0 66.666%;
-      max-width: 66.666%;
-      text-align: left;
-    }
-
-    .block-buttons {
-      -ms-flex: 0 0 33.333%;
-      flex: 0 0 33.333%;
-      margin-top: 0;
-      max-width: 33.333%;
-    }
-  }
-}
-
-// Grid section
-.block-grid {
-  .block-hero + & {
-    &:not(.has-header) {
-      background: 0;
-      padding-top: 0;
-    }
-  }
-
-  .block-header {
-    margin-bottom: 2em;
-    text-align: center;
-  }
-
-  .block-title {
-    font-size: 1.875em;
-  }
-
-  .grid-item {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    margin-bottom: 1.875em;
-  }
-}
-
-.grid-item-inside {
-  background: #fff;
-  border: 1px solid $gray-300;
-  border-radius: $border-radius-sm;
-  box-shadow: $box-shadow;
-  box-sizing: border-box;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  padding-bottom: 0.75em;
-}
-
-.grid-item-image {
-  border-radius: $border-radius-sm $border-radius-sm 0 0;
-  display: block;
-  width: 100%;
-
-  img {
-    border-radius: $border-radius-sm $border-radius-sm 0 0;
-  }
-}
-
-.grid-item-title {
-  font-size: 1.5em;
-  margin: 1em 0 0.5em;
-  padding-left: 1em;
-  padding-right: 1em;
-
-  &:first-child {
-    margin-top: 1.25em;
-  }
-
-  a {
-    color: inherit !important;
-    text-decoration: none;
-  }
-}
-
-.grid-item-content,
-.grid-item-buttons {
-  padding-left: 1.5em;
-  padding-right: 1.5em;
-}
-
-.grid-item-content {
-  margin-bottom: 1.25em;
-}
-
-.grid-item-buttons {
-  a {
-    &:not(.button) {
-      &:after {
-        font-size: 1.125em;
-        content: "\2192";
-        line-height: 1.5;
-        margin-left: 5px;
-      }
-    }
-  }
-}
-
-@media only screen and (max-width: 1000px) {
-  .block-grid {
-    .grid-item {
-      margin-bottom: 4vw;
-    }
-  }
-}
-
-// Hero section
-.block-hero {
-  padding-bottom: 7.5em;
-  position: relative;
-  text-align: center;
-
-  .block-header {
-    margin-bottom: 0.75em;
-  }
-
-  .block-title {
-    font-size: 2.25em;
-  }
-
-  .block-content {
-    font-size: 1.125em;
-    line-height: 1.5;
-  }
-
-  & + .block {
-    margin-top: -5em;
-    position: relative;
-  }
-}
-
-@media only screen and (min-width: 641px) {
-  .block-hero {
-    .block-title {
-      font-size: 3em;
-    }
-
-    .block-content {
-      font-size: 1.25em;
-    }
-
-    .block-buttons {
-      a {
-        font-size: 1em;
-      }
-    }
-  }
-}
+.block {
+  padding-top: 3.75em;
+
+  &:not(.block-hero) {
+    background: $gray-100;
+  }
+
+  &:last-child {
+    padding-bottom: 3.75em;
+  }
+}
+
+.block-image {
+  margin-bottom: 1.5em;
+}
+
+.block-header {
+  margin-bottom: 1.5em;
+}
+
+.block-title {
+  margin: 0;
+}
+
+.block-subtitle {
+  color: $gray-500;
+  line-height: 1.5;
+  margin-bottom: 0;
+
+  &:not(:first-child) {
+    margin-top: 0.5em;
+  }
+}
+
+.block-buttons,
+.grid-item-buttons {
+  -ms-flex-align: center;
+  align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-bottom: 0.9375em;
+
+  a {
+    font-weight: bold;
+    text-decoration: none;
+  }
+}
+
+.block-buttons {
+  -ms-flex-pack: center;
+  justify-content: center;
+
+  a {
+    margin: 0 0.375em 0.75em;
+  }
+}
+
+.grid-item-buttons {
+  a {
+    margin: 0 0.75em 0.75em 0;
+  }
+}
+
+.has-gradient {
+  .block-subtitle {
+    color: inherit;
+  }
+}
+
+.block-text,
+.block-hero {
+  .block-buttons {
+    &:not(:first-child) {
+      margin-top: 1.875em;
+    }
+  }
+}
+
+// Content section
+.block-text {
+  .grid-item {
+    max-width: $container-sm;
+    text-align: center;
+  }
+
+  .block-title {
+    font-size: 1.875em;
+  }
+}
+
+@media only screen and (min-width: 641px) {
+  .block-text {
+    .block-content {
+      font-size: 1.125em;
+    }
+
+    .block-title {
+      font-size: 2.125em;
+    }
+  }
+}
+
+@media only screen and (min-width: 1201px) {
+  .block-text {
+    .grid-item {
+      &:not(:only-child) {
+        -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+        max-width: 50%;
+      }
+    }
+  }
+
+  .block-body {
+    &:not(:only-child) {
+      text-align: left;
+
+      .block-buttons {
+        -ms-flex-pack: start;
+        justify-content: flex-start;
+
+        a {
+          margin-left: 0;
+          margin-right: 0.75em;
+        }
+      }
+    }
+  }
+}
+
+@media only screen and (min-width: 1001px) {
+  .block-image {
+    &:not(:only-child) {
+      padding-right: 2.5em;
+    }
+  }
+
+  .grid-swap {
+    .block-image {
+      &:not(:only-child) {
+        padding-left: 2.5em;
+        padding-right: 0.9375em;
+      }
+    }
+  }
+}
+
+// CTA section
+.block-cta {
+  .has-gradient {
+    border-radius: $border-radius;
+    margin-bottom: 1.875em;
+    padding: 3.75em 3vw 1.875em;
+  }
+
+  .block-header {
+    max-width: $container-sm;
+    text-align: center;
+  }
+
+  .block-title {
+    font-size: 1.875em;
+  }
+
+  .block-subtitle {
+    font-size: 1.125em;
+  }
+}
+
+@media only screen and (min-width: 641px) {
+  .block-title {
+    font-size: 2.125em;
+  }
+}
+
+@media only screen and (min-width: 801px) {
+  .block-cta {
+    .has-gradient {
+      padding-left: 7%;
+      padding-right: 7%;
+    }
+
+    .block-header {
+      -ms-flex: 0 0 66.666%;
+      flex: 0 0 66.666%;
+      max-width: 66.666%;
+      text-align: left;
+    }
+
+    .block-buttons {
+      -ms-flex: 0 0 33.333%;
+      flex: 0 0 33.333%;
+      margin-top: 0;
+      max-width: 33.333%;
+    }
+  }
+}
+
+// Grid section
+.block-grid {
+  .block-hero+& {
+    &:not(.has-header) {
+      background: 0;
+      padding-top: 0;
+    }
+  }
+
+  .block-header {
+    margin-bottom: 2em;
+    text-align: center;
+  }
+
+  .block-title {
+    font-size: 1.875em;
+  }
+
+  .grid-item {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    margin-bottom: 1.875em;
+  }
+}
+
+.grid-item-inside {
+  background: #fff;
+  border: 1px solid $gray-300;
+  border-radius: $border-radius-sm;
+  box-shadow: $box-shadow;
+  box-sizing: border-box;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  padding-bottom: 0.75em;
+}
+
+.grid-item-image {
+  border-radius: $border-radius-sm $border-radius-sm 0 0;
+  display: block;
+  width: 100%;
+
+  img {
+    border-radius: $border-radius-sm $border-radius-sm 0 0;
+  }
+}
+
+.grid-item-title {
+  font-size: 1.5em;
+  margin: 1em 0 0.5em;
+  padding-left: 1em;
+  padding-right: 1em;
+
+  &:first-child {
+    margin-top: 1.25em;
+  }
+
+  a {
+    color: inherit !important;
+    text-decoration: none;
+  }
+}
+
+.grid-item-content,
+.grid-item-buttons {
+  padding-left: 1.5em;
+  padding-right: 1.5em;
+}
+
+.grid-item-content {
+  margin-bottom: 1.25em;
+}
+
+.grid-item-buttons {
+  a {
+    &:not(.button) {
+      &:after {
+        font-size: 1.125em;
+        content: "\2192";
+        line-height: 1.5;
+        margin-left: 5px;
+      }
+    }
+  }
+}
+
+@media only screen and (max-width: 1000px) {
+  .block-grid {
+    .grid-item {
+      margin-bottom: 4vw;
+    }
+  }
+}
+
+// Hero section
+.block-hero {
+  padding-bottom: 7.5em;
+  position: relative;
+  text-align: center;
+
+  .block-header {
+    margin-bottom: 0.75em;
+  }
+
+  .block-title {
+    font-size: 2.25em;
+  }
+
+  .block-content {
+    font-size: 1.125em;
+    line-height: 1.5;
+  }
+
+  &+.block {
+    margin-top: -5em;
+    position: relative;
+  }
+}
+
+@media only screen and (min-width: 641px) {
+  .block-hero {
+    .block-title {
+      font-size: 3em;
+    }
+
+    .block-content {
+      font-size: 1.25em;
+    }
+
+    .block-buttons {
+      a {
+        font-size: 1em;
+      }
+    }
+  }
+}
diff --git a/src/sass/imports/_structure.scss b/src/sass/imports/_structure.scss
index 8c78fe7469..c92d92ebe9 100644
--- a/src/sass/imports/_structure.scss
+++ b/src/sass/imports/_structure.scss
@@ -1,38 +1,38 @@
-.site {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    min-height: 100vh;
-    position: relative;
-}
-
-.site-content {
-    box-sizing: border-box;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    width: 100%;
-}
-
-.outer {
-    padding-left: 150px;
-    padding-right: 150px;
-}
-
-.inner {
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 95%;
-}
-
-.inner-md {
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 95%;
-}
-
-.inner-sm {
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 95%;
-}
+.site {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-height: 110vh;
+  position: relative;
+}
+
+.site-content {
+  box-sizing: border-box;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  width: 100%;
+}
+
+.outer {
+  padding-left: $container-padding;
+  padding-right: $container-padding;
+}
+
+.inner {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: $container;
+}
+
+.inner-md {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: $container-md;
+}
+
+.inner-sm {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: $container-sm;
+}
diff --git a/src/sass/imports/_tables.scss b/src/sass/imports/_tables.scss
index fa0463eb0d..2f63c36b96 100644
--- a/src/sass/imports/_tables.scss
+++ b/src/sass/imports/_tables.scss
@@ -1,63 +1,63 @@
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  line-height: 1.5;
-  margin: 0;
-  max-width: 100%;
-  text-align: left;
-  width: 100%;
-}
-
-caption {
-  color: $gray-500;
-  font-size: 0.875em;
-  font-style: normal;
-  margin-bottom: 1em;
-  text-align: left;
-}
-
-th,
-td {
-  border-bottom: 1px solid $gray-300;
-  padding: 0.5em 5px;
-}
-
-th {
-  color: $gray-700;
-  font-weight: bold;
-}
-
-:not(.responsive-table) > table {
-  display: block;
-  margin: 1.875em 0;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-
-  &:first-child {
-    margin-top: 0;
-  }
-
-  tbody,
-  thead {
-    width: 100%;
-  }
-
-  tr {
-    width: 100%;
-  }
-
-  td {
-    min-width: 10em;
-  }
-}
-
-.responsive-table {
-  display: block;
-  margin: 1.875em 0;
-  overflow-x: auto;
-  width: 100%;
-
-  &:first-child {
-    margin-top: 0;
-  }
-}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  line-height: 1.5;
+  margin: 0;
+  max-width: 100%;
+  text-align: left;
+  width: 100%;
+}
+
+caption {
+  color: $gray-500;
+  font-size: 0.875em;
+  font-style: normal;
+  margin-bottom: 1em;
+  text-align: left;
+}
+
+th,
+td {
+  border-bottom: 1px solid $gray-300;
+  padding: 0.5em 5px;
+}
+
+th {
+  color: $gray-700;
+  font-weight: bold;
+}
+
+:not(.responsive-table) > table {
+  display: block;
+  margin: 1.875em 0;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+
+  &:first-child {
+    margin-top: 0;
+  }
+
+  tbody,
+  thead {
+    width: 100%;
+  }
+
+  tr {
+    width: 100%;
+  }
+
+  td {
+    min-width: 10em;
+  }
+}
+
+.responsive-table {
+  display: block;
+  margin: 1.875em 0;
+  overflow-x: auto;
+  width: 100%;
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
diff --git a/src/sass/imports/_variables.scss b/src/sass/imports/_variables.scss
index 0a54d39c15..7aa32081f5 100644
--- a/src/sass/imports/_variables.scss
+++ b/src/sass/imports/_variables.scss
@@ -1,54 +1,54 @@
-// Fonts
-$font-primary:   "Lato", Helvetica, Arial, sans-serif !default;
-$font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !default;
-
-// Colors
-$color-primary:   #00c6ff !default;
-$color-secondary: #0072ff !default;
-
-$gray-100:        #f8f8fa !default;
-$gray-200:        #ecedf2 !default;
-$gray-300:        #dde0e7 !default;
-$gray-400:        #9aa4b9 !default;
-$gray-500:        #67758d !default;
-$gray-600:        #424b5f !default;
-$gray-700:        #283040 !default;
-
-$red:             #fc381d !default;
-$red-pale:        #ffe9e6 !default;
-$yellow:          #fcb41d !default;
-$yellow-pale:     #fff7e6 !default;
-
-// Border radius
-$border-radius: 5px;
-$border-radius-sm: 3px;
-
-// Box shadow
-$box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
-
-// Container max width
-$container:    1200px !default;
-$container-sm: 680px !default;
-$container-md: 800px !default;
-
-// Container padding
-$container-padding: 3vw !default;
-
-// Grid gap
-$grid-gap: 1.875em !default;
-
-// Alternative theme palettes
-$theme-palettes: (
-  green: (
-    primary:   #20c86e,
-    secondary: #1ba65b
-  ),
-  navy: (
-    primary:   #004e92,
-    secondary: #000428
-  ),
-  violet: (
-    primary:   #8e2de2,
-    secondary: #4a00e0
-  )
-);
+// Fonts
+$font-primary: 'Lato', Helvetica, Arial, sans-serif !default;
+$font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
+
+// Colors
+$color-primary: #00c6ff !default;
+$color-secondary: #0072ff !default;
+
+$gray-100: #f8f8fa !default;
+$gray-200: #ecedf2 !default;
+$gray-300: #dde0e7 !default;
+$gray-400: #9aa4b9 !default;
+$gray-500: #67758d !default;
+$gray-600: #424b5f !default;
+$gray-700: #283040 !default;
+
+$red: #fc381d !default;
+$red-pale: #ffe9e6 !default;
+$yellow: #fcb41d !default;
+$yellow-pale: #fff7e6 !default;
+
+// Border radius
+$border-radius: 5px;
+$border-radius-sm: 3px;
+
+// Box shadow
+$box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.13);
+
+// Container max width
+$container: 1200px !default;
+$container-sm: 680px !default;
+$container-md: 800px !default;
+
+// Container padding
+$container-padding: 3vw !default;
+
+// Grid gap
+$grid-gap: 1.875em !default;
+
+// Alternative theme palettes
+$theme-palettes: (
+    green: (
+        primary: #20c86e,
+        secondary: #1ba65b
+    ),
+    navy: (
+        primary: #1b2024,
+        secondary: #000428
+    ),
+    violet: (
+        primary: #8e2de2,
+        secondary: #4a00e0
+    )
+);
diff --git a/src/sass/main.scss b/src/sass/main.scss
index 044e167a82..bcee2222de 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -1,18 +1,18 @@
-@import "imports/functions";
-@import "imports/variables";
-@import "imports/reset";
-@import "imports/general";
-@import "imports/tables";
-@import "imports/forms";
-@import "imports/buttons";
-@import "imports/icons";
-@import "imports/helpers";
-@import "imports/animations";
-@import "imports/structure";
-@import "imports/header";
-@import "imports/posts";
-@import "imports/docs";
-@import "imports/sections";
-@import "imports/footer";
-@import "imports/palettes";
-//@import "imports/prism";
+@import 'imports/functions';
+@import 'imports/variables';
+@import 'imports/reset';
+@import 'imports/general';
+@import 'imports/tables';
+@import 'imports/forms';
+@import 'imports/buttons';
+@import 'imports/icons';
+@import 'imports/helpers';
+@import 'imports/animations';
+@import 'imports/structure';
+@import 'imports/header';
+@import 'imports/posts';
+@import 'imports/docs';
+@import 'imports/sections';
+@import 'imports/footer';
+@import 'imports/palettes';
+@import "imports/prism";