diff --git a/_includes/algolia.html b/_includes/algolia.html
deleted file mode 100644
index f7d37ba..0000000
--- a/_includes/algolia.html
+++ /dev/null
@@ -1,59 +0,0 @@
-<!--
-  file: algolia.html
-  sources: 
-    https://www.algolia.com/doc/onboarding/,
-    https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/#the-instantsearch-instance,
-    https://www.algolia.com/doc/guides/building-search-ui/getting-started/js/,
-    https://www.algolia.com/doc/guides/building-search-ui/installation/js/
-  TODO: Uplift Algolia functionality
--->
-
-<!-- https://www.algolia.com/doc/guides/building-search-ui/installation/js/ -->
-
-<script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.23.3/dist/algoliasearch-lite.umd.js" integrity="sha256-1QNshz86RqXe/qsCBldsUu13eAX6n/O98uubKQs87UI=" crossorigin="anonymous"></script>
-<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.68.1/dist/instantsearch.production.min.js" integrity="sha256-AEialBwCKmHcqym8j00nCLu/FDy3530TKG9n6okJobM=" crossorigin="anonymous"></script>
-
-
-<script>
-const searchClient = algoliasearch('{{ site.algolia.application_id }}', '{{ site.algolia.search_only_api_key }}');
-
-const search = instantsearch({
-  indexName: '{{ site.algolia.index_name }}',
-  searchClient,
-  searchFunction(helper) {
-    const container = document.querySelector('#hits');
-    if (helper.state.query === '') {
-      container.style.display = 'none';
-      return;
-    }
-    container.style.display = 'block';
-    helper.search();
-  }
-});
-
-search.addWidgets([
-  instantsearch.widgets.searchBox({
-    container: '#searchbox',
-  }),
-
-  instantsearch.widgets.hits({
-    container: '#hits',
-    templates: {
-      item: function(hit) {
-        return `
-          <div>
-            <h2>${hit.title}</h2>
-            <p>${hit.content}</p>
-          </div>
-        `;
-      }
-    }
-  })
-]);
-
-search.start();
-
-</script>
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@8.1.0/themes/satellite-min.css" integrity="sha256-p/rGN4RGy6EDumyxF9t7LKxWGg6/MZfGhJM/asKkqvA=" crossorigin="anonymous">
-
diff --git a/_includes/branding.html b/_includes/branding.html
deleted file mode 100644
index dfa8b5a..0000000
--- a/_includes/branding.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<!-- 
-  file: banding.html
-  path: _includes/branding.html
-  inclues: none
-  description:  
--->
-<!-- Color Schema Override 
-    TODO: Add a poline plug-in to generate color scheme
-    https://meodai.github.io/poline/
-
-    primary: #a11111
-    main: #007bff
-    secondary: #6c757d
-
-    ## Logo
-        Red - #a11111
-        Yellow - #ffe900
-        Teal - #376986
-        Blue - #007bff
- -->
-
-<!-- Title Section  -->
-
-<div class="navbar-brand">
-    <a class="nav-link" href="{{ site.logo_link}}{{ page.url }}">
-        <i class="d-sm-inline d-md-none {{ site.default_icon }} {{ site.default_icon }}-{{ site.title_icon | default: site.powered_by.default }}" aria-hidden="true"></i>
-        <!-- display name if there's enough space, else icon only -->
-        <span class="d-none d-md-inline"> 
-            {{ site.title | default: site.title }}
-        </span>
-</div>
-
-<div class="navbar-brand">
-    <!-- If a subtitle exsits -->
-    {%- if site.subtitle -%}
-    <a class="nav-link" href="http://localhost:{{ site.port }}{{ site.baseurl}}{{ page.url }}">
-        <i class="d-sm-inline d-md-none {{ site.default_icon }} {{ site.default_icon }}-{{ site.subtitle_icon | default: site.powered_by.default }}" aria-hidden="true"></i>
-        <span class="d-none d-md-inline"> 
-            {{ site.subtitle }}
-        </span>
-    </a>
-    {% endif %}
-</div>
\ No newline at end of file
diff --git a/_includes/breadcrumbs.html b/_includes/breadcrumbs.html
deleted file mode 100644
index b343e94..0000000
--- a/_includes/breadcrumbs.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<!-- Breadcrumsbs
-  file: breadcrumbs.html
-  path: _includes/breadcrumbs.html
-  TODO: Update to be read by Google Search Console "https://developers.google.com/search/docs/appearance/structured-data/breadcrumb"
- -->
-{% if page.url != "/" and site.breadcrumbs %}
-  {% unless paginator %}{% endunless %}
-  
-<nav class="breadcrumbs">
-  <ol itemscope itemtype="https://schema.org/BreadcrumbList">
-    <i class="bi bi-folder"></i>
-    {% assign crumbs = page.url | remove:'/index.html' | split: '/' %}
-    <a href="/">root</a>
-    {% for crumb in crumbs offset: 1 %}
-    {% if forloop.last %}
-    / {{ page.title }}
-    {% else %}
-    / <a href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' }}{% endfor %}">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</a>
-    {% endif %}
-    {% endfor %}
-  </ol>
-</nav>
-<!-- Secret Search bar  -->
-<!-- Hidden
-<form class="form-inline my-2 my-lg-0">
-  <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
-  <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
-</form> 
--->
-
-{% endif %}
\ No newline at end of file
diff --git a/_includes/dev-shortcuts.html b/_includes/dev-shortcuts.html
deleted file mode 100644
index a043e50..0000000
--- a/_includes/dev-shortcuts.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!--
-    Title: Dev Shortcuts
-    Description: This file contains the dev shortcuts for the site.
-    file: dev-shortcuts.html
-    variables: 
-        - site.repository
-        - site.default_icon
-        - site.collections_dir
-        - site.repository_name
-        - site.nav-file
-        - site.local_git_pc
-        - site.local_git_mac
-        - page.collection
-        - page_dir
-        - testvar
-    references:
-        - https://shopify.github.io/liquid/tags/variable/#capture
-        - https://getbootstrap.com/docs/5.3/components/collapse/
-    tutorial: 
-        - https://jekyllcodex.org/without-plugin/hidden-settings/
-        - https://jekyllcodex.org/without-plugin/hidden-settings/#collapse-feature
- -->
-
- <!-- TODO: Article about the collapse feature in Bootstrap https://getbootstrap.com/docs/5.3/components/collapse/--> 
- <!-- TODO: Write tutorial on creating this hidden settings feature -->
-
- <!-- Source Code Control Shortcuts - Page -->
- <div class="container text-center">
-
-    {% if page.collection %}
-        {% capture page_dir %}{{ site.collections_dir }}{% endcapture %}
-        {% assign testvar = "collection exists" %}
-    {% endif %}
-    
-    <!-- Source Code Control Shortcuts - Page -->
-        <a class="btn bg-primary" href="https://github.com/{{site.repository}}/blob/{{site.branch}}/{{ page_dir }}/{{page.path}}">
-            <i class="{{site.default_icon}} {{site.default_icon}}-github"></i>
-            <!-- https://icons.getbootstrap.com/icons/github/ -->
-        </a>
-        <a class="btn bg-primary" href="https://github.dev/{{site.repository}}/blob/{{site.branch}}/{{ page_dir }}/{{ page.path }}">
-            <i class="{{site.default_icon}} {{site.default_icon}}-cloud"></i>
-            <!-- https://icons.getbootstrap.com/icons/microsoft/ -->
-        </a>
-    
-    <!-- Source Code Control Shortcuts - Site and Nav -->
-    
-        <a class="btn bg-primary" href="vscode://file{{ site.local_git}}/{{ site.repository_name }}/{{ page_dir }}/{{ page.path }}">
-            <i class="{{site.default_icon}} {{site.default_icon}}-code"></i>
-        </a>
-
-        <!-- site config -->
-        <a class="btn bg-primary" href="https://github.com/{{site.repository}}/blob/{{site.branch}}/_config.yml">
-            <i class="bi bi-gear"></i>
-            <!-- https://icons.getbootstrap.com/icons/gear/ -->
-        </a>
-
-</div>
diff --git a/_includes/docs_variables_table.html b/_includes/docs_variables_table.html
deleted file mode 100644
index 5e8717f..0000000
--- a/_includes/docs_variables_table.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<div class="mobile-side-scroller">
-    <table>
-      <thead>
-        <tr>
-          <th>Variable</th>
-          <th>Description</th>
-        </tr>
-      </thead>
-      <tbody>
-      {% for var in include.scope -%}
-        <tr>
-          <td><p><code>{{ var.name }}</code></p></td>
-          <td><p>{{- var.description -}}</p></td>
-        </tr>
-      {% endfor -%}
-      </tbody>
-    </table>
-    </div>
\ No newline at end of file
diff --git a/_includes/docs_version_badge.html b/_includes/docs_version_badge.html
deleted file mode 100644
index 1442d74..0000000
--- a/_includes/docs_version_badge.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="version-badge" title="This feature is available starting version {{ include.version }}">{{ include.version }}</span>
\ No newline at end of file
diff --git a/_includes/footer.html b/_includes/footer.html
deleted file mode 100644
index 7963370..0000000
--- a/_includes/footer.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!--
-  file: footer.html
-  path: _includes/footer.html
-  includes: none
-  descrition: Social Links and Branding
--->
-
-<footer class="bd-footer container-xl d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
-  <div class="col-sm d-flex align-items-center">
-    
-    <!-- Frameworks/Engines and Affiliations -->
-    <ul class="nav col-sm justify-content-end list-unstyled d-flex align-items-center">
-
-      <!-- Search for Site Frameworks in config file -->
-      <span class="align-self">
-        &copy; {{ site.time | date: '%Y' }} {{ site.name | default: site.title }}. Powered by: 
-      </span>
-      {% for power in site.powered_by %}
-      <li class="btn ">
-        <a href="{{ power.url }}" rel="nofollow">
-          <i class="{{ site.default_icon }} {{ power.icon | default: site.powered_by.default }}" aria-hidden="true"></i>
-        <!-- display name if there's enough space, else icon only -->
-          <span class="d-none d-md-inline"> 
-            {{ power.name }}
-          </span>
-        </a>
-        </li>
-        {% endfor %}
-        
-      <!-- Search for Site Affiliation links in config file -->
-      {% for link in site.links %}
-      <li class="btn ">
-        <a href="{{ link.url }}" rel="nofollow">
-          <i class="{{ site.default_icon }} {{ link.icon | default: site.links.default }}" aria-hidden="true"></i>
-        <!-- display name if there's enough space, else icon only -->
-          <span class="d-none d-md-inline"> 
-            {{ link.label }}
-          </span>
-        </a>
-        </li>
-      {% endfor %}
-      
-      <!-- RSS Feed -->
-      <li class="btn">
-        <a href="{{ '/feed.xml' | relative_url }}">
-          <i class="{{ site.default_icon }} bi-rss" aria-hidden="true"></i>
-          <!-- https://icons.getbootstrap.com/icons/rss/ -->
-          <span class="d-none d-md-inline">
-            {{ site.data.ui-text[site.locale].feed_label | default: "Feed" }}
-          </span>
-        </a>
-      </li>
-    </ul>
-
-  </div>
-</footer>
-
diff --git a/_includes/giscus.html b/_includes/giscus.html
deleted file mode 100644
index 6d3f0c2..0000000
--- a/_includes/giscus.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<!-- giscus app - https://giscus.app/ - Feature # FR000001 -->
-
-<script src="https://giscus.app/client.js"
-        data-repo="{{ site.repository }}"
-        data-repo-id="{{ site.gisgus.data-repo-id }}"
-        data-category-id="{{ site.gisgus.data-category-id }}"
-        data-mapping="pathname"
-        data-strict="1"
-        data-reactions-enabled="1"
-        data-emit-metadata="0"
-        data-input-position="top"
-        data-theme="preferred_color_scheme"
-        data-lang="en"
-        crossorigin="anonymous"
-        async>
-</script>
\ No newline at end of file
diff --git a/_includes/google-analytics.html b/_includes/google-analytics.html
deleted file mode 100644
index 575c731..0000000
--- a/_includes/google-analytics.html
+++ /dev/null
@@ -1,9 +0,0 @@
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
-    <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-
-    gtag('config', '{{ site.google_analytics }}');
-    </script>
\ No newline at end of file
diff --git a/_includes/google-tag-manager-body.html b/_includes/google-tag-manager-body.html
deleted file mode 100644
index 533df2f..0000000
--- a/_includes/google-tag-manager-body.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<!-- Google Tag Manager (noscript) -->
-    <noscript>
-        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NN8P7RZ" 
-                height="0" width="0" style="display:none;visibility:hidden">
-        </iframe>
-    </noscript>
-<!-- End Google Tag Manager (noscript) -->
-<!-- source https://tagmanager.google.com/#/admin/accounts/6005859084/containers/58386588/install?containerDraftId=2 -->
\ No newline at end of file
diff --git a/_includes/google-tag-manager-head.html b/_includes/google-tag-manager-head.html
deleted file mode 100644
index fa089e2..0000000
--- a/_includes/google-tag-manager-head.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!-- 
-  title: Google Tag Manager 
-  file: 
--->
-<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=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','GTM-NN8P7RZ');</script>
-    <!-- End Google Tag Manager -->
\ No newline at end of file
diff --git a/_includes/halfmoon.html b/_includes/halfmoon.html
deleted file mode 100644
index 49d3939..0000000
--- a/_includes/halfmoon.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!-- 
-  file: halfmoon.html
-  path: _includes/halfmoon.html
-  description: This is the snippet for the dark mode switch.
- -->
-
- <div class="justify-content-end">
-  <i class="btn dropdown-toggle" id="bd-theme" type="button" aria-expanded="true" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle theme (dark)">
-    <i class="bi bi-circle-half theme-icon-active"><use href="#moon-stars-fill"></use></i>
-    <span class="d-none ms-2" id="bd-theme-text">Toggle theme</span>
-  </i>
-  <ul class="dropdown-menu" aria-labelledby="bd-theme-text" data-bs-popper="static">
-    <li>
-      <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-        <svg class="bi me-2 opacity-50"><use href="#sun-fill"></use></svg>
-        Light
-        <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
-      </button>
-    </li>
-    <li>
-      <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="dark" aria-pressed="true">
-        <svg class="bi me-2 opacity-50"><use href="#moon-stars-fill"></use></svg>
-        Dark
-        <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
-      </button>
-    </li>
-    <li>
-      <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto" aria-pressed="false">
-        <svg class="bi me-2 opacity-50"><use href="#circle-half"></use></svg>
-        Auto
-        <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
-      </button>
-    </li>
-  </ul>
-</div>
\ No newline at end of file
diff --git a/_includes/head.html b/_includes/head.html
deleted file mode 100644
index 4aff950..0000000
--- a/_includes/head.html
+++ /dev/null
@@ -1,96 +0,0 @@
-<!-- 
-  file: head.html
-  path: includes/head.html
-  includes: seo.html, google-analytics.html
-  description: Head section of the HTML document
-
--->
-
-<!-- Google Tag Manager - Head -->
-
-{% include google-tag-manager-head.html %}
-
-<!-- Custom JS Scripts -->
-<script src="/assets/js/myScript.js"></script>
-<script src="/assets/js/auto-hide-nav.js"></script>
-<script src="/assets/js/back-to-top.js"></script>
-<script src="/assets/js/halfmoon.js"></script>
-<script src="/assets/js/side-bar-folders.js"></script>
-<script src="/assets/js/code-copy.js"></script>
-
-
-<!-- third party scripts -->
-
-    <!--  mermaid script -->
-    <!-- <script src="https://cdn.jsdelivr.net/npm/mermaid@8/dist/mermaid.min.js"></script>
-    <script >mermaid.initialize({ startOnLoad: true });</script> -->
-
-    <!-- Nano Bar -->
-    <script src="/assets/js/nanobar.min.js"></script>
-
-<!-- add dummy progress bar -->
-<script>
-    var options = {
-      classname: 'nanobar',
-      id: 'top-progress-bar'
-    };
-    var nanobar = new Nanobar(options);
-    nanobar.go( 30 );
-    nanobar.go( 76 );
-    nanobar.go(100);
-  </script>
-
-    <!-- MathJax for LaTex -->
-    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
-
-<!-- Meta -->
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-<!-- includes/seo.html -->
-{% include seo.html %}
-
-<!-- SEO  https://analytics.google.com/ -->
-
-    <!-- Meta data attributes -->
-    {% if page.title %}
-        <meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">
-    {% endif %}
-    {% if page.description %}
-        <meta itemprop="description" content="{{ page.description | markdownify | strip_html | strip_newlines | escape_once }}">
-    {% elsif page.excerpt %}
-        <meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once}} ">
-    {% endif %}
-    {% if page.date %}
-        <meta itemprop="datePublished" content="{{ page.date | date_to_xmlschema }}">
-    {% endif %}
-    {% if page.last_modified_at %}
-        <meta itemprop="dateModified" content="{{ page.lastmod | date_to_xmlschema }}">
-    {% endif %}
-
-    <!-- Google Analytics  -->
-    {% include google-analytics.html %}
-
-
-<!-- Styles -->    
-
-    <!-- CDN Styles -->
-        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-
-    <!-- Local Install -->
-        <!-- <script src="/assets/js/bootstrap.js"></script> -->
-
-    <!-- Tailwind CDN -->
-    <!-- TODO: Add tailwind -->
-    <!-- <script src="https://cdn.tailwindcss.com"></script> -->
-
-    <!-- Bootstrap Icons  -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
-
-    <!-- Custom Styles -->
-    <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
-    <!-- Custom CSS -->
-    <link rel="stylesheet" href="/assets/css/custom.css">
-    <!-- TODO: Replace this css with a compiled sass. currently, when docs.scss is compiled to main.css, the scroll spy doesn't work -->
-    <!-- <link rel="stylesheet" href="/assets/css/docs.css"> -->
diff --git a/_includes/header.html b/_includes/header.html
deleted file mode 100644
index 7aae49d..0000000
--- a/_includes/header.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<!-- 
-  file: header.html
-  path: /_includes/header.html
-  includes:  branding.html, navbar.html, info-bar.html, halfmoon.html
-  TODO: Fix Nanobar progress bar
- -->
-
-<header id="navbar" class="container-fluid  text-center z-1" role="navigation">
-
-    <!-- Top Navigation Bar -->
-    <div class="navbar navbar-expand-lg bg-body-tertiary flex-nowrap justify-content-center bottom-shadow">
-       
-        <div class="nanobar" id="top-progress-bar" style="position: fixed;">
-            <div class="bar"></div>
-        </div>
-        <!-- Main Navbar -->
-        <nav class=" container-xl order-2 order-lg-1 grid gap-1">
-
-            <!-- Offcanvas button for left side bar in mobile view -->
-            <div class="bd-navbar-toggle ">
-                <button class="navbar-toggler p-2" 
-                        type="button" 
-                        data-bs-toggle="offcanvas" 
-                        data-bs-target="#bdSidebar" 
-                        aria-controls="bdSidebar" 
-                        aria-label="Toggle navigation">
-                <span class="bi bi-list"></span>
-                </button>
-            </div>
-
-            <!-- Home and Root Logo -->
-            <div class="container d-inline-flex text-center ">
-                <!-- Home Link -->
-                {%- for home in site.data.navigation.home -%}
-                <a class="btn " href="{{ home.url | relative_url }}">
-                    <i class="{{ site.default_icon}} {{ home.icon }}" ></i>
-                </a>
-                {% endfor %}
-                <!-- Brand Logo to root  -->
-                <!-- set the URL for the logo image in the _config file -->
-                {% capture logo_path %}{{ site.logo }}{% endcapture %}
-                <a class="navbar-brand" href="/">
-                    <img src="{{ logo_path | relative_url }}" alt="Logo" width="30" height="30">
-                </a>
-            </div>
-            <!-- include branding.html --> 
-                {% include branding.html %}
-    
-                <!-- include navbar.html -->
-                {% include navbar.html %}
-
-            <!-- Settings modal button -->
-            <div 
-                class="btn"
-                data-bs-toggle="modal" 
-                data-bs-target="#info-section" 
-                aria-expanded="false" 
-                aria-controls="#info-section"
-                role="button"  >
-                <i 
-                    type="button" 
-                    class="{{site.default_icon}} bi-gear">
-                </i>
-            </div>
-
-            <!-- Offcanvas button for nav links -->
-            <div class="bd-navbar-toggle ">
-                <button class="navbar-toggler p-2" 
-                        type="button" 
-                        data-bs-toggle="offcanvas" 
-                        data-bs-target="#bdNavbar" 
-                        aria-controls="bdNavbar" 
-                        aria-label="Toggle navigation">
-                        <span class="bi bi-three-dots"></span>
-                </button>
-            </div>
-        </nav>
-    </div>
-</header>
\ No newline at end of file
diff --git a/_includes/info-section.html b/_includes/info-section.html
deleted file mode 100644
index 7ed1f3a..0000000
--- a/_includes/info-section.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!--
-  file: info-section.html
-  path: _includes/info-section.html
-  includes: breadcrumbs.html, searchbar.html, dev-shortcuts.html
-  references: 
-    - https://getbootstrap.com/docs/5.3/components/modal/
- -->
-
-    <!-- Modal -->
-    <div class="modal fade" id="info-section" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
-        <div class="modal-dialog">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h1 class="modal-title fs-5" id="staticBackdropLabel">Information Highway</h1>
-                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                </div>
-                <div class="modal-body">
-                    
-                    <!-- _include/breadcrumbs.html -->
-                {% include breadcrumbs.html %}
-                {% include searchbar.html %}
-                {% include dev-shortcuts.html %}
-                <!-- Dark Mode Switch -->
-                {% include halfmoon.html %}
-
-        </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-          <button type="button" class="btn btn-primary">Understood</button>
-        </div>
-      </div>
-    </div>
-  </div>
\ No newline at end of file
diff --git a/_includes/intro.html b/_includes/intro.html
deleted file mode 100644
index 40bebee..0000000
--- a/_includes/intro.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!-- 
-  file: _intro.html
-  description: This is the intro section of the blog post. It includes the title, author, and excerpt of the post.
-  path: _includes/intro.html
- -->
-
- {% if page.collection %}
- {% capture page_dir %}{{ site.collections_dir }}{% endcapture %}
- {% assign testvar = "collection exists" %}
-{% endif %}
-
-<!-- Intro Section -->
-
-<div class="bd-intro pt-5 ps-lg-2 position-relative" style="
-  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ page.preview | default: site.info_banner }}') no-repeat center center / cover;
-  color: #fff;">
-  <br>
-  <h1>{{ page.title }}</h1>
-  <p>By {{ page.author | default: site.author.name }}</p>
-  <p>{{ page.excerpt }}</p>
-  <p>Estimated reading time: {{ content | number_of_words | divided_by:200 }} minutes</p>
-  <!-- Edit on Github Button -->
-  <a href="https://github.com/{{ site.repository }}/blob/master/{{ page_dir }}/{{ page.path }}" class="btn btn-dark position-absolute bottom-0 end-0 m-3">
-    <i class="bi bi-github"></i>
-    <span class="d-none d-sm-inline">Edit on Github</span>
-  </a>
-</div>
\ No newline at end of file
diff --git a/_includes/js-cdn.html b/_includes/js-cdn.html
deleted file mode 100644
index 2796bee..0000000
--- a/_includes/js-cdn.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!-- 
-    Javascript CDN
-    sources:
-    - Bootstrap 4.0.0
-    - jQuery 3.2.1
-    - Popper.js 1.12.9
-  sources: https://getbootstrap.com/docs/5.3/getting-started/contents/#css-files
- -->
-
- <!-- Jquery -->
-<!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> -->
-<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
-
-
-<!-- bootstrap js -->
-<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> -->
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-
-<!-- Popper -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
-<!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> -->
-
-<!-- TODO: Install local bootstrap -->
-<!-- <script src="/assets/js/bootstrap.js"></script> -->
\ No newline at end of file
diff --git a/_includes/nav_list.html b/_includes/nav_list.html
deleted file mode 100644
index 02c4343..0000000
--- a/_includes/nav_list.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<!--
-  file: nav_list.html
-  path: /_includes/nav_list.html
-  includes:
--->
-
-<!-- Navigation List -->
-
-{% assign navigation = site.data.navigation[include.nav] %}
-
-  <!-- Navigation Title -->
-  {% for nav in navigation %}
-    {% if nav.nav-title %}
-      <h3 class="nav__title" style="padding-left: 0;">{{ nav.nav-title }}</h3>
-    {% endif %}
-  {% endfor %}
-
-
-  
-  <ul class="list-unstyled fw-normal pb-2 small">
-  <!-- Accordion Nav List -->
-  {% for nav in navigation %}
-      <!-- Nav Title Only Link -->
-      {% if nav.sublinks == null and nav.title%}
-      <li class="mb-1">
-        <a href="{{ nav.url | relative_url }}" class="active d-inline-flex align-items-center rounded">
-          <span class="">{{ nav.title }}</span>
-        </a>
-      </li>
-      {% endif %}
-
-      {% if nav.sublinks %}
-        <li class="mb-1">
-          <strong class="d-flex w-100 align-items-center fw-semibold collapsed"
-          data-bs-toggle="collapse" 
-          data-bs-target="#{{ nav.title }}-collapse" 
-          aria-expanded="true" 
-          aria-current="true">
-            {{ nav.title }}
-          </strong>
-          <!-- <button class="btn d-inline-flex align-items-center rounded collapsed" 
-                  data-bs-toggle="collapse" 
-                  data-bs-target="#{{ nav.title }}-collapse" 
-                  aria-expanded="true" 
-                  aria-current="true">
-            {{ nav.title }}
-          </button> -->
-          <div class="collapse show" id="{{ nav.title }}-collapse" style="">
-            <ul class="list-unstyled fw-normal pb-1 small">
-              {% for child in nav.sublinks %}
-                <li>
-                  <a href="{{ child.url | relative_url }}"
-                    {% if child.url == page.url %} class="active d-inline-flex align-items-center rounded"{% endif %}
-                      >{{ child.title }}
-                  </a>
-                </li>
-              {% endfor %}
-            </ul>
-          </div>
-        {% endif %}
-      </li>
-    {% endfor %}
-  </ul>
diff --git a/_includes/navbar.html b/_includes/navbar.html
deleted file mode 100644
index 3ec0673..0000000
--- a/_includes/navbar.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<!-- 
-  file: navbar.html
-  path: /includes/navbar.html
-  includes: 
- -->
-
-<!-- Navigation Links - Offcanvas -->
-<div class="offcanvas offcanvas-end col-lg-2" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbar"> 
-
-<!-- Main Navigation Header - Offcanvas -->
-    <div class="offcanvas-header border-bottom">
-        <h5 class="offcanvas-title" id="mainNavOffcanvasLabel">Main Navigation</h5>
-        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
-    </div>
-
-<!-- Main Navigation List - Offcanvas  -->
-<ul class="navbar-nav offcanvas-body justify-content-lg-center text-start" >
-    {%- for link in site.data.navigation.main -%}
-        <div class="btn-group">
-            <a href="{{ link.url | relative_url }}" class=" nav-link">{{ link.title }}</a>
-            {% if link.sublinks %}
-                <button type="button" class="nav-link dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
-                    <span class="visually-hidden">Toggle Dropdown</span>
-                </button>
-                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-                    {%- for sublink in link.sublinks -%}
-                        <a class="dropdown-item" href="{{ sublink.url | relative_url }}">{{ sublink.title }}</a> 
-                    {%- endfor -%}
-                </div>
-            {% endif %}
-        </div>
-    {% endfor %}
-</ul>
-</div>
\ No newline at end of file
diff --git a/_includes/powered-by.html b/_includes/powered-by.html
deleted file mode 100644
index 32ea64c..0000000
--- a/_includes/powered-by.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!-- 
-  file: powered-by.html
-  path:_includes/powered-by.html
-  description: This file is used to display the powered by section on the home page.
- -->
-
-<div class="row row-cols-1 row-cols-md-3 g-4">
-  {% for power in site.powered_by %}
-  <div class="col">
-    <div class="card h-100">
-      <div class="card-body d-flex align-items-start">
-        <div>
-          <h5 class="card-title">{{ power.name }}</h5>
-          <p class="card-text">Version: {{ power.version }}</p>
-          <a href="{{ power.url }}" class="btn btn-primary" rel="nofollow">Go to site</a>
-        </div>
-        <i class="{{ power.icon }} fs-1 ms-auto"></i>
-      </div>
-    </div>
-  </div>
-  {% endfor %}
-</div>
\ No newline at end of file
diff --git a/_includes/quick-index.html b/_includes/quick-index.html
deleted file mode 100644
index b906dc4..0000000
--- a/_includes/quick-index.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!-- Quick index of pages in the collection -->
-{% if site.collections.pages %}
-<ul>
-  <p>Quick Index</p>
-  {% for note in site.collections.pages %}
-  {% if note.collection == page.collection %}
-  <li class="active mb-1 list-unstyled"><a href="{{ note.url | relative_url }}">{{ note.title }}</a></li>
-  {% endif %}
-  {% endfor %}
-</ul>
-{% endif %}
-
-<!-- Post Categories -->
-{% if page.sidebar == "searchCats" %}
-<div id="categories">
-</div>
-{% endif %}
\ No newline at end of file
diff --git a/_includes/searchbar.html b/_includes/searchbar.html
deleted file mode 100644
index d5a1c06..0000000
--- a/_includes/searchbar.html
+++ /dev/null
@@ -1,10 +0,0 @@
-
-<!-- 
-  title: Algolia Searchbar and hits 
-  source: https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/
-  
--->
-<div class="container order-1">
-    <div id="searchbox" class=""   ></div>
-    <div id="hits" class="text-start"></div>
-</div> 
\ No newline at end of file
diff --git a/_includes/seo.html b/_includes/seo.html
deleted file mode 100644
index 867aa61..0000000
--- a/_includes/seo.html
+++ /dev/null
@@ -1,131 +0,0 @@
-<!-- 
-  file: seo.html
-  path: _includes/seo.html
-  includes: none
-  description: SEO meta tags for the site
-  purpose: This file is used to generate the SEO meta tags for the site. It is included in the head section of the HTML document. 
--->
-
-<!--  -->
-
-{%- assign seo_url = site.url | append: site.baseurl -%}
-{%- assign canonical_url = site.url %}
-{%- assign seo_title = page.title | default: site.title | append: " " | append: title_separator | append: " " | append: site.title -%}
-{% assign title_separator = site.title_separator | default: '-' %}
-{%- assign seo_description = page.description | default: site.description -%}
-
-{%- assign author = page.author | default: site.author -%}
-
-<!-- TODO: build author data set for SEO -->
-
-{%- assign author_twitter = site.author.twitter_username %}
-
-{%- assign page_large_image = page.header.og_image | default: page.header.overlay_image | default: page.header.image | absolute_url -%}
-{%- assign page_large_image = page_large_image | escape -%}
-
-{%- assign page_teaser_image = page.preview | default: site.og_image -%}
-{%- assign page_teaser_image = {{ site.public_folder }}/page_teaser_image | escape -%}
-
-{%- assign site_og_image = site.og_image | absolute_url -%}
-{%- assign site_og_image = site_og_image | escape -%}
-
-{%- if page.date -%}
-  {%- assign og_type = "article" -%}
-{%- else -%}
-  {%- assign og_type = "website" -%}
-{%- endif -%}
-
-<title>{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ title_separator }} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}{% endif %}</title>
-<meta name="description" content="{{ seo_description }}">
-<meta name="author" content="{{ author.name | default: author }}">
-
-{% if og_type == "article" %}
-<meta property="article:author" content="{{ author.name | default: author }}">
-{% endif %}
-
-<meta property="og:type" content="{{ og_type }}">
-<meta property="og:locale" content="{{ site.locale | replace: "-", "_" | default: "en_US" }}">
-<meta property="og:site_name" content="{{ site.title }}">
-<meta property="og:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
-<meta property="og:url" content="{{ canonical_url }}">
-
-<meta property="og:description" content="{{ seo_description }}">
-
-
-{% if page_large_image %}
-  <meta property="og:image" content="{{ page_large_image }}">
-{% elsif page_teaser_image %}
-  <meta property="og:image" content="{{ page_teaser_image }}">
-{% endif %}
-
-{% if site.twitter.username %}
-  <meta name="twitter:site" content="@{{ site.twitter.username | replace: "@", "" }}">
-  <meta name="twitter:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
-  <meta name="twitter:description" content="{{ seo_description }}">
-  <meta name="twitter:url" content="{{ canonical_url }}">
-
-  {% if page_large_image %}
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="{{ page_large_image }}">
-  {% else %}
-    <meta name="twitter:card" content="summary">
-    {% if page_teaser_image %}
-      <meta name="twitter:image" content="{{ page_teaser_image }}">
-    {% endif %}
-  {% endif %}
-
-  {% if author_twitter %}
-    <meta name="twitter:creator" content="@{{ author_twitter }}">
-  {% endif %}
-{% endif %}
-
-<meta property="article:published_time" content="{{ page.date | default: page.lastmod | date_to_xmlschema }}">
-
-{% if og_type == "article" and page.last_modified_at %}
-  <meta property="article:modified_time" content="{{ page.last_modified_at | date_to_xmlschema }}">
-{% endif %}
-
-{% if site.facebook %}
-  {% if site.facebook.publisher %}
-    <meta property="article:publisher" content="{{ site.facebook.publisher }}">
-  {% endif %}
-
-  {% if site.facebook.app_id %}
-    <meta property="fb:app_id" content="{{ site.facebook.app_id }}">
-  {% endif %}
-{% endif %}
-
-<link rel="canonical" href="{{ canonical_url }}">
-
-{% if paginator.previous_page %}
-  <link rel="prev" href="{{ paginator.previous_page_path | absolute_url }}">
-{% endif %}
-{% if paginator.next_page %}
-  <link rel="next" href="{{ paginator.next_page_path | absolute_url }}">
-{% endif %}
-
-<script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    {% if site.social.type == "Organization" %}
-      "@type": "Organization",
-      "url": {{ '/' | absolute_url | jsonify }}{% if site.og_image %},
-      "logo": {{ site_og_image | jsonify }}{% endif %}
-    {% else %}
-      "@type": "Person",
-      "name": {{ site.social.name | default: site.name | jsonify }},
-      "url": {{ '/' | absolute_url |jsonify }}{% if site.social.links %},
-      "sameAs": {{ site.social.links | jsonify }}{% endif %}
-    {% endif %}
-  }
-</script>
-
-<!-- Site verification -->
-
-  <meta name="google-site-verification" content="{{ site.google_site_verification }}" />
-  <meta name="msvalidate.01" content="{{ site.bing_site_verification }}">
-  <meta name="alexaVerifyID" content="{{ site.alexa_site_verification }}">
-  <meta name="yandex-verification" content="{{ site.yandex_site_verification }}">
-  <meta name="naver-site-verification" content="{{ site.naver_site_verification }}">
-  <meta name="baidu-site-verification" content="{{ site.baidu_site_verification }}">
-<!-- end _includes/seo.html -->
diff --git a/_includes/sidebar-categories.html b/_includes/sidebar-categories.html
deleted file mode 100644
index 4fdebd9..0000000
--- a/_includes/sidebar-categories.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<!-- sidebar-categories.html -->
-<div class="d-flex flex-column flex-shrink-0" style="width: 280px;">
-    <a href="/" class="d-flex align-items-center text-decoration-none">
-        <span class="fs-4">Categories</span>
-    </a>
-    <hr>
-    {% for category in site.categories %}
-        <div class="">
-            <button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#{{category[0]}}-list" aria-expanded="false">
-                {{ category[0] }}
-            </button>
-            <div class="collapse" id="{{category[0]}}-list">
-                <ul class="btn-toggle-nav list-unstyled fw-normal small">
-                    {% for post in category[1] %}
-                        <li class="link-light"><a href="{{ post.url }}" class=" rounded">{{ post.title }}</a></li>
-                    {% endfor %}
-                </ul>
-            </div>
-        </div>
-    {% endfor %}
-</div>
\ No newline at end of file
diff --git a/_includes/sidebar-folders.html b/_includes/sidebar-folders.html
deleted file mode 100644
index d25f98d..0000000
--- a/_includes/sidebar-folders.html
+++ /dev/null
@@ -1,107 +0,0 @@
-<!-- 
-  file: sidebar-folders.html
-  title: Folder Structured Sidebar
- -->
-
- {% assign root_folder = site.collections | where: "label", page.collection | first %}
- <h2>{{ root_folder.label }}</h2>
- {% assign docs = root_folder.docs | sort: 'path' %}
- {% assign prev_path = "" %}
- <ul class="list-group list-group-flush">
- {% for doc in docs %}
-   {% assign current_path = doc.path | split: '/' | pop %}
-   {% if current_path != prev_path %}
-     {% for folder in current_path %}
-       {% if forloop.index != 1 %}
-         <li class="folder ">{{ folder }}</li>
-       {% endif %}
-     {% endfor %}
-     {% assign prev_path = current_path %}
-   {% endif %}
-   <li class="file list-group-item list-group-item-action"><a href="{{ doc.url }}">{{ doc.title }}</a></li>
- {% endfor %}
- </ul>
-
- <!-- {% assign collection = site.collections | where: "label", page.collection | first %}
-
- <div class="d-flex">
-    <ul class="list-group list-group-flush ">
-      {% assign folders = "" | split: '/' %}
-      {% for doc in collection.docs %}
-        {% assign doc_folders = doc.path | split: '/' %}
-        {% for doc_folder in doc_folders %}
-          {% unless folders contains doc_folder %}
-            {% assign folders = folders | push: doc_folder %}
-            <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0" data-bs-toggle="collapse" data-bs-target="#{{ doc_folder }}-collapse" aria-expanded="true">
-              {{ doc_folder }}
-            </button>
-            <div class="collapse show" id="{{ doc_folder }}-collapse" style="">
-              <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
-                {% for doc in collection.docs %}
-                  {% if doc.path contains doc_folder %}
-                    <li><a href="{{ doc.url }}" class="link-body-emphasis d-inline-flex text-decoration-none rounded">{{ doc.title }}</a></li>
-                  {% endif %}
-                {% endfor %}
-              </ul>
-            </div>
-          {% endunless %}
-        {% endfor %}
-      {% endfor %}
-    </ul>
-</div> -->
-
- 
-<!-- <ul class="list-unstyled ps-0">
-      <li class="mb-1">
-        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0" data-bs-toggle="collapse" data-bs-target="#home-collapse" aria-expanded="true">
-          Home
-        </button>
-        <div class="collapse show" id="home-collapse" style="">
-          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Overview</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Updates</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Reports</a></li>
-          </ul>
-        </div>
-      </li>
-      <li class="mb-1">
-        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#dashboard-collapse" aria-expanded="false">
-          Dashboard
-        </button>
-        <div class="collapse" id="dashboard-collapse" style="">
-          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Overview</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Weekly</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Monthly</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Annually</a></li>
-          </ul>
-        </div>
-      </li>
-      <li class="mb-1">
-        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#orders-collapse" aria-expanded="false">
-          Orders
-        </button>
-        <div class="collapse" id="orders-collapse" style="">
-          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">New</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Processed</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Shipped</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Returned</a></li>
-          </ul>
-        </div>
-      </li>
-      <li class="border-top my-3"></li>
-      <li class="mb-1">
-        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#account-collapse" aria-expanded="false">
-          Account
-        </button>
-        <div class="collapse" id="account-collapse">
-          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">New...</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Profile</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Settings</a></li>
-            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Sign out</a></li>
-          </ul>
-        </div>
-      </li>
-    </ul> -->
\ No newline at end of file
diff --git a/_includes/sidebar-left.html b/_includes/sidebar-left.html
deleted file mode 100644
index aaa12d5..0000000
--- a/_includes/sidebar-left.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!-- 
-  file: sidebar.html 
-  path: _includes/sidebar.html
-  includes: nav_list.html 
--->
-
-<!-- Sidebar Left Navigation - Offcanvas -->
-<div class="offcanvas-lg offcanvas-start" tabindex="-1" id="bdSidebar" aria-labelledby="bdSidebarOffcanvasLabel">
-
-  <!-- Sidebar Header - Offcanvas -->
-  <div class="offcanvas-header border-bottom">
-    <h5 class="offcanvas-title" id="bdSidebarOffcanvasLabel">Browse docs</h5>
-    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdSidebar"></button>
-  </div>
-
-  <!-- Left Sidebar Nav List - Offcanvas  -->
-  <div class="offcanvas-body overflow-auto">
-
-  <!-- Dynamic listing of pages in side bar -->
-
-  {% if page.sidebar.nav == "dynamic" %}
-  <div class="list-group" id="sidebar-content">
-    {% assign folders = site.pages | where_exp: "item", "item.path contains 'index.md'" | sort: 'path' %}
-    {% include sidebar-folders.html folders=folders %}
-  </div>
-
-  <!-- Dynamic listing of page categories in side bar -->
-  {% elsif page.sidebar.nav == "searchCats" %}
-  <div class="list-group" id="sidebar-content">
-    {% assign categories = site.categories | sort %}
-    {% include sidebar-categories.html categories=categories %}
-    
-    <!-- Manually defined navigation list in _data  -->
-    {% elsif page.sidebar.nav %}
-    <!-- Includes nav_list.html -->
-    <nav class="w-100">
-      {% include nav_list.html nav=page.sidebar.nav %}
-    </nav>
-  </div>
-  {% endif %}
-</div>
diff --git a/_includes/sidebar-right.html b/_includes/sidebar-right.html
deleted file mode 100644
index fb44cc2..0000000
--- a/_includes/sidebar-right.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<!-- 
-  file: sidebar-right.html 
-  path: _includes/sidebar-right.html
-  includes: nav_list.html, toc.html
--->
-
-<!-- TOC button in mobile view  -->
-<div class="d-flex justify-content-end position-fixed top-50 end-0 translate-middle-y me-3">
-
-  <button class="btn bg-opacity-2 bd-toc-toggle d-lg-none border z-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#tocContents" aria-controls="tocContents">
-    <i class="bi bi-list-ul"></i>
-  </button>
-</div>
-
-<!-- Right sidebar container -->
-<div class="offcanvas-lg offcanvas-end" tabindex="-1" id="tocContents" aria-labelledby="tocLabel">
-  <div class="offcanvas-header">
-    <h5 class="offcanvas-title" id="tocLabel">Table of Contents</h5>
-    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#tocContents"></button>
-  </div>
-  <div class="offcanvas-body">
-    <!-- Table of contents -->
-    <nav id="TableOfContents">
-      <!-- TOC tile -->
-      <div>
-        <strong>
-          <i class="fas fa-file-alt"></i>
-          On this page
-        </strong>
-      </div>
-
-    <!-- TOC list -->
-
-    <!-- TOC list -->
-      {% include toc.html sanitize=true html=content h_min=1 h_max=3 class="list-group-flush" item_class="list-group-item" anchor_class="" skip_no_ids=true %}
-    </nav>
-  </div>
-</div>
-  <!-- Back to Top -->
-  <div>
-    <button onclick="topFunction()" id="backToTopBtn" title="Go to top">
-      <span class="arrow">&uarr;</span>
-      <span class="text">Back to Top</span>
-    </button>
-  </div>
-
-  
\ No newline at end of file
diff --git a/_includes/sitemap.html b/_includes/sitemap.html
deleted file mode 100644
index 4c03aea..0000000
--- a/_includes/sitemap.html
+++ /dev/null
@@ -1,123 +0,0 @@
-<!-- 
-  file: sitemap.html
-  path: _includes/sitemap.html
-  description: This is the snippet for the sitemap page.
- -->
-
-<h1>Sitemap - Index</h1>
-
-<input type="text" id="searchBar" onkeyup="searchFunction()" placeholder="Search for keywords..">
-
-<div class="table-responsive">
-    <table class="table">
-        <thead>
-            <tr>
-                <th scope="col" data-type="string" data-order="desc">Collection <i class="sort-icon"></i></th>
-                <th scope="col" data-type="string" data-order="desc">Page <i class="sort-icon"></i></th>
-                <th scope="col" data-type="string" data-order="desc">Description<i class="sort-icon"></i></th>
-                <th scope="col" data-type="string" data-order="desc">Excerpt<i class="sort-icon"></i></th>
-                <th scope="col" data-type="string" data-order="desc">Path<i class="sort-icon"></i></th>
-                <th scope="col" data-type="date" data-order="desc">Last Modified Date <i class="sort-icon"></i></th>
-                <th scope="col" data-type="string" data-order="desc">Categories<i class="sort-icon"></i></th>
-                <th scope="col" data-type="string" data-order="desc">Tags<i class="sort-icon"></i></th>
-                <th scope="col" data-type="string" data-order="desc">Absolute URL<i class="sort-icon"></i></th>
-                <th scope="col" data-type="string" data-order="desc">Author <i class="sort-icon"></i></th>
-                
-            </tr>
-        </thead>
-        <tbody>
-            {% for collection in site.collections %}
-            {% for item in collection.docs %}
-            <tr>
-                <td>{{ collection.label }}</td>
-                <td>
-                    <a href="{{ item.url | relative_url }}">{{ item.title }}</a>
-                </td>
-                <td>{{ item.description }}</td>
-                <td>{{ item.excerpt }}</td>
-                <td>{{ item.path }}</td>
-                <td>{{ item.lastmod | date: "%Y/%m/%d" | default: "null" }}</td>
-                <td>{{ item.categories | join: ", " }}</td>
-                <td>{{ item.tags | join: ", " }}</td>
-                <td>
-                    <a href="{{ site.url }}{{ item.url }}">{{ site.url }}{{ item.url }}</a>
-                </td>
-                <td>{{ item.author }}</td>
-            </tr>
-            {% endfor %}
-            {% endfor %}
-        </tbody>
-    </table>
-</div>
-
-<!-- Sorting feature -->
-
-<script>
-    document.querySelectorAll('th').forEach(header => {
-        header.addEventListener('click', () => {
-            const tableElement = document.querySelector('table');
-            const headerIndex = Array.prototype.indexOf.call(header.parentNode.children, header);
-            const currentTbody = tableElement.querySelector('tbody');
-            const newTbody = currentTbody.cloneNode(true);
-            const rows = Array.from(newTbody.querySelectorAll('tr'));
-            const type = header.getAttribute('data-type');
-            const order = header.getAttribute('data-order');
-            const sortedRows = rows.sort((a, b) => {
-                const aValue = a.children[headerIndex].textContent;
-                const bValue = b.children[headerIndex].textContent;
-                if (type === 'date') {
-                    const aDate = aValue === "null" ? new Date(0) : new Date(...aValue.split('/').map((val, idx) => parseInt(val) - (idx === 1 ? 1 : 0))); // subtract 1 from month
-                    const bDate = bValue === "null" ? new Date(0) : new Date(...bValue.split('/').map((val, idx) => parseInt(val) - (idx === 1 ? 1 : 0))); // subtract 1 from month
-                    return order === 'asc' ? aDate - bDate : bDate - aDate;
-                }
-                return order === 'asc' ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);
-            });
-            sortedRows.forEach(row => newTbody.appendChild(row));
-            tableElement.replaceChild(newTbody, currentTbody);
-            header.setAttribute('data-order', order === 'asc' ? 'desc' : 'asc');
-            document.querySelectorAll('.sort-icon').forEach(icon => icon.className = 'sort-icon'); // clear all icons
-            header.querySelector('.sort-icon').className = order === 'asc' ? 'sort-icon bi bi-arrow-down' : 'sort-icon bi bi-arrow-up'; // set the icon for the sorted column
-
-        });
-    });
-    </script>
-
-<!-- searchbar script -->
-
-<script>
-function searchFunction() {
-    var input, filter, table, tr, td, i, j, txtValue;
-    input = document.getElementById("searchBar");
-    filter = input.value.toLowerCase();
-    table = document.getElementsByTagName("table");
-    tr = table[0].getElementsByTagName("tr");
-
-    for (i = 0; i < tr.length; i++) {
-        td = tr[i].getElementsByTagName("td");
-        for (j = 0; j < td.length; j++) {
-            if (td[j]) {
-                txtValue = td[j].textContent || td[j].innerText;
-                if (txtValue.toLowerCase().indexOf(filter) > -1) {
-                    tr[i].style.display = "";
-                    break;
-                } else {
-                    tr[i].style.display = "none";
-                }
-            }
-        }
-    }
-}
-</script>
-
-<script>
-    // Parse the URL query parameters
-    const urlParams = new URLSearchParams(window.location.search);
-    // Get the 'q' parameter
-    const searchQuery = urlParams.get('q');
-    // If a search query was provided, set it as the value of the search bar
-    if (searchQuery) {
-        document.getElementById('searchBar').value = searchQuery;
-        // Call the search function
-        searchFunction();
-    }
-</script>
\ No newline at end of file
diff --git a/_includes/style.html b/_includes/style.html
deleted file mode 100644
index 67580c6..0000000
--- a/_includes/style.html
+++ /dev/null
@@ -1,1574 +0,0 @@
-<!-- Style.html 
-     _includes/style.html 
--->
-
-<div class="bd-cheatsheet container-fluid">
-    <section id="content">
-      <h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">Contents</h2>
-      <article class="my-3" id="typography">
-          <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-            <h3>Typography</h3>
-            <a class="d-flex align-items-center" href="/docs/5.2/content/typography/">Documentation</a>
-          </div>
-          <div>
-            <div class="bd-example-snippet bd-code-snippet">
-                <p class="display-1">Display 1</p>
-                <p class="display-2">Display 2</p>
-                <p class="display-3">Display 3</p>
-                <p class="display-4">Display 4</p>
-                <p class="display-5">Display 5</p>
-                <p class="display-6">Display 6</p>
-            </div>
-            <div class="bd-example-snippet bd-code-snippet">
-              <p class="h1">Heading 1</p>
-              <p class="h2">Heading 2</p>
-              <p class="h3">Heading 3</p>
-              <p class="h4">Heading 4</p>
-              <p class="h5">Heading 5</p>
-              <p class="h6">Heading 6</p>
-            </div>
-            <div class="bd-example">
-              <p class="lead">
-                This is a lead paragraph. It stands out from regular paragraphs.
-              </p>
-              </div>
-            <div class="bd-example-snippet bd-code-snippet">
-              <div class="bd-example">
-                <p>You can use the mark tag to <mark>highlight</mark> text.</p>
-                <p><del>This line of text is meant to be treated as deleted text.</del></p>
-                <p><s>This line of text is meant to be treated as no longer accurate.</s></p>
-                <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
-                <p><u>This line of text will render as underlined.</u></p>
-                <p><small>This line of text is meant to be treated as fine print.</small></p>
-                <p><strong>This line rendered as bold text.</strong></p>
-                <p><em>This line rendered as italicized text.</em></p>
-              </div>
-            </div>
-            <div class="bd-example-snippet bd-code-snippet">
-              <div class="bd-example">
-                <hr>
-              </div>
-            </div>
-            <div class="bd-example-snippet bd-code-snippet">
-              <div class="bd-example">
-                <blockquote class="blockquote">
-                  <p>A well-known quote, contained in a blockquote element.</p>
-                  <footer class="blockquote-footer">Someone famous in
-                    <cite title="Source Title">Source Title</cite>
-                  </footer>
-                </blockquote>
-              </div>
-            </div>
-            <div class="bd-example-snippet bd-code-snippet">
-              <div class="bd-example">
-                <ul class="list-unstyled">
-                  <li>This is a list.</li>
-                  <li>It appears completely unstyled.</li>
-                  <li>Structurally, it's still a list.</li>
-                  <li>However, this style only applies to immediate child elements.</li>
-                  <li>Nested lists:
-                    <ul>
-                      <li>are unaffected by this style</li>
-                      <li>will still show a bullet</li>
-                      <li>and have appropriate left margin</li>
-                    </ul>
-                  </li>
-                  <li>This may still come in handy in some situations.</li>
-                </ul>
-              </div>
-            </div>
-            <div class="bd-example-snippet bd-code-snippet">
-              <div class="bd-example">
-                <ul class="list-inline">
-                  <li class="list-inline-item">This is a list item.</li>
-                  <li class="list-inline-item">And another one.</li>
-                  <li class="list-inline-item">But they're displayed inline.</li>
-                </ul>
-              </div>
-            </div>
-          </div>
-      </article>
-      <article class="my-3" id="images">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Images</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/content/images/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <svg class="bd-placeholder-img bd-placeholder-img-lg img-fluid" width="100%" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Responsive image" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"/><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Responsive image</text></svg>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <svg class="bd-placeholder-img img-thumbnail" width="200" height="200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera: 200x200" preserveAspectRatio="xMidYMid slice" focusable="false"><title>A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera</title><rect width="100%" height="100%" fill="#868e96"/><text x="50%" y="50%" fill="#dee2e6" dy=".3em">200x200</text></svg>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="tables">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Tables</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/content/tables/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <table class="table table-striped">
-            <thead>
-            <tr>
-              <th scope="col">#</th>
-              <th scope="col">First</th>
-              <th scope="col">Last</th>
-              <th scope="col">Handle</th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr>
-              <th scope="row">1</th>
-              <td>Mark</td>
-              <td>Otto</td>
-              <td>@mdo</td>
-            </tr>
-            <tr>
-              <th scope="row">2</th>
-              <td>Jacob</td>
-              <td>Thornton</td>
-              <td>@fat</td>
-            </tr>
-            <tr>
-              <th scope="row">3</th>
-              <td colspan="2">Larry the Bird</td>
-              <td>@twitter</td>
-            </tr>
-            </tbody>
-          </table>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <table class="table table-dark table-borderless">
-            <thead>
-            <tr>
-              <th scope="col">#</th>
-              <th scope="col">First</th>
-              <th scope="col">Last</th>
-              <th scope="col">Handle</th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr>
-              <th scope="row">1</th>
-              <td>Mark</td>
-              <td>Otto</td>
-              <td>@mdo</td>
-            </tr>
-            <tr>
-              <th scope="row">2</th>
-              <td>Jacob</td>
-              <td>Thornton</td>
-              <td>@fat</td>
-            </tr>
-            <tr>
-              <th scope="row">3</th>
-              <td colspan="2">Larry the Bird</td>
-              <td>@twitter</td>
-            </tr>
-            </tbody>
-          </table>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <table class="table table-hover">
-            <thead>
-            <tr>
-              <th scope="col">Class</th>
-              <th scope="col">Heading</th>
-              <th scope="col">Heading</th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr>
-              <th scope="row">Default</th>
-              <td>Cell</td>
-              <td>Cell</td>
-            </tr>
-            <tr class="table-primary">
-              <th scope="row">Primary</th>
-              <td>Cell</td>
-              <td>Cell</td>
-            </tr>
-            <tr class="table-secondary">
-              <th scope="row">Secondary</th>
-              <td>Cell</td>
-              <td>Cell</td>
-            </tr>
-            <tr class="table-success">
-              <th scope="row">Success</th>
-              <td>Cell</td>
-              <td>Cell</td>
-            </tr>
-            <tr class="table-danger">
-              <th scope="row">Danger</th>
-              <td>Cell</td>
-              <td>Cell</td>
-            </tr>
-            <tr class="table-warning">
-              <th scope="row">Warning</th>
-              <td>Cell</td>
-              <td>Cell</td>
-            </tr>
-            <tr class="table-info">
-              <th scope="row">Info</th>
-              <td>Cell</td>
-              <td>Cell</td>
-            </tr>
-            <tr class="table-light">
-              <th scope="row">Light</th>
-              <td>Cell</td>
-              <td>Cell</td>
-            </tr>
-            <tr class="table-dark">
-              <th scope="row">Dark</th>
-              <td>Cell</td>
-              <td>Cell</td>
-            </tr>
-            </tbody>
-          </table>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <table class="table table-sm table-bordered">
-            <thead>
-            <tr>
-              <th scope="col">#</th>
-              <th scope="col">First</th>
-              <th scope="col">Last</th>
-              <th scope="col">Handle</th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr>
-              <th scope="row">1</th>
-              <td>Mark</td>
-              <td>Otto</td>
-              <td>@mdo</td>
-            </tr>
-            <tr>
-              <th scope="row">2</th>
-              <td>Jacob</td>
-              <td>Thornton</td>
-              <td>@fat</td>
-            </tr>
-            <tr>
-              <th scope="row">3</th>
-              <td colspan="2">Larry the Bird</td>
-              <td>@twitter</td>
-            </tr>
-            </tbody>
-          </table>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="figures">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Figures</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/content/figures/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <figure class="figure">
-            <svg class="bd-placeholder-img figure-img img-fluid rounded" width="400" height="300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 400x300" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"/><text x="50%" y="50%" fill="#dee2e6" dy=".3em">400x300</text></svg>
-            <figcaption class="figure-caption">A caption for the above image.</figcaption>
-          </figure>
-          </div></div>
-        </div>
-      </article>
-    </section>
-    <section id="forms">
-      <h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">Forms</h2>
-      <article class="my-3" id="overview">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Overview</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/forms/overview/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <form>
-            <div class="mb-3">
-              <label for="exampleInputEmail1" class="form-label">Email address</label>
-              <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
-              <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
-            </div>
-            <div class="mb-3">
-              <label for="exampleInputPassword1" class="form-label">Password</label>
-              <input type="password" class="form-control" id="exampleInputPassword1">
-            </div>
-            <div class="mb-3 form-check">
-              <input type="checkbox" class="form-check-input" id="exampleCheck1">
-              <label class="form-check-label" for="exampleCheck1">Check me out</label>
-            </div>
-            <fieldset class="mb-3">
-              <legend>Radios buttons</legend>
-              <div class="form-check">
-                <input type="radio" name="radios" class="form-check-input" id="exampleRadio1">
-                <label class="form-check-label" for="exampleRadio1">Default radio</label>
-              </div>
-              <div class="mb-3 form-check">
-                <input type="radio" name="radios" class="form-check-input" id="exampleRadio2">
-                <label class="form-check-label" for="exampleRadio2">Another radio</label>
-              </div>
-            </fieldset>
-            <div class="mb-3">
-              <label class="form-label" for="customFile">Upload</label>
-              <input type="file" class="form-control" id="customFile">
-            </div>
-            <div class="mb-3 form-check form-switch">
-              <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
-              <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
-            </div>
-            <div class="mb-3">
-              <label for="customRange3" class="form-label">Example range</label>
-              <input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">
-            </div>
-            <button type="submit" class="btn btn-primary">Submit</button>
-          </form>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="disabled-forms">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Disabled forms</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/forms/overview/#disabled-forms">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <form>
-            <fieldset disabled aria-label="Disabled fieldset example">
-              <div class="mb-3">
-                <label for="disabledTextInput" class="form-label">Disabled input</label>
-                <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
-              </div>
-              <div class="mb-3">
-                <label for="disabledSelect" class="form-label">Disabled select menu</label>
-                <select id="disabledSelect" class="form-select">
-                  <option>Disabled select</option>
-                </select>
-              </div>
-              <div class="mb-3">
-                <div class="form-check">
-                  <input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled>
-                  <label class="form-check-label" for="disabledFieldsetCheck">
-                    Can't check this
-                  </label>
-                </div>
-              </div>
-              <fieldset class="mb-3">
-                <legend>Disabled radios buttons</legend>
-                <div class="form-check">
-                  <input type="radio" name="radios" class="form-check-input" id="disabledRadio1" disabled>
-                  <label class="form-check-label" for="disabledRadio1">Disabled radio</label>
-                </div>
-                <div class="mb-3 form-check">
-                  <input type="radio" name="radios" class="form-check-input" id="disabledRadio2" disabled>
-                  <label class="form-check-label" for="disabledRadio2">Another radio</label>
-                </div>
-              </fieldset>
-              <div class="mb-3">
-                <label class="form-label" for="disabledCustomFile">Upload</label>
-                <input type="file" class="form-control" id="disabledCustomFile" disabled>
-              </div>
-              <div class="mb-3 form-check form-switch">
-                <input class="form-check-input" type="checkbox" role="switch" id="disabledSwitchCheckChecked" checked disabled>
-                <label class="form-check-label" for="disabledSwitchCheckChecked">Disabled checked switch checkbox input</label>
-              </div>
-              <div class="mb-3">
-                <label for="disabledRange" class="form-label">Disabled range</label>
-                <input type="range" class="form-range" min="0" max="5" step="0.5" id="disabledRange">
-              </div>
-              <button type="submit" class="btn btn-primary">Submit</button>
-            </fieldset>
-          </form>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="sizing">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Sizing</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/forms/form-control/#sizing">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="mb-3">
-            <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" aria-label=".form-control-lg example">
-          </div>
-          <div class="mb-3">
-            <select class="form-select form-select-lg mb-3" aria-label=".form-select-lg example">
-              <option selected>Open this select menu</option>
-              <option value="1">One</option>
-              <option value="2">Two</option>
-              <option value="3">Three</option>
-            </select>
-          </div>
-          <div class="mb-3">
-            <input type="file" class="form-control form-control-lg" aria-label="Large file input example">
-          </div>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="mb-3">
-            <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" aria-label=".form-control-sm example">
-          </div>
-          <div class="mb-3">
-            <select class="form-select form-select-sm" aria-label=".form-select-sm example">
-              <option selected>Open this select menu</option>
-              <option value="1">One</option>
-              <option value="2">Two</option>
-              <option value="3">Three</option>
-            </select>
-          </div>
-          <div class="mb-3">
-            <input type="file" class="form-control form-control-sm" aria-label="Small file input example">
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="input-group">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Input group</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/forms/input-group/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="input-group mb-3">
-            <span class="input-group-text" id="basic-addon1">@</span>
-            <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
-          </div>
-          <div class="input-group mb-3">
-            <input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
-            <span class="input-group-text" id="basic-addon2">@example.com</span>
-          </div>
-          <label for="basic-url" class="form-label">Your vanity URL</label>
-          <div class="input-group mb-3">
-            <span class="input-group-text" id="basic-addon3">https://example.com/users/</span>
-            <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
-          </div>
-          <div class="input-group mb-3">
-            <span class="input-group-text">$</span>
-            <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
-            <span class="input-group-text">.00</span>
-          </div>
-          <div class="input-group">
-            <span class="input-group-text">With textarea</span>
-            <textarea class="form-control" aria-label="With textarea"></textarea>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="floating-labels">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Floating labels</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/forms/floating-labels/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <form>
-            <div class="form-floating mb-3">
-              <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
-              <label for="floatingInput">Email address</label>
-            </div>
-            <div class="form-floating">
-              <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
-              <label for="floatingPassword">Password</label>
-            </div>
-          </form>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="validation">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Validation</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/forms/validation/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <form class="row g-3">
-            <div class="col-md-4">
-              <label for="validationServer01" class="form-label">First name</label>
-              <input type="text" class="form-control is-valid" id="validationServer01" value="Mark" required>
-              <div class="valid-feedback">
-                Looks good!
-              </div>
-            </div>
-            <div class="col-md-4">
-              <label for="validationServer02" class="form-label">Last name</label>
-              <input type="text" class="form-control is-valid" id="validationServer02" value="Otto" required>
-              <div class="valid-feedback">
-                Looks good!
-              </div>
-            </div>
-            <div class="col-md-4">
-              <label for="validationServerUsername" class="form-label">Username</label>
-              <div class="input-group has-validation">
-                <span class="input-group-text" id="inputGroupPrepend3">@</span>
-                <input type="text" class="form-control is-invalid" id="validationServerUsername" aria-describedby="inputGroupPrepend3" required>
-                <div class="invalid-feedback">
-                  Please choose a username.
-                </div>
-              </div>
-            </div>
-            <div class="col-md-6">
-              <label for="validationServer03" class="form-label">City</label>
-              <input type="text" class="form-control is-invalid" id="validationServer03" required>
-              <div class="invalid-feedback">
-                Please provide a valid city.
-              </div>
-            </div>
-            <div class="col-md-3">
-              <label for="validationServer04" class="form-label">State</label>
-              <select class="form-select is-invalid" id="validationServer04" required>
-                <option selected disabled value="">Choose...</option>
-                <option>...</option>
-              </select>
-              <div class="invalid-feedback">
-                Please select a valid state.
-              </div>
-            </div>
-            <div class="col-md-3">
-              <label for="validationServer05" class="form-label">Zip</label>
-              <input type="text" class="form-control is-invalid" id="validationServer05" required>
-              <div class="invalid-feedback">
-                Please provide a valid zip.
-              </div>
-            </div>
-            <div class="col-12">
-              <div class="form-check">
-                <input class="form-check-input is-invalid" type="checkbox" value="" id="invalidCheck3" required>
-                <label class="form-check-label" for="invalidCheck3">
-                  Agree to terms and conditions
-                </label>
-                <div class="invalid-feedback">
-                  You must agree before submitting.
-                </div>
-              </div>
-            </div>
-            <div class="col-12">
-              <button class="btn btn-primary" type="submit">Submit form</button>
-            </div>
-          </form>
-          </div></div>
-        </div>
-      </article>
-    </section>
-    <section id="components">
-      <h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">Components</h2>
-      <article class="my-3" id="accordion">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Accordion</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/accordion/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="accordion" id="accordionExample">
-            <div class="accordion-item">
-              <h4 class="accordion-header" id="headingOne">
-                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
-                  Accordion Item #1
-                </button>
-              </h4>
-              <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
-                <div class="accordion-body">
-                  <strong>This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                </div>
-              </div>
-            </div>
-            <div class="accordion-item">
-              <h4 class="accordion-header" id="headingTwo">
-                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-                  Accordion Item #2
-                </button>
-              </h4>
-              <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
-                <div class="accordion-body">
-                  <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                </div>
-              </div>
-            </div>
-            <div class="accordion-item">
-              <h4 class="accordion-header" id="headingThree">
-                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
-                  Accordion Item #3
-                </button>
-              </h4>
-              <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
-                <div class="accordion-body">
-                  <strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                </div>
-              </div>
-            </div>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="alerts">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Alerts</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/alerts/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="alert alert-primary alert-dismissible fade show" role="alert">
-            A simple primary alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-          </div>
-          <div class="alert alert-secondary alert-dismissible fade show" role="alert">
-            A simple secondary alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-          </div>
-          <div class="alert alert-success alert-dismissible fade show" role="alert">
-            A simple success alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-          </div>
-          <div class="alert alert-danger alert-dismissible fade show" role="alert">
-            A simple danger alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-          </div>
-          <div class="alert alert-warning alert-dismissible fade show" role="alert">
-            A simple warning alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-          </div>
-          <div class="alert alert-info alert-dismissible fade show" role="alert">
-            A simple info alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-          </div>
-          <div class="alert alert-light alert-dismissible fade show" role="alert">
-            A simple light alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-          </div>
-          <div class="alert alert-dark alert-dismissible fade show" role="alert">
-            A simple dark alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-          </div>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="alert alert-success" role="alert">
-            <h4 class="alert-heading">Well done!</h4>
-            <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
-            <hr>
-            <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="badge">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Badge</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/badge/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <p class="h1">Example heading <span class="badge bg-primary">New</span></p>
-          <p class="h2">Example heading <span class="badge bg-secondary">New</span></p>
-          <p class="h3">Example heading <span class="badge bg-success">New</span></p>
-          <p class="h4">Example heading <span class="badge bg-danger">New</span></p>
-          <p class="h5">Example heading <span class="badge text-bg-warning">New</span></p>
-          <p class="h6">Example heading <span class="badge text-bg-info">New</span></p>
-          <p class="h6">Example heading <span class="badge text-bg-light">New</span></p>
-          <p class="h6">Example heading <span class="badge bg-dark">New</span></p>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <span class="badge rounded-pill bg-primary">Primary</span>
-          <span class="badge rounded-pill bg-secondary">Secondary</span>
-          <span class="badge rounded-pill bg-success">Success</span>
-          <span class="badge rounded-pill bg-danger">Danger</span>
-          <span class="badge rounded-pill text-bg-warning">Warning</span>
-          <span class="badge rounded-pill text-bg-info">Info</span>
-          <span class="badge rounded-pill text-bg-light">Light</span>
-          <span class="badge rounded-pill bg-dark">Dark</span>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="breadcrumb">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Breadcrumb</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/breadcrumb/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <nav aria-label="breadcrumb">
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item"><a href="#">Home</a></li>
-              <li class="breadcrumb-item"><a href="#">Library</a></li>
-              <li class="breadcrumb-item active" aria-current="page">Data</li>
-            </ol>
-          </nav>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="buttons">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Buttons</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/buttons/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <button type="button" class="btn btn-primary">Primary</button>
-          <button type="button" class="btn btn-secondary">Secondary</button>
-          <button type="button" class="btn btn-success">Success</button>
-          <button type="button" class="btn btn-danger">Danger</button>
-          <button type="button" class="btn btn-warning">Warning</button>
-          <button type="button" class="btn btn-info">Info</button>
-          <button type="button" class="btn btn-light">Light</button>
-          <button type="button" class="btn btn-dark">Dark</button>
-          <button type="button" class="btn btn-link">Link</button>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <button type="button" class="btn btn-outline-primary">Primary</button>
-          <button type="button" class="btn btn-outline-secondary">Secondary</button>
-          <button type="button" class="btn btn-outline-success">Success</button>
-          <button type="button" class="btn btn-outline-danger">Danger</button>
-          <button type="button" class="btn btn-outline-warning">Warning</button>
-          <button type="button" class="btn btn-outline-info">Info</button>
-          <button type="button" class="btn btn-outline-light">Light</button>
-          <button type="button" class="btn btn-outline-dark">Dark</button>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <button type="button" class="btn btn-primary btn-sm">Small button</button>
-          <button type="button" class="btn btn-primary">Standard button</button>
-          <button type="button" class="btn btn-primary btn-lg">Large button</button>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="button-group">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Button group</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/button-group/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
-            <div class="btn-group me-2" role="group" aria-label="First group">
-              <button type="button" class="btn btn-secondary">1</button>
-              <button type="button" class="btn btn-secondary">2</button>
-              <button type="button" class="btn btn-secondary">3</button>
-              <button type="button" class="btn btn-secondary">4</button>
-            </div>
-            <div class="btn-group me-2" role="group" aria-label="Second group">
-              <button type="button" class="btn btn-secondary">5</button>
-              <button type="button" class="btn btn-secondary">6</button>
-              <button type="button" class="btn btn-secondary">7</button>
-            </div>
-            <div class="btn-group" role="group" aria-label="Third group">
-              <button type="button" class="btn btn-secondary">8</button>
-            </div>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="card">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Card</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/card/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="row  row-cols-1 row-cols-md-2 g-4">
-            <div class="col">
-              <div class="card">
-                <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Image cap" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"/><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg>
-                <div class="card-body">
-                  <h5 class="card-title">Card title</h5>
-                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                  <a href="#" class="btn btn-primary">Go somewhere</a>
-                </div>
-              </div>
-            </div>
-            <div class="col">
-              <div class="card">
-                <div class="card-header">
-                  Featured
-                </div>
-                <div class="card-body">
-                  <h5 class="card-title">Card title</h5>
-                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                  <a href="#" class="btn btn-primary">Go somewhere</a>
-                </div>
-                <div class="card-footer text-muted">
-                  2 days ago
-                </div>
-              </div>
-            </div>
-            <div class="col">
-              <div class="card">
-                <div class="card-body">
-                  <h5 class="card-title">Card title</h5>
-                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                </div>
-                <ul class="list-group list-group-flush">
-                  <li class="list-group-item">An item</li>
-                  <li class="list-group-item">A second item</li>
-                  <li class="list-group-item">A third item</li>
-                </ul>
-                <div class="card-body">
-                  <a href="#" class="card-link">Card link</a>
-                  <a href="#" class="card-link">Another link</a>
-                </div>
-              </div>
-            </div>
-            <div class="col">
-              <div class="card">
-                <div class="row g-0">
-                  <div class="col-md-4">
-                    <svg class="bd-placeholder-img" width="100%" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Image" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"/><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image</text></svg>
-                  </div>
-                  <div class="col-md-8">
-                    <div class="card-body">
-                      <h5 class="card-title">Card title</h5>
-                      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
-                      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="carousel">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Carousel</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/carousel/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
-            <div class="carousel-indicators">
-              <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-              <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
-              <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
-            </div>
-            <div class="carousel-inner">
-              <div class="carousel-item active">
-                <svg class="bd-placeholder-img bd-placeholder-img-lg d-block w-100" width="800" height="400" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: First slide" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"/><text x="50%" y="50%" fill="#555" dy=".3em">First slide</text></svg>
-                <div class="carousel-caption d-none d-md-block">
-                  <h5>First slide label</h5>
-                  <p>Some representative placeholder content for the first slide.</p>
-                </div>
-              </div>
-              <div class="carousel-item">
-                <svg class="bd-placeholder-img bd-placeholder-img-lg d-block w-100" width="800" height="400" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Second slide" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#666"/><text x="50%" y="50%" fill="#444" dy=".3em">Second slide</text></svg>
-                <div class="carousel-caption d-none d-md-block">
-                  <h5>Second slide label</h5>
-                  <p>Some representative placeholder content for the second slide.</p>
-                </div>
-              </div>
-              <div class="carousel-item">
-                <svg class="bd-placeholder-img bd-placeholder-img-lg d-block w-100" width="800" height="400" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Third slide" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#555"/><text x="50%" y="50%" fill="#333" dy=".3em">Third slide</text></svg>
-                <div class="carousel-caption d-none d-md-block">
-                  <h5>Third slide label</h5>
-                  <p>Some representative placeholder content for the third slide.</p>
-                </div>
-              </div>
-            </div>
-            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"  data-bs-slide="prev">
-              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-              <span class="visually-hidden">Previous</span>
-            </button>
-            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"  data-bs-slide="next">
-              <span class="carousel-control-next-icon" aria-hidden="true"></span>
-              <span class="visually-hidden">Next</span>
-            </button>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="dropdowns">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Dropdowns</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/dropdowns/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="btn-group w-100 align-items-center justify-content-between flex-wrap">
-            <div class="dropdown">
-              <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Dropdown button
-              </button>
-              <ul class="dropdown-menu">
-                <li><h6 class="dropdown-header">Dropdown header</h6></li>
-                <li><a class="dropdown-item" href="#">Action</a></li>
-                <li><a class="dropdown-item" href="#">Another action</a></li>
-                <li><a class="dropdown-item" href="#">Something else here</a></li>
-                <li><hr class="dropdown-divider"></li>
-                <li><a class="dropdown-item" href="#">Separated link</a></li>
-              </ul>
-            </div>
-            <div class="dropdown">
-              <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Dropdown button
-              </button>
-              <ul class="dropdown-menu">
-                <li><h6 class="dropdown-header">Dropdown header</h6></li>
-                <li><a class="dropdown-item" href="#">Action</a></li>
-                <li><a class="dropdown-item" href="#">Another action</a></li>
-                <li><a class="dropdown-item" href="#">Something else here</a></li>
-                <li><hr class="dropdown-divider"></li>
-                <li><a class="dropdown-item" href="#">Separated link</a></li>
-              </ul>
-            </div>
-            <div class="dropdown">
-              <button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Dropdown button
-              </button>
-              <ul class="dropdown-menu">
-                <li><h6 class="dropdown-header">Dropdown header</h6></li>
-                <li><a class="dropdown-item" href="#">Action</a></li>
-                <li><a class="dropdown-item" href="#">Another action</a></li>
-                <li><a class="dropdown-item" href="#">Something else here</a></li>
-                <li><hr class="dropdown-divider"></li>
-                <li><a class="dropdown-item" href="#">Separated link</a></li>
-              </ul>
-            </div>
-          </div>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="btn-group">
-            <button type="button" class="btn btn-primary">Primary</button>
-            <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
-              <span class="visually-hidden">Toggle Dropdown</span>
-            </button>
-            <ul class="dropdown-menu">
-              <li><a class="dropdown-item" href="#">Action</a></li>
-              <li><a class="dropdown-item" href="#">Another action</a></li>
-              <li><a class="dropdown-item" href="#">Something else here</a></li>
-            </ul>
-          </div><!-- /btn-group -->
-          <div class="btn-group">
-            <button type="button" class="btn btn-secondary">Secondary</button>
-            <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
-              <span class="visually-hidden">Toggle Dropdown</span>
-            </button>
-            <ul class="dropdown-menu">
-              <li><a class="dropdown-item" href="#">Action</a></li>
-              <li><a class="dropdown-item" href="#">Another action</a></li>
-              <li><a class="dropdown-item" href="#">Something else here</a></li>
-            </ul>
-          </div><!-- /btn-group -->
-          <div class="btn-group">
-            <button type="button" class="btn btn-success">Success</button>
-            <button type="button" class="btn btn-success dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
-              <span class="visually-hidden">Toggle Dropdown</span>
-            </button>
-            <ul class="dropdown-menu">
-              <li><a class="dropdown-item" href="#">Action</a></li>
-              <li><a class="dropdown-item" href="#">Another action</a></li>
-              <li><a class="dropdown-item" href="#">Something else here</a></li>
-            </ul>
-          </div><!-- /btn-group -->example-divider
-          <div class="btn-group">
-            <button type="button" class="btn btn-info">Info</button>
-            <button type="button" class="btn btn-info dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
-              <span class="visually-hidden">Toggle Dropdown</span>
-            </button>
-            <ul class="dropdown-menu">
-              <li><a class="dropdown-item" href="#">Action</a></li>
-              <li><a class="dropdown-item" href="#">Another action</a></li>
-              <li><a class="dropdown-item" href="#">Something else here</a></li>
-            </ul>
-          </div><!-- /btn-group -->
-          <div class="btn-group">
-            <button type="button" class="btn btn-warning">Warning</button>
-            <button type="button" class="btn btn-warning dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
-              <span class="visually-hidden">Toggle Dropdown</span>
-            </button>
-            <ul class="dropdown-menu">
-              <li><a class="dropdown-item" href="#">Action</a></li>
-              <li><a class="dropdown-item" href="#">Another action</a></li>
-              <li><a class="dropdown-item" href="#">Something else here</a></li>
-            </ul>
-          </div><!-- /btn-group -->
-          <div class="btn-group">
-            <button type="button" class="btn btn-danger">Danger</button>
-            <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
-              <span class="visually-hidden">Toggle Dropdown</span>
-            </button>
-            <ul class="dropdown-menu">
-              <li><a class="dropdown-item" href="#">Action</a></li>
-              <li><a class="dropdown-item" href="#">Another action</a></li>
-              <li><a class="dropdown-item" href="#">Something else here</a></li>
-            </ul>
-          </div><!-- /btn-group -->
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="btn-group w-100 align-items-center justify-content-between flex-wrap">
-            <div class="dropend">
-              <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Dropend button
-              </button>
-              <ul class="dropdown-menu">
-                <li><h6 class="dropdown-header">Dropdown header</h6></li>
-                <li><a class="dropdown-item" href="#">Action</a></li>
-                <li><a class="dropdown-item" href="#">Another action</a></li>
-                <li><a class="dropdown-item" href="#">Something else here</a></li>
-                <li><hr class="dropdown-divider"></li>
-                <li><a class="dropdown-item" href="#">Separated link</a></li>
-              </ul>
-            </div>
-            <div class="dropup">
-              <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Dropup button
-              </button>
-              <ul class="dropdown-menu">
-                <li><h6 class="dropdown-header">Dropdown header</h6></li>
-                <li><a class="dropdown-item" href="#">Action</a></li>
-                <li><a class="dropdown-item" href="#">Another action</a></li>
-                <li><a class="dropdown-item" href="#">Something else here</a></li>
-                <li><hr class="dropdown-divider"></li>
-                <li><a class="dropdown-item" href="#">Separated link</a></li>
-              </ul>
-            </div>
-            <div class="dropstart">
-              <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Dropstart button
-              </button>
-              <ul class="dropdown-menu">
-                <li><h6 class="dropdown-header">Dropdown header</h6></li>
-                <li><a class="dropdown-item" href="#">Action</a></li>
-                <li><a class="dropdown-item" href="#">Another action</a></li>
-                <li><a class="dropdown-item" href="#">Something else here</a></li>
-                <li><hr class="dropdown-divider"></li>
-                <li><a class="dropdown-item" href="#">Separated link</a></li>
-              </ul>
-            </div>
-          </div>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="btn-group">
-            <div class="dropdown">
-              <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                End-aligned menu
-              </button>
-              <ul class="dropdown-menu dropdown-menu-end">
-                <li><h6 class="dropdown-header">Dropdown header</h6></li>
-                <li><a class="dropdown-item" href="#">Action</a></li>
-                <li><a class="dropdown-item" href="#">Another action</a></li>
-                <li><hr class="dropdown-divider"></li>
-                <li><a class="dropdown-item" href="#">Separated link</a></li>
-              </ul>
-            </div>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="list-group">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>List group</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/list-group/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <ul class="list-group">
-            <li class="list-group-item disabled" aria-disabled="true">A disabled item</li>
-            <li class="list-group-item">A second item</li>
-            <li class="list-group-item">A third item</li>
-            <li class="list-group-item">A fourth item</li>
-            <li class="list-group-item">And a fifth one</li>
-          </ul>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <ul class="list-group list-group-flush">
-            <li class="list-group-item">An item</li>
-            <li class="list-group-item">A second item</li>
-            <li class="list-group-item">A third item</li>
-            <li class="list-group-item">A fourth item</li>
-            <li class="list-group-item">And a fifth one</li>
-          </ul>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="list-group">
-            <a href="#" class="list-group-item list-group-item-action">A simple default list group item</a>
-            <a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
-            <a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
-            <a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
-            <a href="#" class="list-group-item list-group-item-action list-group-item-danger">A simple danger list group item</a>
-            <a href="#" class="list-group-item list-group-item-action list-group-item-warning">A simple warning list group item</a>
-            <a href="#" class="list-group-item list-group-item-action list-group-item-info">A simple info list group item</a>
-            <a href="#" class="list-group-item list-group-item-action list-group-item-light">A simple light list group item</a>
-            <a href="#" class="list-group-item list-group-item-action list-group-item-dark">A simple dark list group item</a>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="modal">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Modal</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/modal/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="d-flex justify-content-between flex-wrap">
-            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalDefault">
-              Launch demo modal
-            </button>
-            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdropLive">
-              Launch static backdrop modal
-            </button>
-            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalCenteredScrollable">
-              Vertically centered scrollable modal
-            </button>
-            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalFullscreen">
-              Full screen
-            </button>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="navs">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Navs</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/navs-tabs/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <nav class="nav">
-            <a class="nav-link active" aria-current="page" href="#">Active</a>
-            <a class="nav-link" href="#">Link</a>
-            <a class="nav-link" href="#">Link</a>
-            <a class="nav-link disabled">Disabled</a>
-          </nav>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <nav>
-            <div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
-              <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Home</button>
-              <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">Profile</button>
-              <button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">Contact</button>
-            </div>
-          </nav>
-          <div class="tab-content" id="nav-tabContent">
-            <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
-              <p>This is some placeholder content the <strong>Home tab's</strong> associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other <code>.nav</code>-powered navigation.</p>
-            </div>
-            <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
-              <p>This is some placeholder content the <strong>Profile tab's</strong> associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other <code>.nav</code>-powered navigation.</p>
-            </div>
-            <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
-              <p>This is some placeholder content the <strong>Contact tab's</strong> associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other <code>.nav</code>-powered navigation.</p>
-            </div>
-          </div>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <ul class="nav nav-pills">
-            <li class="nav-item">
-              <a class="nav-link active" aria-current="page" href="#">Active</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Link</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Link</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link disabled">Disabled</a>
-            </li>
-          </ul>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="navbar">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Navbar</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/navbar/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <nav class="navbar navbar-expand-lg bg-secondary">
-            <div class="container-fluid">
-              <a class="navbar-brand" href="#">
-                <img src="/assets/svg/great-lamda-pyramids.svg" width="38" height="30" class="d-inline-block align-top" alt="Bootstrap" loading="lazy">
-              </a>
-              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-              <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                  <li class="nav-item">
-                    <a class="nav-link active" aria-current="page" href="#">Home</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link" href="#">Link</a>
-                  </li>
-                  <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                      Dropdown
-                    </a>
-                    <ul class="dropdown-menu">
-                      <li><a class="dropdown-item" href="#">Action</a></li>
-                      <li><a class="dropdown-item" href="#">Another action</a></li>
-                      <li><hr class="dropdown-divider"></li>
-                      <li><a class="dropdown-item" href="#">Something else here</a></li>
-                    </ul>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link disabled">Disabled</a>
-                  </li>
-                </ul>
-                <form class="d-flex" role="search">
-                  <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
-                  <button class="btn btn-outline-dark" type="submit">Search</button>
-                </form>
-              </div>
-            </div>
-          </nav>
-          <nav class="navbar navbar-expand-lg navbar-dark bg-primary mt-5">
-            <div class="container-fluid">
-              <a class="navbar-brand" href="#">
-                <img src="/assets/svg/great-lamda-pyramids.svg" width="38" height="30" class="d-inline-block align-top" alt="Bootstrap" loading="lazy">
-              </a>
-              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent2" aria-controls="navbarSupportedContent2" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-              <div class="collapse navbar-collapse" id="navbarSupportedContent2">
-                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                  <li class="nav-item">
-                    <a class="nav-link active" aria-current="page" href="#">Home</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link" href="#">Link</a>
-                  </li>
-                  <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                      Dropdown
-                    </a>
-                    <ul class="dropdown-menu">
-                      <li><a class="dropdown-item" href="#">Action</a></li>
-                      <li><a class="dropdown-item" href="#">Another action</a></li>
-                      <li><hr class="dropdown-divider"></li>
-                      <li><a class="dropdown-item" href="#">Something else here</a></li>
-                    </ul>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link disabled">Disabled</a>
-                  </li>
-                </ul>
-                <form class="d-flex" role="search">
-                  <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
-                  <button class="btn btn-outline-light" type="submit">Search</button>
-                </form>
-              </div>
-            </div>
-          </nav>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="pagination">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Pagination</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/pagination/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <nav aria-label="Pagination example">
-            <ul class="pagination pagination-sm">
-              <li class="page-item"><a class="page-link" href="#">1</a></li>
-              <li class="page-item active" aria-current="page">
-                <a class="page-link" href="#">2</a>
-              </li>
-              <li class="page-item"><a class="page-link" href="#">3</a></li>
-            </ul>
-          </nav>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <nav aria-label="Standard pagination example">
-            <ul class="pagination">
-              <li class="page-item">
-                <a class="page-link" href="#" aria-label="Previous">
-                  <span aria-hidden="true">&laquo;</span>
-                </a>
-              </li>
-              <li class="page-item"><a class="page-link" href="#">1</a></li>
-              <li class="page-item"><a class="page-link" href="#">2</a></li>
-              <li class="page-item"><a class="page-link" href="#">3</a></li>
-              <li class="page-item">
-                <a class="page-link" href="#" aria-label="Next">
-                  <span aria-hidden="true">&raquo;</span>
-                </a>
-              </li>
-            </ul>
-          </nav>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <nav aria-label="Another pagination example">
-            <ul class="pagination pagination-lg flex-wrap">
-              <li class="page-item disabled">
-                <a class="page-link">Previous</a>
-              </li>
-              <li class="page-item"><a class="page-link" href="#">1</a></li>
-              <li class="page-item active" aria-current="page">
-                <a class="page-link" href="#">2</a>
-              </li>
-              <li class="page-item"><a class="page-link" href="#">3</a></li>
-              <li class="page-item">
-                <a class="page-link" href="#">Next</a>
-              </li>
-            </ul>
-          </nav>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="popovers">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Popovers</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/popovers/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <button type="button" class="btn btn-lg btn-danger" data-bs-toggle="popover" title="Popover title" data-bs-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
-            Popover on top
-          </button>
-          <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
-            Popover on end
-          </button>
-          <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
-            Popover on bottom
-          </button>
-          <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
-            Popover on start
-          </button>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="progress">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Progress</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/progress/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="progress mb-3">
-            <div class="progress-bar" role="progressbar" aria-label="Example with label" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
-          </div>
-          <div class="progress mb-3">
-            <div class="progress-bar bg-success w-25" role="progressbar" aria-label="Success example with label" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
-          </div>
-          <div class="progress mb-3">
-            <div class="progress-bar text-bg-info w-50" role="progressbar" aria-label="Info example with label" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">50%</div>
-          </div>
-          <div class="progress mb-3">
-            <div class="progress-bar text-bg-warning w-75" role="progressbar" aria-label="Warning example with label" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">75%</div>
-          </div>
-          <div class="progress">
-            <div class="progress-bar bg-danger w-100" role="progressbar" aria-label="Danger example with label" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">100%</div>
-          </div>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="progress">
-            <div class="progress-bar" role="progressbar" aria-label="Segment one - default example" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
-            <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" role="progressbar" aria-label="Segment two - animated striped success example" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="scrollspy">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Scrollspy</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/scrollspy/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example">
-            <nav id="navbar-example2" class="navbar bg-light px-3">
-              <a class="navbar-brand" href="#">Navbar</a>
-              <ul class="nav nav-pills">
-                <li class="nav-item">
-                  <a class="nav-link active" href="#scrollspyHeading1">First</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="#scrollspyHeading2">Second</a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
-                  <ul class="dropdown-menu">
-                    <li><a class="dropdown-item" href="#scrollspyHeading3">Third</a></li>
-                    <li><a class="dropdown-item" href="#scrollspyHeading4">Fourth</a></li>
-                    <li><hr class="dropdown-divider"></li>
-                    <li><a class="dropdown-item" href="#scrollspyHeading5">Fifth</a></li>
-                  </ul>
-                </li>
-              </ul>
-            </nav>
-          <div data-bs-spy="scroll" data-bs-target="#navbar-example2" data-bs-offset="0" class="scrollspy-example position-relative mt-2 overflow-auto" tabindex="0">
-              <h4 id="scrollspyHeading1">First heading</h4>
-              <p>This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.</p>
-              <h4 id="scrollspyHeading2">Second heading</h4>
-              <p>This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.</p>
-              <h4 id="scrollspyHeading3">Third heading</h4>
-              <p>This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.</p>
-              <h4 id="scrollspyHeading4">Fourth heading</h4>
-              <p>This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.</p>
-              <h4 id="scrollspyHeading5">Fifth heading</h4>
-              <p>This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.</p>
-            </div>
-          </div>
-        </div>
-      </article>
-      <article class="my-3" id="spinners">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Spinners</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/spinners/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="spinner-border text-primary" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-border text-secondary" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-border text-success" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-border text-danger" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-border text-warning" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-border text-info" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-border text-light" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-border text-dark" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          </div></div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example">
-          <div class="spinner-grow text-primary" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-grow text-secondary" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-grow text-success" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-grow text-danger" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-grow text-warning" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-grow text-info" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-grow text-light" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          <div class="spinner-grow text-dark" role="status">
-            <span class="visually-hidden">Loading...</span>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="my-3" id="toasts">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Toasts</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/toasts/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example bg-dark p-5 align-items-center">
-          <div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
-            <div class="toast-header">
-              <svg class="bd-placeholder-img rounded me-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#007aff"/></svg>
-              <strong class="me-auto">Bootstrap</strong>
-              <small class="text-muted">11 mins ago</small>
-              <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-            </div>
-            <div class="toast-body">
-              Hello, world! This is a toast message.
-            </div>
-          </div>
-          </div></div>
-        </div>
-      </article>
-      <article class="mt-3 mb-5 pb-5" id="tooltips">
-        <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-          <h3>Tooltips</h3>
-          <a class="d-flex align-items-center" href="/docs/5.2/components/tooltips/">Documentation</a>
-        </div>
-        <div>
-          <div class="bd-example-snippet bd-code-snippet"><div class="bd-example tooltip-demo">
-          <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">Tooltip on top</button>
-          <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on end">Tooltip on end</button>
-          <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
-          <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="left" title="Tooltip on start">Tooltip on start</button>
-          <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">Tooltip with HTML</button>
-          </div></div>
-        </div>
-      </article>
-    </section>
-  </div>
-  <div class="modal fade" id="exampleModalDefault" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-        <div class="modal-body">
-          ...
-        </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-          <button type="button" class="btn btn-primary">Save changes</button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="modal fade" id="staticBackdropLive" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLiveLabel" aria-hidden="true">
-    <div class="modal-dialog">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="staticBackdropLiveLabel">Modal title</h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-        <div class="modal-body">
-          <p>I will not close if you click outside me. Don't even try to press escape key.</p>
-        </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-          <button type="button" class="btn btn-primary">Understood</button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="modal fade" id="exampleModalCenteredScrollable" tabindex="-1" aria-labelledby="exampleModalCenteredScrollableTitle" aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="exampleModalCenteredScrollableTitle">Modal title</h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-        <div class="modal-body">
-          <p>This is some placeholder content to show the scrolling behavior for modals. We use repeated line breaks to demonstrate how content can exceed minimum inner height, thereby showing inner scrolling. When content becomes longer than the predefined max-height of modal, content will be cropped and scrollable within the modal.</p>
-          <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
-          <p>This content should appear at the bottom after you scroll.</p>
-        </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-          <button type="button" class="btn btn-primary">Save changes</button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="modal fade" id="exampleModalFullscreen" tabindex="-1" aria-labelledby="exampleModalFullscreenLabel" aria-hidden="true">
-    <div class="modal-dialog modal-fullscreen">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title h4" id="exampleModalFullscreenLabel">Full screen modal</h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-        <div class="modal-body">
-          ...
-        </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-        </div>
-      </div>
-    </div>
-  </div>
\ No newline at end of file
diff --git a/_includes/svg.html b/_includes/svg.html
deleted file mode 100644
index 7bb7b4b..0000000
--- a/_includes/svg.html
+++ /dev/null
@@ -1,81 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="d-none">
-    <symbol id="arrow-right" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
-    </symbol>
-    <symbol id="book-half" viewBox="0 0 16 16">
-      <path d="M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"></path>
-    </symbol>
-    <symbol id="box-seam" viewBox="0 0 16 16">
-      <path d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5l2.404.961L10.404 2l-2.218-.887zm3.564 1.426L5.596 5 8 5.961 14.154 3.5l-2.404-.961zm3.25 1.7-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z"></path>
-    </symbol>
-    <symbol id="braces" viewBox="0 0 16 16">
-      <path d="M2.114 8.063V7.9c1.005-.102 1.497-.615 1.497-1.6V4.503c0-1.094.39-1.538 1.354-1.538h.273V2h-.376C3.25 2 2.49 2.759 2.49 4.352v1.524c0 1.094-.376 1.456-1.49 1.456v1.299c1.114 0 1.49.362 1.49 1.456v1.524c0 1.593.759 2.352 2.372 2.352h.376v-.964h-.273c-.964 0-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6zM13.886 7.9v.163c-1.005.103-1.497.616-1.497 1.6v1.798c0 1.094-.39 1.538-1.354 1.538h-.273v.964h.376c1.613 0 2.372-.759 2.372-2.352v-1.524c0-1.094.376-1.456 1.49-1.456V7.332c-1.114 0-1.49-.362-1.49-1.456V4.352C13.51 2.759 12.75 2 11.138 2h-.376v.964h.273c.964 0 1.354.444 1.354 1.538V6.3c0 .984.492 1.497 1.497 1.6z"></path>
-    </symbol>
-    <symbol id="braces-asterisk" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M1.114 8.063V7.9c1.005-.102 1.497-.615 1.497-1.6V4.503c0-1.094.39-1.538 1.354-1.538h.273V2h-.376C2.25 2 1.49 2.759 1.49 4.352v1.524c0 1.094-.376 1.456-1.49 1.456v1.299c1.114 0 1.49.362 1.49 1.456v1.524c0 1.593.759 2.352 2.372 2.352h.376v-.964h-.273c-.964 0-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6ZM14.886 7.9v.164c-1.005.103-1.497.616-1.497 1.6v1.798c0 1.094-.39 1.538-1.354 1.538h-.273v.964h.376c1.613 0 2.372-.759 2.372-2.352v-1.524c0-1.094.376-1.456 1.49-1.456v-1.3c-1.114 0-1.49-.362-1.49-1.456V4.352C14.51 2.759 13.75 2 12.138 2h-.376v.964h.273c.964 0 1.354.444 1.354 1.538V6.3c0 .984.492 1.497 1.497 1.6ZM7.5 11.5V9.207l-1.621 1.621-.707-.707L6.792 8.5H4.5v-1h2.293L5.172 5.879l.707-.707L7.5 6.792V4.5h1v2.293l1.621-1.621.707.707L9.208 7.5H11.5v1H9.207l1.621 1.621-.707.707L8.5 9.208V11.5h-1Z"></path>
-    </symbol>
-    <symbol id="check2" viewBox="0 0 16 16">
-      <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"></path>
-    </symbol>
-    <symbol id="chevron-expand" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z"></path>
-    </symbol>
-    <symbol id="circle-half" viewBox="0 0 16 16">
-      <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"></path>
-    </symbol>
-    <symbol id="clipboard" viewBox="0 0 16 16">
-      <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"></path>
-      <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"></path>
-    </symbol>
-    <symbol id="code" viewBox="0 0 16 16">
-      <path d="M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8l3.147-3.146zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8l-3.147-3.146z"></path>
-    </symbol>
-    <symbol id="file-earmark-richtext" viewBox="0 0 16 16">
-      <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"></path>
-      <path d="M4.5 12.5A.5.5 0 0 1 5 12h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm0-2A.5.5 0 0 1 5 10h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm1.639-3.708 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047l1.888.974V8.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V8s1.54-1.274 1.639-1.208zM6.25 6a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z"></path>
-    </symbol>
-    <symbol id="globe2" viewBox="0 0 16 16">
-      <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"></path>
-    </symbol>
-    <symbol id="grid-fill" viewBox="0 0 16 16">
-      <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zm8 0A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm-8 8A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm8 0A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3z"></path>
-    </symbol>
-    <symbol id="lightning-charge-fill" viewBox="0 0 16 16">
-      <path d="M11.251.068a.5.5 0 0 1 .227.58L9.677 6.5H13a.5.5 0 0 1 .364.843l-8 8.5a.5.5 0 0 1-.842-.49L6.323 9.5H3a.5.5 0 0 1-.364-.843l8-8.5a.5.5 0 0 1 .615-.09z"></path>
-    </symbol>
-    <symbol id="list" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path>
-    </symbol>
-    <symbol id="magic" viewBox="0 0 16 16">
-      <path d="M9.5 2.672a.5.5 0 1 0 1 0V.843a.5.5 0 0 0-1 0v1.829Zm4.5.035A.5.5 0 0 0 13.293 2L12 3.293a.5.5 0 1 0 .707.707L14 2.707ZM7.293 4A.5.5 0 1 0 8 3.293L6.707 2A.5.5 0 0 0 6 2.707L7.293 4Zm-.621 2.5a.5.5 0 1 0 0-1H4.843a.5.5 0 1 0 0 1h1.829Zm8.485 0a.5.5 0 1 0 0-1h-1.829a.5.5 0 0 0 0 1h1.829ZM13.293 10A.5.5 0 1 0 14 9.293L12.707 8a.5.5 0 1 0-.707.707L13.293 10ZM9.5 11.157a.5.5 0 0 0 1 0V9.328a.5.5 0 0 0-1 0v1.829Zm1.854-5.097a.5.5 0 0 0 0-.706l-.708-.708a.5.5 0 0 0-.707 0L8.646 5.94a.5.5 0 0 0 0 .707l.708.708a.5.5 0 0 0 .707 0l1.293-1.293Zm-3 3a.5.5 0 0 0 0-.706l-.708-.708a.5.5 0 0 0-.707 0L.646 13.94a.5.5 0 0 0 0 .707l.708.708a.5.5 0 0 0 .707 0L8.354 9.06Z"></path>
-    </symbol>
-    <symbol id="menu-button-wide-fill" viewBox="0 0 16 16">
-      <path d="M1.5 0A1.5 1.5 0 0 0 0 1.5v2A1.5 1.5 0 0 0 1.5 5h13A1.5 1.5 0 0 0 16 3.5v-2A1.5 1.5 0 0 0 14.5 0h-13zm1 2h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1zm9.927.427A.25.25 0 0 1 12.604 2h.792a.25.25 0 0 1 .177.427l-.396.396a.25.25 0 0 1-.354 0l-.396-.396zM0 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8zm1 3v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2H1zm14-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2h14zM2 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"></path>
-    </symbol>
-    <symbol id="moon-stars-fill" viewBox="0 0 16 16">
-      <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"></path>
-      <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
-    </symbol>
-    <symbol id="palette2" viewBox="0 0 16 16">
-      <path d="M0 .5A.5.5 0 0 1 .5 0h5a.5.5 0 0 1 .5.5v5.277l4.147-4.131a.5.5 0 0 1 .707 0l3.535 3.536a.5.5 0 0 1 0 .708L10.261 10H15.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H3a2.99 2.99 0 0 1-2.121-.879A2.99 2.99 0 0 1 0 13.044m6-.21 7.328-7.3-2.829-2.828L6 7.188v5.647zM4.5 13a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zM15 15v-4H9.258l-4.015 4H15zM0 .5v12.495V.5z"></path>
-      <path d="M0 12.995V13a3.07 3.07 0 0 0 0-.005z"></path>
-    </symbol>
-    <symbol id="plugin" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M1 8a7 7 0 1 1 2.898 5.673c-.167-.121-.216-.406-.002-.62l1.8-1.8a3.5 3.5 0 0 0 4.572-.328l1.414-1.415a.5.5 0 0 0 0-.707l-.707-.707 1.559-1.563a.5.5 0 1 0-.708-.706l-1.559 1.562-1.414-1.414 1.56-1.562a.5.5 0 1 0-.707-.706l-1.56 1.56-.707-.706a.5.5 0 0 0-.707 0L5.318 5.975a3.5 3.5 0 0 0-.328 4.571l-1.8 1.8c-.58.58-.62 1.6.121 2.137A8 8 0 1 0 0 8a.5.5 0 0 0 1 0Z"></path>
-    </symbol>
-    <symbol id="plus" viewBox="0 0 16 16">
-      <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"></path>
-    </symbol>
-    <symbol id="sun-fill" viewBox="0 0 16 16">
-      <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
-    </symbol>
-    <symbol id="three-dots" viewBox="0 0 16 16">
-      <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path>
-    </symbol>
-    <symbol id="tools" viewBox="0 0 16 16">
-      <path d="M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z"></path>
-    </symbol>
-    <symbol id="ui-radios" viewBox="0 0 16 16">
-      <path d="M7 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1zM0 12a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm7-1.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1zm0-5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zM3 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 4.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path>
-    </symbol>
-  </svg>
\ No newline at end of file
diff --git a/_includes/toc b/_includes/toc
deleted file mode 100644
index 6423ccd..0000000
--- a/_includes/toc
+++ /dev/null
@@ -1,7 +0,0 @@
-<aside class="sidebar__right">
-<nav class="toc" markdown="1">
-<header><h4 class="nav__title"><i class="fas fa-{{ include.icon | default: 'file-alt' }}"></i> {{ include.title | default: site.data.ui-text[site.locale].toc_label }}</h4></header>
-*  Auto generated table of contents
-{:toc .toc__menu}
-</nav>
-</aside>
\ No newline at end of file
diff --git a/_includes/toc.html b/_includes/toc.html
deleted file mode 100644
index be30f0d..0000000
--- a/_includes/toc.html
+++ /dev/null
@@ -1,182 +0,0 @@
-{% capture tocWorkspace %}
-    {% comment %}
-        Copyright (c) 2017 Vladimir "allejo" Jimenez
-
-        Permission is hereby granted, free of charge, to any person
-        obtaining a copy of this software and associated documentation
-        files (the "Software"), to deal in the Software without
-        restriction, including without limitation the rights to use,
-        copy, modify, merge, publish, distribute, sublicense, and/or sell
-        copies of the Software, and to permit persons to whom the
-        Software is furnished to do so, subject to the following
-        conditions:
-
-        The above copyright notice and this permission notice shall be
-        included in all copies or substantial portions of the Software.
-
-        THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-        EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-        OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-        NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-        HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-        WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-        FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-        OTHER DEALINGS IN THE SOFTWARE.
-    {% endcomment %}
-    {% comment %}
-        Version 1.1.0
-          https://github.com/allejo/jekyll-toc
-
-        "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
-
-        Usage:
-            {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
-
-        Parameters:
-            * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
-
-        Optional Parameters:
-            * sanitize      (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
-            * class         (string) :   ''   - a CSS class assigned to the TOC
-            * id            (string) :   ''   - an ID to assigned to the TOC
-            * h_min         (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
-            * h_max         (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
-            * ordered       (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
-            * item_class    (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
-            * submenu_class (string) :   ''   - add custom class(es) for each child group of headings; has support for '%level%' placeholder which is the current "submenu" heading level
-            * base_url      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
-            * anchor_class  (string) :   ''   - add custom class(es) for each anchor element
-            * skip_no_ids   (bool)   : false  - skip headers that do not have an `id` attribute
-
-        Output:
-            An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
-            generate the table of contents and will NOT output the markdown given to it
-    {% endcomment %}
-
-    {% capture newline %}
-    {% endcapture %}
-    {% assign newline = newline | rstrip %} <!-- Remove the extra spacing but preserve the newline -->
-
-    {% capture deprecation_warnings %}{% endcapture %}
-
-    {% if include.baseurl %}
-        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "baseurl" has been deprecated, use "base_url" instead -->{{ newline }}{% endcapture %}
-    {% endif %}
-
-    {% if include.skipNoIDs %}
-        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "skipNoIDs" has been deprecated, use "skip_no_ids" instead -->{{ newline }}{% endcapture %}
-    {% endif %}
-
-    {% capture jekyll_toc %}{% endcapture %}
-    {% assign orderedList = include.ordered | default: false %}
-    {% assign baseURL = include.base_url | default: include.baseurl | default: '' %}
-    {% assign skipNoIDs = include.skip_no_ids | default: include.skipNoIDs | default: false %}
-    {% assign minHeader = include.h_min | default: 1 %}
-    {% assign maxHeader = include.h_max | default: 6 %}
-    {% assign nodes = include.html | strip | split: '<h' %}
-
-    {% assign firstHeader = true %}
-    {% assign currLevel = 0 %}
-    {% assign lastLevel = 0 %}
-
-    {% capture listModifier %}{% if orderedList %}ol{% else %}ul{% endif %}{% endcapture %}
-
-    {% for node in nodes %}
-        {% if node == "" %}
-            {% continue %}
-        {% endif %}
-
-        {% assign currLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
-
-        {% if currLevel < minHeader or currLevel > maxHeader %}
-            {% continue %}
-        {% endif %}
-
-        {% assign _workspace = node | split: '</h' %}
-
-        {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
-        {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
-        {% assign htmlID = _idWorkspace[0] %}
-
-        {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
-        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
-        {% assign htmlClass = _classWorkspace[0] %}
-
-        {% if htmlClass contains "no_toc" %}
-            {% continue %}
-        {% endif %}
-
-        {% if firstHeader %}
-            {% assign minHeader = currLevel %}
-        {% endif %}
-
-        {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
-        {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
-
-        {% if include.item_class and include.item_class != blank %}
-            {% capture listItemClass %} class="{{ include.item_class | replace: '%level%', currLevel | split: '.' | join: ' ' }}"{% endcapture %}
-        {% endif %}
-
-        {% if include.submenu_class and include.submenu_class != blank %}
-            {% assign subMenuLevel = currLevel | minus: 1 %}
-            {% capture subMenuClass %} class="{{ include.submenu_class | replace: '%level%', subMenuLevel | split: '.' | join: ' ' }}"{% endcapture %}
-        {% endif %}
-
-        {% capture anchorBody %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
-
-        {% if htmlID %}
-            {% capture anchorAttributes %} href="{% if baseURL %}{{ baseURL }}{% endif %}#{{ htmlID }}"{% endcapture %}
-
-            {% if include.anchor_class %}
-                {% capture anchorAttributes %}{{ anchorAttributes }} class="{{ include.anchor_class | split: '.' | join: ' ' }}"{% endcapture %}
-            {% endif %}
-
-            {% capture listItem %}<a{{ anchorAttributes }}>{{ anchorBody }}</a>{% endcapture %}
-        {% elsif skipNoIDs == true %}
-            {% continue %}
-        {% else %}
-            {% capture listItem %}{{ anchorBody }}{% endcapture %}
-        {% endif %}
-
-        {% if currLevel > lastLevel %}
-            {% capture jekyll_toc %}{{ jekyll_toc }}<{{ listModifier }}{{ subMenuClass }}>{% endcapture %}
-        {% elsif currLevel < lastLevel %}
-            {% assign repeatCount = lastLevel | minus: currLevel %}
-
-            {% for i in (1..repeatCount) %}
-                {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
-            {% endfor %}
-
-            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
-        {% else %}
-            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
-        {% endif %}
-
-        {% capture jekyll_toc %}{{ jekyll_toc }}<li{{ listItemClass }}>{{ listItem }}{% endcapture %}
-
-        {% assign lastLevel = currLevel %}
-        {% assign firstHeader = false %}
-    {% endfor %}
-
-    {% assign repeatCount = minHeader | minus: 1 %}
-    {% assign repeatCount = lastLevel | minus: repeatCount %}
-    {% for i in (1..repeatCount) %}
-        {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
-    {% endfor %}
-
-    {% if jekyll_toc != '' %}
-        {% assign rootAttributes = '' %}
-        {% if include.class and include.class != blank %}
-            {% capture rootAttributes %} class="{{ include.class | split: '.' | join: ' ' }}"{% endcapture %}
-        {% endif %}
-
-        {% if include.id and include.id != blank %}
-            {% capture rootAttributes %}{{ rootAttributes }} id="{{ include.id }}"{% endcapture %}
-        {% endif %}
-
-        {% if rootAttributes %}
-            {% assign nodes = jekyll_toc | split: '>' %}
-            {% capture jekyll_toc %}<{{ listModifier }}{{ rootAttributes }}>{{ nodes | shift | join: '>' }}>{% endcapture %}
-        {% endif %}
-    {% endif %}
-{% endcapture %}{% assign tocWorkspace = '' %}{{ deprecation_warnings }}{{ jekyll_toc }}
diff --git a/_includes/zer0-env-var.html b/_includes/zer0-env-var.html
deleted file mode 100644
index 35a27e0..0000000
--- a/_includes/zer0-env-var.html
+++ /dev/null
@@ -1,88 +0,0 @@
-<div class="container mt-5">
-    <h2>Define Environment Variables</h2>
-    <table class="table" id="envTable">
-        <thead>
-            <tr>
-                <th scope="col">Key</th>
-                <th scope="col">Value</th>
-                <th scope="col"></th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td><input type="text" class="form-control" value="GITHOME" required></td>
-                <td><input type="text" class="form-control" value="~/github" required></td>
-                <td><button class="btn btn-danger removeRow">Remove</button></td>
-            </tr>
-            <tr>
-                <td><input type="text" class="form-control" value="GHUSER" required></td>
-                <td><input type="text" class="form-control" value="" required></td>
-                <td><button class="btn btn-danger removeRow">Remove</button></td>
-            </tr>
-            <tr>
-                <td><input type="text" class="form-control" value="GIT_REPO" required></td>
-                <td><input type="text" class="form-control" value="$GHUSER.github.io" required></td>
-                <td><button class="btn btn-danger removeRow">Remove</button></td>
-            </tr>
-            <tr>
-                <td><input type="text" class="form-control" value="GIT_ID" required></td>
-                <td><input type="text" class="form-control" value="" required></td>
-                <td><button class="btn btn-danger removeRow">Remove</button></td>
-            </tr>
-            <tr>
-                <td><input type="text" class="form-control" value="ZREPO" required></td>
-                <td><input type="text" class="form-control" value="$GITHOME/$GIT_REPO" required></td>
-                <td><button class="btn btn-danger removeRow">Remove</button></td>
-            </tr>
-        </tbody>
-    </table>
-    <button class="btn btn-primary" id="addRow">Add Row</button>
-    <button class="btn btn-success" id="submit">Submit</button>
-    <div class="highlight">
-        <pre class="highlight has-copy-button">
-            <code id="codeBlock">export GITHOME=~/github</code>
-            <button class="copy" type="button" aria-label="Copy code to clipboard">Copy</button>
-        </pre>
-    </div>
-</div>
-
-<script>
-    document.getElementById('addRow').addEventListener('click', function() {
-        const row = document.createElement('tr');
-        row.innerHTML = `
-            <td><input type="text" class="form-control" required></td>
-            <td><input type="text" class="form-control" required></td>
-            <td><button class="btn btn-danger removeRow">Remove</button></td>
-        `;
-        document.querySelector('#envTable tbody').appendChild(row);
-    });
-
-    document.getElementById('submit').addEventListener('click', function() {
-        const rows = document.querySelectorAll('#envTable tbody tr');
-        let codeBlockText = '';
-        rows.forEach(row => {
-            const key = row.querySelector('td:nth-child(1) input').value;
-            const value = row.querySelector('td:nth-child(2) input').value;
-            sessionStorage.setItem(key, value);
-            codeBlockText += `<span class="nb">export </span><span class="nv">${key}</span><span class="o">=</span>${value}\n`;
-        });
-        document.getElementById('codeBlock').innerHTML = codeBlockText;
-
-        // Get the environment variables from the session storage
-        const GHUSER = sessionStorage.getItem('GHUSER');
-        const GIT_REPO = sessionStorage.getItem('GIT_REPO');
-
-        // Update the link
-        const link = `https://github.com/${GHUSER}/${GIT_REPO}`;
-
-        // Display the link
-        document.getElementById('repo-link').textContent = link;
-        document.getElementById('repo-link').href = link;
-    });
-
-    document.querySelector('#envTable tbody').addEventListener('click', function(event) {
-        if (event.target.classList.contains('removeRow')) {
-            event.target.parentNode.parentNode.remove();
-        }
-    });
-</script>
\ No newline at end of file
diff --git a/_layouts/blog.html b/_layouts/blog.html
deleted file mode 100644
index 2f672db..0000000
--- a/_layouts/blog.html
+++ /dev/null
@@ -1,221 +0,0 @@
----
-layout: root
-source: "https://getbootstrap.com/docs/5.3/examples/blog/#"
----
-
-<div class="container">
-  <header class="border-bottom lh-1 py-3">
-    <div class="row flex-nowrap justify-content-between align-items-center">
-      <div class="col-4 pt-1">
-        <a class="link-secondary" href="#">Subscribe</a>
-      </div>
-      <div class="col-4 text-center">
-        <a class="blog-header-logo text-body-emphasis text-decoration-none" href="#">{{ page.title }}</a>
-      </div>
-      <div class="col-4 d-flex justify-content-end align-items-center">
-        <a class="link-secondary" href="#" aria-label="Search">
-          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="mx-3" role="img" viewBox="0 0 24 24"><title>Search</title><circle cx="10.5" cy="10.5" r="7.5"/><path d="M21 21l-5.2-5.2"/></svg>
-        </a>
-        <a class="btn btn-sm btn-outline-secondary" href="#">Sign up</a>
-      </div>
-    </div>
-  </header>
-
-  <div class="nav-scroller py-1 mb-3 border-bottom">
-    <nav class="nav nav-underline justify-content-between">
-      <a class="nav-item nav-link link-body-emphasis active" href="#">World</a>
-      <a class="nav-item nav-link link-body-emphasis" href="#">U.S.</a>
-      <a class="nav-item nav-link link-body-emphasis" href="#">Technology</a>
-      <a class="nav-item nav-link link-body-emphasis" href="#">Business</a>
-      <a class="nav-item nav-link link-body-emphasis" href="#">Politics</a>
-      <a class="nav-item nav-link link-body-emphasis" href="#">Science</a>
-      <a class="nav-item nav-link link-body-emphasis" href="#">Travel</a>
-    </nav>
-  </div>
-</div>
-
-<main class="container">
-  <div class="p-4 p-md-5 mb-4 rounded text-body-emphasis bg-body-secondary">
-    <div class="col-lg-6 px-0">
-      <h1 class="display-4 fst-italic">Title of a longer featured blog post</h1>
-      <p class="lead my-3">Multiple lines of text that form the lede, informing new readers quickly and efficiently about what’s most interesting in this post’s contents.</p>
-      <p class="lead mb-0"><a href="#" class="text-body-emphasis fw-bold">Continue reading...</a></p>
-    </div>
-  </div>
-
-  <div class="row mb-2">
-    <div class="col-md-6">
-      <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
-        <div class="col p-4 d-flex flex-column position-static">
-          <strong class="d-inline-block mb-2 text-primary-emphasis">World</strong>
-          <h3 class="mb-0">Featured post</h3>
-          <div class="mb-1 text-body-secondary">Nov 12</div>
-          <p class="card-text mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
-          <a href="#" class="icon-link gap-1 icon-link-hover stretched-link">
-            Continue reading
-            <svg class="bi"><use xlink:href="#chevron-right"/></svg>
-          </a>
-        </div>
-        <div class="col-auto d-none d-lg-block">
-          <svg class="bd-placeholder-img" width="200" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-6">
-      <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
-        <div class="col p-4 d-flex flex-column position-static">
-          <strong class="d-inline-block mb-2 text-success-emphasis">Design</strong>
-          <h3 class="mb-0">Post title</h3>
-          <div class="mb-1 text-body-secondary">Nov 11</div>
-          <p class="mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
-          <a href="#" class="icon-link gap-1 icon-link-hover stretched-link">
-            Continue reading
-            <svg class="bi"><use xlink:href="#chevron-right"/></svg>
-          </a>
-        </div>
-        <div class="col-auto d-none d-lg-block">
-          <svg class="bd-placeholder-img" width="200" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="row g-5">
-    <div class="col-md-8">
-      <h3 class="pb-4 mb-4 fst-italic border-bottom">
-        From the Firehose
-      </h3>
-
-      <article class="blog-post">
-        {{ content }}
-      </article>
-
-      <article class="blog-post">
-        <h2 class="display-5 link-body-emphasis mb-1">Another blog post</h2>
-        <p class="blog-post-meta">December 23, 2020 by <a href="#">Jacob</a></p>
-
-        <p>This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.</p>
-        <blockquote>
-          <p>Longer quote goes here, maybe with some <strong>emphasized text</strong> in the middle of it.</p>
-        </blockquote>
-        <p>This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.</p>
-        <h3>Example table</h3>
-        <p>And don't forget about tables in these posts:</p>
-        <table class="table">
-          <thead>
-            <tr>
-              <th>Name</th>
-              <th>Upvotes</th>
-              <th>Downvotes</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td>Alice</td>
-              <td>10</td>
-              <td>11</td>
-            </tr>
-            <tr>
-              <td>Bob</td>
-              <td>4</td>
-              <td>3</td>
-            </tr>
-            <tr>
-              <td>Charlie</td>
-              <td>7</td>
-              <td>9</td>
-            </tr>
-          </tbody>
-          <tfoot>
-            <tr>
-              <td>Totals</td>
-              <td>21</td>
-              <td>23</td>
-            </tr>
-          </tfoot>
-        </table>
-
-        <p>This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.</p>
-      </article>
-
-      <article class="blog-post">
-        <h2 class="display-5 link-body-emphasis mb-1">New feature</h2>
-        <p class="blog-post-meta">December 14, 2020 by <a href="#">Chris</a></p>
-
-        <p>This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.</p>
-        <ul>
-          <li>First list item</li>
-          <li>Second list item with a longer description</li>
-          <li>Third list item to close it out</li>
-        </ul>
-        <p>This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.</p>
-      </article>
-
-      <nav class="blog-pagination" aria-label="Pagination">
-        <a class="btn btn-outline-primary rounded-pill" href="#">Older</a>
-        <a class="btn btn-outline-secondary rounded-pill disabled" aria-disabled="true">Newer</a>
-      </nav>
-
-    </div>
-
-    <div class="col-md-4">
-      <div class="position-sticky" style="top: 2rem;">
-        <div class="p-4 mb-3 bg-body-tertiary rounded">
-          <h4 class="fst-italic">About</h4>
-          <p class="mb-0">Customize this section to tell your visitors a little bit about your publication, writers, content, or something else entirely. Totally up to you.</p>
-        </div>
-
-        <div>
-          <h4 class="fst-italic">Recent posts</h4>
-        <ul class="list-unstyled">
-            {% for post in site.posts limit:3 %}
-                <li>
-                    <a class="d-flex flex-column flex-lg-row gap-3 align-items-start align-items-lg-center py-3 link-body-emphasis text-decoration-none border-top" href="{{ post.url }}">
-                        <img class="bd-placeholder-img" src="{{ page.preview | default:  site.og_image }}" width="100%" height="96" alt="Preview image">
-                        <div class="col-lg-8">
-                            <h6 class="mb-0">{{ post.title }}</h6>
-                            <small class="text-body-secondary">{{ post.date | date: "%B %d, %Y" }}</small>
-                        </div>
-                    </a>
-                </li>
-            {% endfor %}
-        </ul>
-        </div>
-
-        <div class="p-4">
-          <h4 class="fst-italic">Archives</h4>
-          <ol class="list-unstyled mb-0">
-            <li><a href="#">March 2021</a></li>
-            <li><a href="#">February 2021</a></li>
-            <li><a href="#">January 2021</a></li>
-            <li><a href="#">December 2020</a></li>
-            <li><a href="#">November 2020</a></li>
-            <li><a href="#">October 2020</a></li>
-            <li><a href="#">September 2020</a></li>
-            <li><a href="#">August 2020</a></li>
-            <li><a href="#">July 2020</a></li>
-            <li><a href="#">June 2020</a></li>
-            <li><a href="#">May 2020</a></li>
-            <li><a href="#">April 2020</a></li>
-          </ol>
-        </div>
-
-        <div class="p-4">
-            {% include sidebar-categories.html %}
-        </div>
-
-        <div class="p-4">
-          <h4 class="fst-italic">Elsewhere</h4>
-          <ol class="list-unstyled">
-            <li><a href="#">GitHub</a></li>
-            <li><a href="#">Twitter</a></li>
-            <li><a href="#">Facebook</a></li>
-          </ol>
-        </div>
-      </div>
-    </div>
-  </div>
-
-</main>
-
-
diff --git a/_layouts/collection.html b/_layouts/collection.html
deleted file mode 100644
index 326969b..0000000
--- a/_layouts/collection.html
+++ /dev/null
@@ -1,42 +0,0 @@
----
-layout: default
----
-<!-- layout: collection -->
-{{ content }}
-
-{% assign entries = site[page.collection] %}
-{% assign entries = entries | sort: page.sort_order %}
-{% if page.sort_order == 'reverse' %}
-{% assign entries = entries | reverse %}
-{% endif %}
-
-<!-- Loop through collection and summarize  -->
-<h2 id="index-collection">
-  Collection Index - {{ page.collection }}
-</h2>
-
-<div class="row row-cols-1 row-cols-md-3 g-4">
-  
-  {%- for post in entries -%}
-  <div class="col">
-    <div class="card h-100">
-      {%- if post.preview -%}
-      <img src="{{ site.public_folder }}/{{ post.preview}}" class="card-img-top" alt="page preview image">
-      {% else %}
-      <img src="{{ site.teaser }}" class="card-img-top" alt="page preview image">
-      {%- endif -%}
-      <div class="card-body">
-        <h5 class="card-title " itemprop="headline">
-          <a class="card-link" href="{{ post.url | relative_url }}" rel="permalink">{{ post.title }}</a>
-        </h5>
-        <p class="card-text" itemprop="description">
-          {{ post.excerpt | strip_html | truncate: 160 }}
-        </p>
-      </div>
-      <div class="card-footer">
-        <small class="text-body-secondary post-meta">Last updated {{ post.lastmod | date: '%B %d, %Y' }}</small>
-      </div>
-    </div>  
-  </div>
-  {%- endfor -%}
-</div>
diff --git a/_layouts/default.html b/_layouts/default.html
deleted file mode 100644
index 711891f..0000000
--- a/_layouts/default.html
+++ /dev/null
@@ -1,37 +0,0 @@
----
-layout: root
----
-<!-- _
-  file: default.html
-  path: _layouts/default.html
-  includes: sidebar-left.html, sidebar-right.html
--->
-
-<!-- Default Layout - Docs -->
-
-<!-- Main body including sidebars -->
-<div class="container-xxl bd-gutter mt-3 my-md-4 bd-layout">
-
-  <!-- Left Sidebar for Outline - Offcanvas -->
-  <!-- _includes/sidebar-left.html  -->
-  <aside class=" bd-sidebar ">
-    {% include sidebar-left.html %}
-  </aside>
-    
-    <!--  Main Body -->
-  <main class="bd-main order-1" data-spy="scroll" data-bs-target="toc-content" data-offset="0">
-
-      <!-- intro -->
-    {% include intro.html %}
-
-    <!-- Right Sidebar - Page Contents and Shortcuts-->
-    <!-- _includes/sidebar-right.html  -->
-    <div class="bd-toc text-body-secondary" >
-      {% include sidebar-right.html %}
-    </div>
-    <!-- Main Content -->
-    <div id="main-content" class="bd-content ps-lg-2">
-      {{ content }}
-    </div>
-  </main>
-</div>
\ No newline at end of file
diff --git a/_layouts/home.html b/_layouts/home.html
deleted file mode 100644
index 4cffe76..0000000
--- a/_layouts/home.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-layout: root
----
-
-<!-- Home Layout -->
-
-<div class="home">
-  {%- if page.title -%}
-    <h1 class="page-heading">{{ page.title }}</h1>
-  {%- endif -%}
-  
-  {{ content }}
-
-    <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
-
-</div>
diff --git a/_layouts/index.html b/_layouts/index.html
deleted file mode 100644
index 0644776..0000000
--- a/_layouts/index.html
+++ /dev/null
@@ -1,8 +0,0 @@
----
-layout: root
----
-<!-- Site Indexing template for search functionality -->
-
-<div id="search-index" class="container-fluid pt-5 py-5">
-    {{ content }}
-</div>
\ No newline at end of file
diff --git a/_layouts/javascript.html b/_layouts/javascript.html
deleted file mode 100644
index 784f74d..0000000
--- a/_layouts/javascript.html
+++ /dev/null
@@ -1,8 +0,0 @@
----
-layout: default
----
-
-<h2>Demo JavaScript in Head</h2>
-
-<p id="demo">A Paragraph</p>
-<button type="button" onclick="myFunction()">Try it</button>
\ No newline at end of file
diff --git a/_layouts/journals.html b/_layouts/journals.html
deleted file mode 100644
index e6800c8..0000000
--- a/_layouts/journals.html
+++ /dev/null
@@ -1,41 +0,0 @@
----
-layout: default
----
-
-<!-- Journals Layout -->
-
-<div id="main" role="main">
-    <div class="archive">
-        {% unless page.header.overlay_color or page.header.overlay_image %}
-        <h1 id="page-title" class="">{{ page.title }}</h1>
-        {% endunless %}
-        {{ content }}
-    </div>
-
-    <nav aria-label="Page navigation">
-        <ul class="pagination pagination-lg justify-content-center">
-            <li class="page-item">
-                {% if page.previous %}
-                    <a class="page-link" href="{{ page.previous.url | prepend: site.baseurl }}">
-                        Previous: {{ page.previous.title }}
-                    </a>
-                {% else %}
-                    <a class="page-link" href="#" aria-disabled="true">Previous</a>
-                {% endif %}
-            </li>
-            <li class="page-item">
-                {% if page.next %}
-                    <a class="page-link" href="{{ page.next.url | prepend: site.baseurl }}">
-                        Next: {{ page.next.title }}
-                    </a>
-                {% else %}
-                    <a class="page-link" href="#" aria-disabled="true">Next</a>
-                {% endif %}
-            </li>
-        </ul>
-    </nav>
-</div>
-
-{% if page.comments %}
-    {% include giscus.html %}
-{% endif %}
\ No newline at end of file
diff --git a/_layouts/landing.html b/_layouts/landing.html
deleted file mode 100644
index e5c49fc..0000000
--- a/_layouts/landing.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-layout: root
----
-
-  <!-- Left Sidebar for Outline - Offcanvas -->
-  <!-- _includes/sidebar-left.html  -->
-  <div class="offcanvas">
-    {% include sidebar-left.html %}
-  </div>
-  <div class="container-xl pt-5">
-  
-  {{ content }}
-</div>
-
-<!-- Features -->
-    <!-- particles.js -->
-    <script src="/assets/js/particles-source.js"></script>
-    <script src="/assets/js/particles.js"></script>
\ No newline at end of file
diff --git a/_layouts/root.html b/_layouts/root.html
deleted file mode 100644
index 05bc2e3..0000000
--- a/_layouts/root.html
+++ /dev/null
@@ -1,53 +0,0 @@
----
----
-<!--
-  Zer0 Mistakes Jekyll Theme version 0.1 by Amr Abdel-Motaleb
-  Copyright 2024 Amr Abdel-Motaleb - it-journey.com | @bamr87
--->
-
-<!--
-  file: root.html
-  path:_layouts/root.html 
-  includes: head.html, google-tag-mgr.html, header.html, footer.html, algolia.html
--->
-
-<!doctype html>
-<html lang="{{ site.locale | slice: 0,2 | default: en }}" class="no-js" data-bs-theme="dark">
-    <head>
-        <!-- _includes/head.html  -->
-        {% include head.html %}
-
-        <!-- Jekyll-SEO Plugin https://github.com/jekyll/jekyll-seo-tag-->
-        {% seo %}
-    </head>
-    <body data-bs-spy="scroll" data-bs-target="#TableOfContents">
-
-        <!-- -inclues/svg.html -->
-        {% include svg.html %}
-
-        <!-- _includes/google-tag-manager-body.html - SEO -->
-        {% include google-tag-manager-body.html %}
-
-        <!-- _includes/header.html - Header section with main Navigation and Search engine -->
-        {% include header.html %}
-
-        {% include info-section.html %}
-
-        <!-- Content -->
-        <div>
-            {{ content }}
-        </div>
-
-        <!-- _include/footer.html -->
-        {%- include footer.html -%}
-
-        <!-- Javascript scripts -->
-        <div>
-            <!-- Search Engine  -->
-            <!-- _include/algolia.html -->
-            {% include algolia.html %}
-            <!-- Javascript CDN -->
-            {% include js-cdn.html %}
-        </div>
-    </body>
- </html>
\ No newline at end of file
diff --git a/_sass/bootstrap.scss b/_sass/bootstrap.scss
deleted file mode 100644
index 96b4e75..0000000
--- a/_sass/bootstrap.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-// TODO: Fix Bootstrap plugin
-
-// @import "bootstrap";
\ No newline at end of file
diff --git a/_sass/custom.scss b/_sass/custom.scss
deleted file mode 100644
index 5f04e9e..0000000
--- a/_sass/custom.scss
+++ /dev/null
@@ -1,331 +0,0 @@
-html, body {
-    max-width: 100%;
-    // overflow-x: hidden;
-  }
-  
-  * {
-    box-sizing: border-box;
-  }
-  
-.make-me-sticky {
-    position: -webkit-sticky;
-	position: sticky;
-	top: 0;
-    padding: 0 15px;
-    display: flex;
-    flex-wrap: wrap;
-}
-
-.bottom-shadow {
-    // background-color: rgba(255,255,255,0.95);
-    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .35), inset 0 -1px 0 rgba(0, 0, 0, .15);
-}
-
-#TableOfContents {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    // white-space: nowrap;
-}
-
-.toc {
-    grid-area: toc;
-    padding-top: 5rem;
-    top: 0;
-    right: 5rem;
-}
-
-
-@media (min-width: 992px) {
-    .toc {
-        position:-webkit-sticky;
-        position: sticky;
-        top: 5rem;
-        right: 5rem;
-        z-index: 2;
-        height: calc(100vh - 7rem);
-        overflow-y: auto
-    }
-}
-
-.toc nav {
-    font-size: .875rem
-}
-
-.toc nav ul {
-    padding-left: 0;
-    margin-bottom: 0;
-    list-style: none
-}
-
-.toc nav ul ul {
-    padding-left: 1rem;
-    margin-top: .25rem
-}
-
-.toc nav li {
-    margin-bottom: .25rem
-}
-
-.toc nav a {
-    color: inherit
-}
-
-.toc nav a:not(:hover) {
-    text-decoration: none
-}
-
-.toc nav a code {
-    font: inherit
-}
-
-.toc-toggle {
-    display: flex;
-    align-items: center
-}
-
-
-@media (max-width: 989.98px) {
-    .toc-collapse nav {
-        padding:1.25rem;
-        background-color: var(--bs-tertiary-bg);
-        border: 1px solid var(--bs-border-color);
-        border-radius: var(--bs-border-radius)
-    }
-}
-
-@media (min-width: 990px) {
-    .toc-collapse {
-        display:block !important
-    }
-}
-
-
-@media (min-width: 992px) {
-    .sidebar {
-        position:-webkit-sticky;
-        position: sticky;
-        top: 5rem;
-        display: block !important;
-        height: calc(100vh - 6rem);
-        padding-left: .25rem;
-        margin-left: -.25rem;
-        overflow-y: auto
-    }
-}
-
-@media (max-width: 991.98px) {
-    .sidebar .offcanvas-lg {
-        border-right-color:var(--bs-border-color);
-        box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175)
-    }
-}
-
-.bd-sidebar {
-    grid-area: sidebar
-}
-
-// https://designkojo.com/add-ellipse-truncated-text-css-single-line-and-multi-line-options
-
-
-// Floating back to top button
-
-#backToTopBtn { 
-    display: none; /* Hidden by default */
-    position: fixed; /* Fixed/sticky position */
-    bottom: 20px; /* Place the button at the bottom of the page */
-    right: 20px; /* Place the button 30px from the right */
-    z-index: 99; /* Make sure it does not overlap */
-    border: none; /* Remove borders */
-    outline: none; /* Remove outline */
-    background-color: $primary; /* Set a background color */
-    color: inherit; /* Text color */
-    opacity: 25%;
-    cursor: pointer; /* Add a mouse pointer on hover */
-    padding: 15px; /* Some padding */
-    border-radius:10px;/* Rounded corners */
-    font-size:18px;/* Increase font size */
-  }
-
-#backToTopBtn {
-    .text {
-        display: inline-block;
-    }
-
-    .arrow {
-        display: none;
-    }
-
-    @media (max-width: 600px) {
-        .text {
-            display: none;
-        }
-
-        .arrow {
-            display: inline-block;
-        }
-    }
-}
-
-  #backToTopBtn:hover { 
-    background-color: #555; /* Add a dark-grey background on hover */ 
-    opacity: 100%;
-  }
-
-img {
-    display: inline-block;
-    max-width: 100%;
-    height: auto;
-}
-
-#navbar {
-    // position: fixed;
-    top: 0;
-    width: 100%;
-    transition: transform 0.3s;
-}
-
-.fixed-navbar {
-    position: fixed;
-    top: 0;
-    width: 100%;
-    transition: transform 0.3s;
-}
-
-.hide-navbar {
-    transform: translateY(-100%);
-    top: 0px;
-}
-
-$enable-cssgrid: true;
-$enable-grid-classes: false;
-
-// #box {
-//     background:url('data:image/gif;base64,R0lGODlhBgAGAIAAAO7u7t7e3iH5BAAAAAAALAAAAAAGAAYAAAIKhIOXgKGuDIOzAAA7') #eeeff1;
-//   }
-
-// body {font-size:12px; background:#ffe;}
-//   body,
-//   textarea		{text-align:center; font-family:arial;}
-
-//   input			{}
-//   input[type='number'],
-//   input[type='color']	{width:5em;}
-//   input[type='number']	{padding:0.25em; text-align:right;}
-//   select			{width:9em; font-size:11px; padding:0.25em 0.2em;}
-//   option			{padding:0.25em 0.2em;}
-//   textarea		{resize:none; padding:2.5em; color:#358; background:#eef2f4; font-size:2em; border:0; width:100%;}
-
-  
-
-//   #set			{user-select:none; background:#fff; overflow:hidden;}
-//   #set table		{border-collapse:collapse; padding:2em; font-size:11px; text-transform:uppercase; margin:2em auto;}
-//   #set th,
-//   #set td			{padding:0.4em 0.5em;}
-//   #set th			{text-align:right; color:#567;}
-//   #set td			{text-align:left;}
-
-
-//   /* res beautifier */
-//   #res		    	{color:#789; padding:2em; text-align:left; font-family:'Lucida Console', Monaco, monospace;}
-//   #res b			{font-weight:normal;}
-//   #res i			{font-style:normal;}
-//   #res .obj	    	{color:#789;}
-//   #res .obj b		{color:#345; font-weight:bold;}
-//   #res .key	    	{color:#45a;}
-//   #res .num	    	{color:#12a;}
-//   #res .txt	    	{color:#9ab;}
-//   #res .txt i		{color:#384;}
-//   #res .clr	    	{color:#9ab;}
-//   #res .clr i		{color:#731;}
-//   #res a			{color:#67a;}
-//   #res a:hover		{color:#67e;}
-
-
-//   #box			{overflow:hidden; position:relative; height:300px; padding:3em;}
-//   #box svg		{display:block; position:absolute; right:50%; bottom:50%; transform:translate( 50%, 50%); cursor:pointer;}
-//   #box svg		{max-width:100%; max-height:100%;}
-
-
-//   /* minimized options for small screen */
-//   .opt			{display:block; padding:1em; background:#0ae; color:#fff; text-decoration:none;}
-//   .opt:hover		{background:#0af;}
-
-//   #op2.opt		{background:#ea0;}
-//   #op2.opt:hover		{background:#fa0;}
-
-//   #set table,
-//   #set .legend,
-//   #set #op2.opt,
-//   #set.show #op1.opt	{display:none;}
-
-//   #set.show table		{display:table;}
-//   #set.show #op2.opt	{display:block;}
-
-// @media (min-width: 620px) {
-
-//   html,
-//   body,			
-//   #box,
-//   #set,
-//   #txt,
-//   #msg,
-//   #hnt			{display:block; position:absolute; top:0; right:0; left:0; bottom:0;}
-
-//   html,
-//   body			{overflow:hidden;}
-//   #box			{height:auto;}
-
-//   #txt,
-//   #hnt			{height:250px; top:auto; border-top:3px #eee solid;}
-
-//   #set,
-//   #hnt			{width:270px; left:auto;}
-//   #set table		{font-size:10px;}
-
-//   #box,
-//   #txt			{right:270px}
-
-//   #box,
-//   #set			{bottom:250px;}
-
-//   #hnt			{overflow:auto;}
-//   #msg			{width:100%; height:100%;}
-
-//   #set			{overflow-y:auto;}
-//   #set .legend		{display:block;}
-//   #set table		{display:table;}
-//   #set .opt		{display:none !important;}
-// }
-
-// @media (min-width:900px) {
-
-//   #set,
-//   #hnt			{width:30%}
-//   #box,
-//   #txt			{right:30%}
-// }
-
-// @media (min-width:1024px) {
-
-//   #set table		{font-size:11px;}
-// }
-
-// @media (min-width:1600px) {
-
-//   #set,
-//   #hnt			{width:480px}
-//   #box,
-//   #txt			{right:480px}
-// }
-
-//   .legend			{padding:1.5em 0.5em; border-bottom:1px #eee solid;}
-
-.nested-list-group {
-    display: none;
-  }
-  .nested-list-group.show {
-    display: block;
-  }
-  .folder {
-    cursor: pointer;
-  }
\ No newline at end of file
diff --git a/_sass/it-journey/_docs.scss b/_sass/it-journey/_docs.scss
deleted file mode 100644
index e2b2c08..0000000
--- a/_sass/it-journey/_docs.scss
+++ /dev/null
@@ -1,3219 +0,0 @@
-/*!
- * Bootstrap Docs (https://getbootstrap.com/)
- * Copyright 2011-2024 The Bootstrap Authors
- * Licensed under the Creative Commons Attribution 3.0 Unported License.
- * For details, see https://creativecommons.org/licenses/by/3.0/.
- */
- :root {
-    --bs-breakpoint-xs: 0;
-    --bs-breakpoint-sm: 576px;
-    --bs-breakpoint-md: 768px;
-    --bs-breakpoint-lg: 992px;
-    --bs-breakpoint-xl: 1200px;
-    --bs-breakpoint-xxl: 1400px
-}
-
- .grid {
-    display: grid;
-    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
-    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
-    gap: var(--bs-gap, 1.5rem)
-}
-
-.grid .g-col-1 {
-    grid-column: auto/span 1
-}
-
-.grid .g-col-2 {
-    grid-column: auto/span 2
-}
-
-.grid .g-col-3 {
-    grid-column: auto/span 3
-}
-
-.grid .g-col-4 {
-    grid-column: auto/span 4
-}
-
-.grid .g-col-5 {
-    grid-column: auto/span 5
-}
-
-.grid .g-col-6 {
-    grid-column: auto/span 6
-}
-
-.grid .g-col-7 {
-    grid-column: auto/span 7
-}
-
-.grid .g-col-8 {
-    grid-column: auto/span 8
-}
-
-.grid .g-col-9 {
-    grid-column: auto/span 9
-}
-
-.grid .g-col-10 {
-    grid-column: auto/span 10
-}
-
-.grid .g-col-11 {
-    grid-column: auto/span 11
-}
-
-.grid .g-col-12 {
-    grid-column: auto/span 12
-}
-
-.grid .g-start-1 {
-    grid-column-start: 1
-}
-
-.grid .g-start-2 {
-    grid-column-start: 2
-}
-
-.grid .g-start-3 {
-    grid-column-start: 3
-}
-
-.grid .g-start-4 {
-    grid-column-start: 4
-}
-
-.grid .g-start-5 {
-    grid-column-start: 5
-}
-
-.grid .g-start-6 {
-    grid-column-start: 6
-}
-
-.grid .g-start-7 {
-    grid-column-start: 7
-}
-
-.grid .g-start-8 {
-    grid-column-start: 8
-}
-
-.grid .g-start-9 {
-    grid-column-start: 9
-}
-
-.grid .g-start-10 {
-    grid-column-start: 10
-}
-
-.grid .g-start-11 {
-    grid-column-start: 11
-}
-
-@media (min-width: 576px) {
-    .grid .g-col-sm-1 {
-        grid-column:auto/span 1
-    }
-
-    .grid .g-col-sm-2 {
-        grid-column: auto/span 2
-    }
-
-    .grid .g-col-sm-3 {
-        grid-column: auto/span 3
-    }
-
-    .grid .g-col-sm-4 {
-        grid-column: auto/span 4
-    }
-
-    .grid .g-col-sm-5 {
-        grid-column: auto/span 5
-    }
-
-    .grid .g-col-sm-6 {
-        grid-column: auto/span 6
-    }
-
-    .grid .g-col-sm-7 {
-        grid-column: auto/span 7
-    }
-
-    .grid .g-col-sm-8 {
-        grid-column: auto/span 8
-    }
-
-    .grid .g-col-sm-9 {
-        grid-column: auto/span 9
-    }
-
-    .grid .g-col-sm-10 {
-        grid-column: auto/span 10
-    }
-
-    .grid .g-col-sm-11 {
-        grid-column: auto/span 11
-    }
-
-    .grid .g-col-sm-12 {
-        grid-column: auto/span 12
-    }
-
-    .grid .g-start-sm-1 {
-        grid-column-start: 1
-    }
-
-    .grid .g-start-sm-2 {
-        grid-column-start: 2
-    }
-
-    .grid .g-start-sm-3 {
-        grid-column-start: 3
-    }
-
-    .grid .g-start-sm-4 {
-        grid-column-start: 4
-    }
-
-    .grid .g-start-sm-5 {
-        grid-column-start: 5
-    }
-
-    .grid .g-start-sm-6 {
-        grid-column-start: 6
-    }
-
-    .grid .g-start-sm-7 {
-        grid-column-start: 7
-    }
-
-    .grid .g-start-sm-8 {
-        grid-column-start: 8
-    }
-
-    .grid .g-start-sm-9 {
-        grid-column-start: 9
-    }
-
-    .grid .g-start-sm-10 {
-        grid-column-start: 10
-    }
-
-    .grid .g-start-sm-11 {
-        grid-column-start: 11
-    }
-}
-
-@media (min-width: 768px) {
-    .grid .g-col-md-1 {
-        grid-column:auto/span 1
-    }
-
-    .grid .g-col-md-2 {
-        grid-column: auto/span 2
-    }
-
-    .grid .g-col-md-3 {
-        grid-column: auto/span 3
-    }
-
-    .grid .g-col-md-4 {
-        grid-column: auto/span 4
-    }
-
-    .grid .g-col-md-5 {
-        grid-column: auto/span 5
-    }
-
-    .grid .g-col-md-6 {
-        grid-column: auto/span 6
-    }
-
-    .grid .g-col-md-7 {
-        grid-column: auto/span 7
-    }
-
-    .grid .g-col-md-8 {
-        grid-column: auto/span 8
-    }
-
-    .grid .g-col-md-9 {
-        grid-column: auto/span 9
-    }
-
-    .grid .g-col-md-10 {
-        grid-column: auto/span 10
-    }
-
-    .grid .g-col-md-11 {
-        grid-column: auto/span 11
-    }
-
-    .grid .g-col-md-12 {
-        grid-column: auto/span 12
-    }
-
-    .grid .g-start-md-1 {
-        grid-column-start: 1
-    }
-
-    .grid .g-start-md-2 {
-        grid-column-start: 2
-    }
-
-    .grid .g-start-md-3 {
-        grid-column-start: 3
-    }
-
-    .grid .g-start-md-4 {
-        grid-column-start: 4
-    }
-
-    .grid .g-start-md-5 {
-        grid-column-start: 5
-    }
-
-    .grid .g-start-md-6 {
-        grid-column-start: 6
-    }
-
-    .grid .g-start-md-7 {
-        grid-column-start: 7
-    }
-
-    .grid .g-start-md-8 {
-        grid-column-start: 8
-    }
-
-    .grid .g-start-md-9 {
-        grid-column-start: 9
-    }
-
-    .grid .g-start-md-10 {
-        grid-column-start: 10
-    }
-
-    .grid .g-start-md-11 {
-        grid-column-start: 11
-    }
-}
-
-@media (min-width: 992px) {
-    .grid .g-col-lg-1 {
-        grid-column:auto/span 1
-    }
-
-    .grid .g-col-lg-2 {
-        grid-column: auto/span 2
-    }
-
-    .grid .g-col-lg-3 {
-        grid-column: auto/span 3
-    }
-
-    .grid .g-col-lg-4 {
-        grid-column: auto/span 4
-    }
-
-    .grid .g-col-lg-5 {
-        grid-column: auto/span 5
-    }
-
-    .grid .g-col-lg-6 {
-        grid-column: auto/span 6
-    }
-
-    .grid .g-col-lg-7 {
-        grid-column: auto/span 7
-    }
-
-    .grid .g-col-lg-8 {
-        grid-column: auto/span 8
-    }
-
-    .grid .g-col-lg-9 {
-        grid-column: auto/span 9
-    }
-
-    .grid .g-col-lg-10 {
-        grid-column: auto/span 10
-    }
-
-    .grid .g-col-lg-11 {
-        grid-column: auto/span 11
-    }
-
-    .grid .g-col-lg-12 {
-        grid-column: auto/span 12
-    }
-
-    .grid .g-start-lg-1 {
-        grid-column-start: 1
-    }
-
-    .grid .g-start-lg-2 {
-        grid-column-start: 2
-    }
-
-    .grid .g-start-lg-3 {
-        grid-column-start: 3
-    }
-
-    .grid .g-start-lg-4 {
-        grid-column-start: 4
-    }
-
-    .grid .g-start-lg-5 {
-        grid-column-start: 5
-    }
-
-    .grid .g-start-lg-6 {
-        grid-column-start: 6
-    }
-
-    .grid .g-start-lg-7 {
-        grid-column-start: 7
-    }
-
-    .grid .g-start-lg-8 {
-        grid-column-start: 8
-    }
-
-    .grid .g-start-lg-9 {
-        grid-column-start: 9
-    }
-
-    .grid .g-start-lg-10 {
-        grid-column-start: 10
-    }
-
-    .grid .g-start-lg-11 {
-        grid-column-start: 11
-    }
-}
-
-@media (min-width: 1200px) {
-    .grid .g-col-xl-1 {
-        grid-column:auto/span 1
-    }
-
-    .grid .g-col-xl-2 {
-        grid-column: auto/span 2
-    }
-
-    .grid .g-col-xl-3 {
-        grid-column: auto/span 3
-    }
-
-    .grid .g-col-xl-4 {
-        grid-column: auto/span 4
-    }
-
-    .grid .g-col-xl-5 {
-        grid-column: auto/span 5
-    }
-
-    .grid .g-col-xl-6 {
-        grid-column: auto/span 6
-    }
-
-    .grid .g-col-xl-7 {
-        grid-column: auto/span 7
-    }
-
-    .grid .g-col-xl-8 {
-        grid-column: auto/span 8
-    }
-
-    .grid .g-col-xl-9 {
-        grid-column: auto/span 9
-    }
-
-    .grid .g-col-xl-10 {
-        grid-column: auto/span 10
-    }
-
-    .grid .g-col-xl-11 {
-        grid-column: auto/span 11
-    }
-
-    .grid .g-col-xl-12 {
-        grid-column: auto/span 12
-    }
-
-    .grid .g-start-xl-1 {
-        grid-column-start: 1
-    }
-
-    .grid .g-start-xl-2 {
-        grid-column-start: 2
-    }
-
-    .grid .g-start-xl-3 {
-        grid-column-start: 3
-    }
-
-    .grid .g-start-xl-4 {
-        grid-column-start: 4
-    }
-
-    .grid .g-start-xl-5 {
-        grid-column-start: 5
-    }
-
-    .grid .g-start-xl-6 {
-        grid-column-start: 6
-    }
-
-    .grid .g-start-xl-7 {
-        grid-column-start: 7
-    }
-
-    .grid .g-start-xl-8 {
-        grid-column-start: 8
-    }
-
-    .grid .g-start-xl-9 {
-        grid-column-start: 9
-    }
-
-    .grid .g-start-xl-10 {
-        grid-column-start: 10
-    }
-
-    .grid .g-start-xl-11 {
-        grid-column-start: 11
-    }
-}
-
-@media (min-width: 1400px) {
-    .grid .g-col-xxl-1 {
-        grid-column:auto/span 1
-    }
-
-    .grid .g-col-xxl-2 {
-        grid-column: auto/span 2
-    }
-
-    .grid .g-col-xxl-3 {
-        grid-column: auto/span 3
-    }
-
-    .grid .g-col-xxl-4 {
-        grid-column: auto/span 4
-    }
-
-    .grid .g-col-xxl-5 {
-        grid-column: auto/span 5
-    }
-
-    .grid .g-col-xxl-6 {
-        grid-column: auto/span 6
-    }
-
-    .grid .g-col-xxl-7 {
-        grid-column: auto/span 7
-    }
-
-    .grid .g-col-xxl-8 {
-        grid-column: auto/span 8
-    }
-
-    .grid .g-col-xxl-9 {
-        grid-column: auto/span 9
-    }
-
-    .grid .g-col-xxl-10 {
-        grid-column: auto/span 10
-    }
-
-    .grid .g-col-xxl-11 {
-        grid-column: auto/span 11
-    }
-
-    .grid .g-col-xxl-12 {
-        grid-column: auto/span 12
-    }
-
-    .grid .g-start-xxl-1 {
-        grid-column-start: 1
-    }
-
-    .grid .g-start-xxl-2 {
-        grid-column-start: 2
-    }
-
-    .grid .g-start-xxl-3 {
-        grid-column-start: 3
-    }
-
-    .grid .g-start-xxl-4 {
-        grid-column-start: 4
-    }
-
-    .grid .g-start-xxl-5 {
-        grid-column-start: 5
-    }
-
-    .grid .g-start-xxl-6 {
-        grid-column-start: 6
-    }
-
-    .grid .g-start-xxl-7 {
-        grid-column-start: 7
-    }
-
-    .grid .g-start-xxl-8 {
-        grid-column-start: 8
-    }
-
-    .grid .g-start-xxl-9 {
-        grid-column-start: 9
-    }
-
-    .grid .g-start-xxl-10 {
-        grid-column-start: 10
-    }
-
-    .grid .g-start-xxl-11 {
-        grid-column-start: 11
-    }
-}
-
-// :root,[data-bs-theme="light"] {
-//     --bd-purple: #4c0bce;
-//     --bd-violet: #712cf9;
-//     --bd-accent: #ffe484;
-//     --bd-violet-rgb: 112.520718,44.062154,249.437846;
-//     --bd-accent-rgb: 255,228,132;
-//     --bd-pink-rgb: 214,51,132;
-//     --bd-teal-rgb: 32,201,151;
-//     --bd-violet-bg: var(--bd-violet);
-//     --bd-toc-color: var(--bd-violet);
-//     --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
-//     --bd-callout-link: 10,88,202;
-//     --bd-callout-code-color: #ab296a;
-//     --bd-pre-bg: var(--bs-tertiary-bg)
-// }
-
-// [data-bs-theme="dark"] {
-//     --bd-violet: #9461fb;
-//     --bd-violet-bg: #712cf9;
-//     --bd-toc-color: var(--bs-emphasis-color);
-//     --bd-sidebar-link-bg: rgba(84,33,187, .5);
-//     --bd-callout-link: 110,168,254;
-//     --bd-callout-code-color: #e685b5;
-//     --bd-pre-bg: #1b1f22
-// }
-
-.bd-navbar {
-    padding: .75rem 0;
-    background-color: transparent;
-    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15)
-}
-
-.bd-navbar::after {
-    position: absolute;
-    inset: 0;
-    z-index: -1;
-    display: block;
-    content: null;
-    background-image: linear-gradient(rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), 0.95))
-}
-
-@media (max-width: 991.98px) {
-    .bd-navbar .bd-navbar-toggle {
-        width:4.25rem
-    }
-}
-
-.bd-navbar .navbar-toggler {
-    padding: 0;
-    margin-right: -.5rem;
-    border: 0
-}
-
-.bd-navbar .navbar-toggler:first-child {
-    margin-left: -.5rem
-}
-
-.bd-navbar .navbar-toggler .bi {
-    width: 1.5rem;
-    height: 1.5rem
-}
-
-.bd-navbar .navbar-toggler:focus {
-    box-shadow: none
-}
-
-.bd-navbar .navbar-brand {
-    color: #fff;
-    transition: transform 0.2s ease-in-out
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .bd-navbar .navbar-brand {
-        transition: none
-    }
-}
-
-.bd-navbar .navbar-brand:hover {
-    transform: rotate(-5deg) scale(1.1)
-}
-
-.bd-navbar .navbar-toggler,.bd-navbar .nav-link {
-    padding-right: .25rem;
-    padding-left: .25rem;
-    color: rgba(255,255,255,0.85)
-}
-
-.bd-navbar .navbar-toggler:hover,.bd-navbar .navbar-toggler:focus,.bd-navbar .nav-link:hover,.bd-navbar .nav-link:focus {
-    color: #fff
-}
-
-.bd-navbar .navbar-toggler.active,.bd-navbar .nav-link.active {
-    font-weight: 600;
-    color: #fff
-}
-
-.bd-navbar .navbar-nav-svg {
-    display: inline-block;
-    vertical-align: -.125rem
-}
-
-.bd-navbar .offcanvas-lg {
-    background-color: var(--bd-violet-bg);
-    border-left: 0
-}
-
-@media (max-width: 991.98px) {
-    .bd-navbar .offcanvas-lg {
-        box-shadow:var(--bs-box-shadow-lg)
-    }
-}
-
-.bd-navbar .dropdown-toggle:focus:not(:focus-visible) {
-    outline: 0
-}
-
-.bd-navbar .dropdown-menu {
-    --bs-dropdown-min-width: 12rem;
-    --bs-dropdown-padding-x: .25rem;
-    --bs-dropdown-padding-y: .25rem;
-    --bs-dropdown-link-hover-bg: rgba(var(--bd-violet-rgb), .1);
-    --bs-dropdown-link-active-bg: rgba(var(--bd-violet-rgb), 1);
-    --bs-dropdown-font-size: .875rem;
-    font-size: .875rem;
-    border-radius: .5rem;
-    box-shadow: var(--bs-box-shadow)
-}
-
-.bd-navbar .dropdown-menu li+li {
-    margin-top: .125rem
-}
-
-.bd-navbar .dropdown-menu .dropdown-item {
-    border-radius: .25rem
-}
-
-.bd-navbar .dropdown-menu .dropdown-item:active .bi {
-    color: inherit !important
-}
-
-.bd-navbar .dropdown-menu .active {
-    font-weight: 600
-}
-
-.bd-navbar .dropdown-menu .active .bi {
-    display: block !important
-}
-
-.bd-navbar .dropdown-menu-end {
-    --bs-dropdown-min-width: 8rem
-}
-
-[data-bs-theme="dark"] .bd-navbar {
-    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15)
-}
-
-:root {
-    --docsearch-primary-color: var(--bd-violet);
-    --docsearch-logo-color: var(--bd-violet)
-}
-
-[data-bs-theme="dark"] {
-    --docsearch-text-color: #f5f6f7;
-    --docsearch-container-background: rgba(9, 10, 17, .8);
-    --docsearch-modal-background: #15172a;
-    --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
-    --docsearch-searchbox-background: #090a11;
-    --docsearch-searchbox-focus-background: #000;
-    --docsearch-hit-color: #bec3c9;
-    --docsearch-hit-shadow: none;
-    --docsearch-hit-background: #090a11;
-    --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
-    --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3);
-    --docsearch-footer-background: #1e2136;
-    --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2);
-    --docsearch-muted-color: #7f8497
-}
-
-.bd-search {
-    position: relative
-}
-
-@media (min-width: 992px) {
-    .bd-search {
-        position:absolute;
-        top: .875rem;
-        left: 50%;
-        width: 200px;
-        margin-left: -100px
-    }
-}
-
-@media (min-width: 1200px) {
-    .bd-search {
-        width:280px;
-        margin-left: -140px
-    }
-}
-
-.DocSearch-Container {
-    --docsearch-muted-color: var(--bs-secondary-color);
-    --docsearch-hit-shadow: none;
-    z-index: 2000;
-    cursor: auto
-}
-
-@media (min-width: 992px) {
-    .DocSearch-Container {
-        padding-top:4rem
-    }
-}
-
-.DocSearch-Button {
-    --docsearch-searchbox-background: rgba(0,0,0,0.1);
-    --docsearch-searchbox-color: #fff;
-    --docsearch-searchbox-focus-background: rgba(0,0,0,0.25);
-    --docsearch-searchbox-shadow: 0 0 0 0.25rem rgba(255,228,132,0.4);
-    --docsearch-text-color: #fff;
-    --docsearch-muted-color: rgba(255,255,255,0.65);
-    width: 100%;
-    height: 38px;
-    margin: 0;
-    border: 1px solid rgba(255,255,255,0.4);
-    border-radius: .375rem
-}
-
-.DocSearch-Button .DocSearch-Search-Icon {
-    opacity: .65
-}
-
-.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover {
-    border-color: #ffe484
-}
-
-.DocSearch-Button:active .DocSearch-Search-Icon,.DocSearch-Button:focus .DocSearch-Search-Icon,.DocSearch-Button:hover .DocSearch-Search-Icon {
-    opacity: 1
-}
-
-@media (max-width: 991.98px) {
-    .DocSearch-Button,.DocSearch-Button:hover,.DocSearch-Button:focus {
-        background:transparent;
-        border: 0;
-        box-shadow: none
-    }
-
-    .DocSearch-Button:focus {
-        box-shadow: var(--docsearch-searchbox-shadow)
-    }
-}
-
-@media (max-width: 991.98px) {
-    .DocSearch-Button-Keys,.DocSearch-Button-Placeholder {
-        display:none
-    }
-}
-
-.DocSearch-Button-Keys {
-    min-width: 0;
-    padding: .125rem .25rem;
-    background: rgba(0,0,0,0.25);
-    border-radius: .25rem
-}
-
-.DocSearch-Button-Key {
-    top: 0;
-    width: auto;
-    height: 1.25rem;
-    padding-right: .125rem;
-    padding-left: .125rem;
-    margin-right: 0;
-    font-size: .875rem;
-    background: none;
-    box-shadow: none
-}
-
-.DocSearch-Commands-Key {
-    padding-left: 1px;
-    font-size: .875rem;
-    background-color: rgba(0,0,0,0.1);
-    background-image: none;
-    box-shadow: none
-}
-
-.DocSearch-Form {
-    border-radius: var(--bs-border-radius)
-}
-
-.DocSearch-Hits mark {
-    padding: 0
-}
-
-.DocSearch-Hit {
-    padding-bottom: 0;
-    border-radius: 0
-}
-
-.DocSearch-Hit a {
-    border-radius: 0;
-    border: solid var(--bs-border-color);
-    border-width: 0 1px 1px
-}
-
-.DocSearch-Hit:first-child a {
-    border-top-left-radius: var(--bs-border-radius);
-    border-top-right-radius: var(--bs-border-radius);
-    border-top-width: 1px
-}
-
-.DocSearch-Hit:last-child a {
-    border-bottom-right-radius: var(--bs-border-radius);
-    border-bottom-left-radius: var(--bs-border-radius)
-}
-
-.DocSearch-Hit-icon {
-    display: flex;
-    align-items: center
-}
-
-.DocSearch-Logo svg .cls-1,.DocSearch-Logo svg .cls-2 {
-    fill: var(--docsearch-logo-color)
-}
-
-.bd-masthead {
-    --bd-pink-rgb: 214,51,132;
-    padding: 3rem 0;
-    background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.5), transparent 50%)
-}
-
-.bd-masthead h1 {
-    --bs-heading-color: var(--bs-emphasis-color);
-    font-size: calc(1.525rem + 3.3vw)
-}
-
-@media (min-width: 1200px) {
-    .bd-masthead h1 {
-        font-size:4rem
-    }
-}
-
-.bd-masthead .lead {
-    font-size: 1rem;
-    font-weight: 400;
-    color: var(--bs-secondary-color)
-}
-
-.bd-masthead .bd-code-snippet {
-    margin: 0;
-    border-color: var(--bs-border-color-translucent);
-    border-width: 1px;
-    border-radius: .5rem
-}
-
-.bd-masthead .highlight {
-    width: 100%;
-    padding: .5rem 1rem;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    background-color: rgba(var(--bs-body-color-rgb), 0.075);
-    border-radius: calc(.5rem - 1px)
-}
-
-@media (min-width: 992px) {
-    .bd-masthead .highlight {
-        padding-right:4rem
-    }
-}
-
-.bd-masthead .highlight pre {
-    padding: 0;
-    margin: .625rem 0;
-    overflow: hidden
-}
-
-.bd-masthead .btn-clipboard {
-    position: absolute;
-    top: -.625rem;
-    right: 0;
-    background-color: transparent
-}
-
-.bd-masthead #carbonads {
-    margin-inline:auto}
-
-@media (min-width: 768px) {
-    .bd-masthead .lead {
-        font-size:calc(1.275rem + .3vw)
-    }
-}
-
-@media (min-width: 768px) and (min-width: 1200px) {
-    .bd-masthead .lead {
-        font-size:1.5rem
-    }
-}
-
-.masthead-followup h2,.masthead-followup h3,.masthead-followup h4 {
-    --bs-heading-color: var(--bs-emphasis-color)
-}
-
-.masthead-followup .lead {
-    font-size: 1rem
-}
-
-@media (min-width: 768px) {
-    .masthead-followup .lead {
-        font-size:1.25rem
-    }
-}
-
-.masthead-followup-icon {
-    padding: 1rem;
-    color: rgba(var(--bg-rgb), 1);
-    background-color: rgba(var(--bg-rgb), 0.1);
-    background-blend-mode: multiple;
-    border-radius: 1rem;
-    mix-blend-mode: darken
-}
-
-.masthead-followup-icon svg {
-    filter: drop-shadow(0 1px 1px var(--bs-body-bg))
-}
-
-.masthead-notice {
-    background-color: var(--bd-accent);
-    box-shadow: inset 0 -1px 1px rgba(var(--bs-body-color-rgb), 0.15),0 0.25rem 1.5rem rgba(var(--bs-body-bg-rgb), 0.75)
-}
-
-.animate-img>img {
-    transition: transform 0.2s ease-in-out
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .animate-img>img {
-        transition: none
-    }
-}
-
-.animate-img:hover>img {
-    transform: scale(1.1)
-}
-
-[data-bs-theme="dark"] .masthead-followup-icon {
-    mix-blend-mode: lighten
-}
-
-#carbonads {
-    position: static;
-    display: block;
-    max-width: 400px;
-    padding: 15px 15px 15px 160px;
-    margin: 2rem 0;
-    overflow: hidden;
-    font-size: .8125rem;
-    line-height: 1.4;
-    text-align: left;
-    background-color: var(--bs-tertiary-bg)
-}
-
-#carbonads a {
-    color: var(--bs-body-color);
-    text-decoration: none
-}
-
-@media (min-width: 576px) {
-    #carbonads {
-        border-radius:.5rem
-    }
-}
-
-.carbon-img {
-    float: left;
-    margin-left: -145px
-}
-
-.carbon-poweredby {
-    display: block;
-    margin-top: .75rem;
-    color: var(--bs-body-color) !important
-}
-
-.bd-content>h2,.bd-content>h3,.bd-content>h4 {
-    --bs-heading-color: var(--bs-emphasis-color)
-}
-
-.bd-content>h2:not(:first-child) {
-    margin-top: 3rem
-}
-
-.bd-content>h3 {
-    margin-top: 2rem
-}
-
-.bd-content>ul li,.bd-content>ol li {
-    margin-bottom: .25rem
-}
-
-.bd-content>ul li>p~ul,.bd-content>ol li>p~ul {
-    margin-top: -.5rem;
-    margin-bottom: 1rem
-}
-
-.bd-content>.table,.bd-content>.table-responsive .table {
-    --bs-table-border-color: var(--bs-border-color);
-    max-width: 100%;
-    margin-bottom: 1.5rem;
-    font-size: .875rem
-}
-
-@media (max-width: 991.98px) {
-    .bd-content>.table.table-bordered,.bd-content>.table-responsive .table.table-bordered {
-        border:0
-    }
-}
-
-.bd-content>.table thead,.bd-content>.table-responsive .table thead {
-    border-bottom: 2px solid currentcolor
-}
-
-.bd-content>.table tbody:not(:first-child),.bd-content>.table-responsive .table tbody:not(:first-child) {
-    border-top: 2px solid currentcolor
-}
-
-.bd-content>.table th:first-child,.bd-content>.table td:first-child,.bd-content>.table-responsive .table th:first-child,.bd-content>.table-responsive .table td:first-child {
-    padding-left: 0
-}
-
-.bd-content>.table th:not(:last-child),.bd-content>.table td:not(:last-child),.bd-content>.table-responsive .table th:not(:last-child),.bd-content>.table-responsive .table td:not(:last-child) {
-    padding-right: 1.5rem
-}
-
-.bd-content>.table th,.bd-content>.table-responsive .table th {
-    color: var(--bs-emphasis-color)
-}
-
-.bd-content>.table strong,.bd-content>.table-responsive .table strong {
-    color: var(--bs-emphasis-color)
-}
-
-.bd-content>.table th,.bd-content>.table td:first-child>code,.bd-content>.table-responsive .table th,.bd-content>.table-responsive .table td:first-child>code {
-    white-space: nowrap
-}
-
-.table-options td:nth-child(2) {
-    min-width: 160px
-}
-
-.table-options td:last-child,.table-utilities td:last-child {
-    min-width: 280px
-}
-
-.table-swatches th {
-    color: var(--bs-emphasis-color)
-}
-
-.table-swatches td code {
-    white-space: nowrap
-}
-
-.bd-title {
-    --bs-heading-color: var(--bs-emphasis-color);
-    font-size: calc(1.425rem + 2.1vw)
-}
-
-@media (min-width: 1200px) {
-    .bd-title {
-        font-size:3rem
-    }
-}
-
-.bd-lead {
-    font-size: calc(1.275rem + .3vw);
-    font-weight: 300
-}
-
-@media (min-width: 1200px) {
-    .bd-lead {
-        font-size:1.5rem
-    }
-}
-
-.bi {
-    width: 1em;
-    height: 1em;
-    vertical-align: -.125em;
-    fill: currentcolor
-}
-
-.icon-link {
-    display: flex;
-    align-items: center;
-    -webkit-text-decoration-color: rgba(13,110,253,0.5);
-    text-decoration-color: rgba(13,110,253,0.5);
-    text-underline-offset: .5rem;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden
-}
-
-.icon-link .bi {
-    width: 1.5em;
-    height: 1.5em;
-    transition: .2s ease-in-out transform
-}
-
-.icon-link:hover .bi {
-    transform: translate3d(5px, 0, 0)
-}
-
-@media (min-width: 992px) {
-    .border-lg-start {
-        border-left:var(--bs-border-width) solid var(--bs-border-color)
-    }
-}
-
-.bd-summary-link {
-    color: var(--bs-link-color)
-}
-
-.bd-summary-link:hover,details[open]>.bd-summary-link {
-    color: var(--bs-link-hover-color)
-}
-
-[data-bs-theme="blue"] {
-    --bs-body-color: var(--bs-white);
-    --bs-body-color-rgb: 255,255,255;
-    --bs-body-bg: var(--bs-blue);
-    --bs-body-bg-rgb: 13,110,253;
-    --bs-tertiary-bg: #0a58ca
-}
-
-[data-bs-theme="blue"] .dropdown-menu {
-    --bs-dropdown-bg: #0c63e4;
-    --bs-dropdown-link-active-bg: #084298
-}
-
-[data-bs-theme="blue"] .btn-secondary {
-    --bs-btn-bg: #3d8bfc;
-    --bs-btn-border-color: rgba(255,255,255,0.25);
-    --bs-btn-hover-bg: #247cfc;
-    --bs-btn-hover-border-color: rgba(255,255,255,0.25);
-    --bs-btn-active-bg: #0b6dfb;
-    --bs-btn-active-border-color: rgba(255,255,255,0.5);
-    --bs-btn-focus-border-color: rgba(255,255,255,0.5);
-    --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .2)
-}
-
-.skippy {
-    background-color: #4c0bce
-}
-
-.skippy a {
-    color: #fff
-}
-
-@media (min-width: 992px) {
-    .bd-sidebar {
-        position:-webkit-sticky;
-        position: sticky;
-        top: 5rem;
-        display: block !important;
-        height: calc(100vh - 6rem);
-        padding-left: .25rem;
-        margin-left: -.25rem;
-        overflow-y: auto
-    }
-}
-
-@media (max-width: 991.98px) {
-    .bd-sidebar .offcanvas-lg {
-        border-right-color:var(--bs-border-color);
-        box-shadow: var(--bs-box-shadow-lg)
-    }
-}
-
-.bd-links-heading {
-    color: var(--bs-emphasis-color)
-}
-
-@media (max-width: 991.98px) {
-    .bd-links-nav {
-        font-size:.875rem
-    }
-}
-
-@media (max-width: 991.98px) {
-    .bd-links-nav {
-        -moz-column-count:2;
-        column-count: 2;
-        -moz-column-gap: 1.5rem;
-        column-gap: 1.5rem
-    }
-
-    .bd-links-nav .bd-links-group {
-        -moz-column-break-inside: avoid;
-        break-inside: avoid
-    }
-
-    .bd-links-nav .bd-links-span-all {
-        -moz-column-span: all;
-        column-span: all
-    }
-}
-
-.bd-links-link {
-    padding: .1875rem .5rem;
-    margin-top: .125rem;
-    margin-left: 1.125rem;
-    color: var(--bs-body-color);
-    text-decoration: none
-}
-
-.bd-links-link:hover,.bd-links-link:focus,.bd-links-link.active {
-    color: var(--bs-emphasis-color);
-    background-color: var(--bd-sidebar-link-bg)
-}
-
-.bd-links-link.active {
-    font-weight: 600
-}
-
-.bd-gutter {
-    --bs-gutter-x: 3rem
-}
-
-@media (min-width: 992px) {
-    .bd-layout {
-        display:grid;
-        grid-template-areas: "sidebar main";
-        grid-template-columns: 1fr 5fr;
-        gap: 1.5rem
-    }
-}
-
-.bd-sidebar {
-    grid-area: sidebar
-}
-
-.bd-main {
-    grid-area: main
-}
-
-@media (max-width: 991.98px) {
-    .bd-main {
-        max-width:760px;
-        margin-inline:auto}
-}
-
-@media (min-width: 768px) {
-    .bd-main {
-        display:grid;
-        grid-template-areas: "intro" "toc" "content";
-        grid-template-rows: auto auto 1fr;
-        gap: inherit
-    }
-}
-
-@media (min-width: 992px) {
-    .bd-main {
-        grid-template-areas:"intro   toc" "content toc";
-        grid-template-rows: auto 1fr;
-        grid-template-columns: 4fr 1fr
-    }
-}
-
-.bd-intro {
-    grid-area: intro
-}
-
-.bd-toc {
-    grid-area: toc
-}
-
-.bd-content {
-    grid-area: content;
-    min-width: 1px
-}
-
-@media (min-width: 992px) {
-    .bd-toc {
-        position:-webkit-sticky;
-        position: sticky;
-        top: 5rem;
-        right: 0;
-        // z-index: 2;
-        height: calc(100vh - 7rem);
-        overflow-y: auto
-    }
-}
-
-.bd-toc nav {
-    font-size: .875rem
-}
-
-.bd-toc nav ul {
-    padding-left: 0;
-    margin-bottom: 0;
-    list-style: none
-}
-
-.bd-toc nav ul ul {
-    padding-left: 1rem
-}
-
-.bd-toc nav a {
-    display: block;
-    padding: .125rem 0 .125rem .75rem;
-    color: inherit;
-    text-decoration: none;
-    border-left: .125rem solid transparent
-}
-
-.bd-toc nav a:hover,.bd-toc nav a.active {
-    color: var(--bd-toc-color);
-    border-left-color: var(--bd-toc-color)
-}
-
-.bd-toc nav a.active {
-    font-weight: 500
-}
-
-.bd-toc nav a code {
-    font: inherit
-}
-
-.bd-toc-toggle {
-    display: flex;
-    align-items: center
-}
-
-@media (max-width: 575.98px) {
-    .bd-toc-toggle {
-        justify-content:space-between;
-        width: 100%
-    }
-}
-
-@media (max-width: 767.98px) {
-    .bd-toc-toggle {
-        color:var(--bs-body-color);
-        border: 1px solid var(--bs-border-color);
-        border-radius: var(--bs-border-radius)
-    }
-
-    .bd-toc-toggle:hover,.bd-toc-toggle:focus,.bd-toc-toggle:active,.bd-toc-toggle[aria-expanded="true"] {
-        color: var(--bd-violet);
-        background-color: var(--bs-body-bg);
-        border-color: var(--bd-violet)
-    }
-
-    .bd-toc-toggle:focus,.bd-toc-toggle[aria-expanded="true"] {
-        box-shadow: 0 0 0 3px rgba(var(--bd-violet-rgb), 0.25)
-    }
-}
-
-@media (max-width: 767.98px) {
-    .bd-toc-collapse nav {
-        padding:1.25rem 1.25rem 1.25rem 1rem;
-        background-color: var(--bs-tertiary-bg);
-        border: 1px solid var(--bs-border-color);
-        border-radius: var(--bs-border-radius)
-    }
-}
-
-@media (min-width: 768px) {
-    .bd-toc-collapse {
-        display:block !important
-    }
-}
-
-.bd-footer a {
-    color: var(--bs-body-color);
-    text-decoration: none
-}
-
-.bd-footer a:hover,.bd-footer a:focus {
-    color: var(--bs-link-hover-color);
-    text-decoration: underline
-}
-
-.bd-code-snippet {
-    margin: 0 -1.5rem 1rem;
-    border: solid var(--bs-border-color);
-    border-width: 1px 0
-}
-
-@media (min-width: 768px) {
-    .bd-code-snippet {
-        margin-right:0;
-        margin-left: 0;
-        border-width: 1px;
-        border-radius: var(--bs-border-radius)
-    }
-}
-
-.bd-example {
-    --bd-example-padding: 1rem;
-    position: relative;
-    padding: var(--bd-example-padding);
-    margin: 0 -1.5rem 1rem;
-    border: solid var(--bs-border-color);
-    border-width: 1px 0
-}
-
-.bd-example::after {
-    display: block;
-    clear: both;
-    content: null
-}
-
-@media (min-width: 768px) {
-    .bd-example {
-        --bd-example-padding: 1.5rem;
-        margin-right: 0;
-        margin-left: 0;
-        border-width: 1px;
-        border-radius: var(--bs-border-radius)
-    }
-}
-
-.bd-example+p {
-    margin-top: 2rem
-}
-
-.bd-example>.form-control+.form-control {
-    margin-top: .5rem
-}
-
-.bd-example>.nav+.nav,.bd-example>.alert+.alert,.bd-example>.navbar+.navbar,.bd-example>.progress+.progress {
-    margin-top: 1rem
-}
-
-.bd-example>.dropdown-menu {
-    position: static;
-    display: block
-}
-
-.bd-example>:last-child,.bd-example>nav:last-child .breadcrumb {
-    margin-bottom: 0
-}
-
-.bd-example>hr:last-child {
-    margin-bottom: 1rem
-}
-
-.bd-example>svg+svg,.bd-example>img+img {
-    margin-left: .5rem
-}
-
-.bd-example>.btn,.bd-example>.btn-group {
-    margin: .25rem .125rem
-}
-
-.bd-example>.btn-toolbar+.btn-toolbar {
-    margin-top: .5rem
-}
-
-.bd-example>.list-group {
-    max-width: 400px
-}
-
-.bd-example>[class*="list-group-horizontal"] {
-    max-width: 100%
-}
-
-.bd-example .fixed-top,.bd-example .sticky-top {
-    position: static;
-    margin: calc(var(--bd-example-padding) * -1) calc(var(--bd-example-padding) * -1) var(--bd-example-padding)
-}
-
-.bd-example .fixed-bottom,.bd-example .sticky-bottom {
-    position: static;
-    margin: var(--bd-example-padding) calc(var(--bd-example-padding) * -1) calc(var(--bd-example-padding) * -1)
-}
-
-.bd-example .pagination {
-    margin-bottom: 0
-}
-
-.bd-example-row [class^="col"],.bd-example-cols [class^="col"]>*,.bd-example-cssgrid [class*="grid"]>* {
-    padding-top: .75rem;
-    padding-bottom: .75rem;
-    background-color: rgba(var(--bd-violet-rgb), 0.15);
-    border: 1px solid rgba(var(--bd-violet-rgb), 0.3)
-}
-
-.bd-example-row .row+.row,.bd-example-cssgrid .grid+.grid {
-    margin-top: 1rem
-}
-
-.bd-example-row-flex-cols .row {
-    min-height: 10rem;
-    background-color: rgba(var(--bd-violet-rgb), 0.15)
-}
-
-.bd-example-flex div:not(.vr) {
-    background-color: rgba(var(--bd-violet-rgb), 0.15);
-    border: 1px solid rgba(var(--bd-violet-rgb), 0.3)
-}
-
-.example-container {
-    width: 800px;
-    --bs-gutter-x: 1.5rem;
-    --bs-gutter-y: 0;
-    width: 100%;
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
-    margin-right: auto;
-    margin-left: auto
-}
-
-.example-row {
-    --bs-gutter-x: 1.5rem;
-    --bs-gutter-y: 0;
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: calc(-1 * var(--bs-gutter-y));
-    margin-right: calc(-.5 * var(--bs-gutter-x));
-    margin-left: calc(-.5 * var(--bs-gutter-x))
-}
-
-.example-content-main {
-    flex-shrink: 0;
-    width: 100%;
-    max-width: 100%;
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
-    margin-top: var(--bs-gutter-y)
-}
-
-@media (min-width: 576px) {
-    .example-content-main {
-        flex:0 0 auto;
-        width: 50%
-    }
-}
-
-@media (min-width: 992px) {
-    .example-content-main {
-        flex:0 0 auto;
-        width: 66.666667%
-    }
-}
-
-.example-content-secondary {
-    flex-shrink: 0;
-    width: 100%;
-    max-width: 100%;
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
-    margin-top: var(--bs-gutter-y)
-}
-
-@media (min-width: 576px) {
-    .example-content-secondary {
-        flex:0 0 auto;
-        width: 50%
-    }
-}
-
-@media (min-width: 992px) {
-    .example-content-secondary {
-        flex:0 0 auto;
-        width: 33.333333%
-    }
-}
-
-.bd-example-ratios .ratio {
-    display: inline-block;
-    width: 10rem;
-    color: var(--bs-secondary-color);
-    background-color: var(--bs-tertiary-bg);
-    border: var(--bs-border-width) solid var(--bs-border-color)
-}
-
-.bd-example-ratios .ratio>div {
-    display: flex;
-    align-items: center;
-    justify-content: center
-}
-
-.bd-example-ratios-breakpoint .ratio-4x3 {
-    width: 16rem
-}
-
-@media (min-width: 768px) {
-    .bd-example-ratios-breakpoint .ratio-4x3 {
-        --bs-aspect-ratio: 50%
-    }
-}
-
-.bd-example-offcanvas .offcanvas {
-    position: static;
-    display: block;
-    height: 200px;
-    visibility: visible;
-    transform: translate(0)
-}
-
-.tooltip-demo a {
-    white-space: nowrap
-}
-
-.tooltip-demo .btn {
-    margin: .25rem .125rem
-}
-
-.custom-tooltip {
-    --bs-tooltip-bg: var(--bd-violet-bg);
-    --bs-tooltip-color: var(--bs-white)
-}
-
-.custom-popover {
-    --bs-popover-max-width: 200px;
-    --bs-popover-border-color: var(--bd-violet-bg);
-    --bs-popover-header-bg: var(--bd-violet-bg);
-    --bs-popover-header-color: var(--bs-white);
-    --bs-popover-body-padding-x: 1rem;
-    --bs-popover-body-padding-y: .5rem
-}
-
-.scrollspy-example {
-    height: 200px;
-    margin-top: .5rem;
-    overflow: auto
-}
-
-.scrollspy-example-2 {
-    height: 350px;
-    overflow: auto
-}
-
-.simple-list-example-scrollspy .active {
-    background-color: rgba(var(--bd-violet-rgb), 0.15)
-}
-
-.bd-example-border-utils [class^="border"] {
-    display: inline-block;
-    width: 5rem;
-    height: 5rem;
-    margin: .25rem;
-    background-color: var(--bs-tertiary-bg)
-}
-
-.bd-example-rounded-utils [class*="rounded"] {
-    margin: .25rem
-}
-
-.bd-example-position-utils {
-    position: relative;
-    padding: 2rem
-}
-
-.bd-example-position-utils .position-relative {
-    height: 200px;
-    background-color: var(--bs-tertiary-bg)
-}
-
-.bd-example-position-utils .position-absolute {
-    width: 2rem;
-    height: 2rem;
-    background-color: var(--bs-body-color);
-    border-radius: .375rem
-}
-
-.bd-example-position-examples::after {
-    content: none
-}
-
-.bd-example-placeholder-cards::after {
-    display: none
-}
-
-.bd-example-placeholder-cards .card {
-    width: 18rem
-}
-
-.bd-example-toasts {
-    min-height: 240px
-}
-
-.bd-example-zindex-levels {
-    min-height: 15rem
-}
-
-.bd-example-zindex-levels>div {
-    color: var(--bs-body-bg);
-    background-color: var(--bd-violet);
-    border: 1px solid var(--bd-purple)
-}
-
-.bd-example-zindex-levels>div>span {
-    position: absolute;
-    right: 5px;
-    bottom: 0
-}
-
-.bd-example-zindex-levels>:nth-child(2) {
-    top: 3rem;
-    left: 3rem
-}
-
-.bd-example-zindex-levels>:nth-child(3) {
-    top: 4.5rem;
-    left: 4.5rem
-}
-
-.bd-example-zindex-levels>:nth-child(4) {
-    top: 6rem;
-    left: 6rem
-}
-
-.bd-example-zindex-levels>:nth-child(5) {
-    top: 7.5rem;
-    left: 7.5rem
-}
-
-.highlight {
-    position: relative;
-    padding: 0.75rem 1.5rem;
-    background-color: var(--bd-pre-bg)
-}
-
-@media (min-width: 768px) {
-    .highlight {
-        padding:.75rem 1.25rem;
-        border-radius: calc(var(--bs-border-radius) - 1px)
-    }
-}
-
-@media (min-width: 992px) {
-.highlight pre {
-        margin-right:1.875rem
-    }
-}
-
-.highlight pre {
-    padding: .25rem 0 .875rem;
-    margin-top: .8125rem;
-    margin-bottom: 0;
-    overflow: overlay;
-    white-space: pre;
-    background-color: transparent;
-    border: 0
-}
-
-.highlight pre code {
-    font-size: inherit;
-    // color: var(--bs-body-color);
-    word-wrap: normal
-}
-
-.bd-example-snippet .highlight pre {
-    margin-right: 0
-}
-
-.highlight-toolbar {
-    background-color: var(--bd-pre-bg)
-}
-
-.highlight-toolbar+.highlight {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0
-}
-
-@media (min-width: 768px) {
-    .bd-file-ref .highlight-toolbar {
-        border-top-left-radius:calc(var(--bs-border-radius) - 1px);
-        border-top-right-radius: calc(var(--bs-border-radius) - 1px)
-    }
-}
-
-.bd-content .bd-code-snippet {
-    margin-bottom: 1rem
-}
-
-.btn-bd-primary {
-    --bs-btn-font-weight: 600;
-    --bs-btn-color: var(--bs-white);
-    --bs-btn-bg: var(--bd-violet-bg);
-    --bs-btn-border-color: var(--bd-violet-bg);
-    --bs-btn-hover-color: var(--bs-white);
-    --bs-btn-hover-bg: #6528e0;
-    --bs-btn-hover-border-color: #6528e0;
-    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
-    --bs-btn-active-color: var(--bs-btn-hover-color);
-    --bs-btn-active-bg: #5a23c8;
-    --bs-btn-active-border-color: #5a23c8
-}
-
-.btn-bd-accent {
-    --bs-btn-font-weight: 600;
-    --bs-btn-color: var(--bd-accent);
-    --bs-btn-border-color: var(--bd-accent);
-    --bs-btn-hover-color: var(--bd-dark);
-    --bs-btn-hover-bg: var(--bd-accent);
-    --bs-btn-hover-border-color: var(--bd-accent);
-    --bs-btn-focus-shadow-rgb: var(--bd-accent-rgb);
-    --bs-btn-active-color: var(--bs-btn-hover-color);
-    --bs-btn-active-bg: var(--bs-btn-hover-bg);
-    --bs-btn-active-border-color: var(--bs-btn-hover-border-color)
-}
-
-.btn-bd-light {
-    --btn-custom-color: #9461fb;
-    --bs-btn-color: var(--bs-gray-600);
-    --bs-btn-border-color: var(--bs-border-color);
-    --bs-btn-hover-color: var(--btn-custom-color);
-    --bs-btn-hover-border-color: var(--btn-custom-color);
-    --bs-btn-active-color: var(--btn-custom-color);
-    --bs-btn-active-bg: var(--bs-white);
-    --bs-btn-active-border-color: var(--btn-custom-color);
-    --bs-btn-focus-border-color: var(--btn-custom-color);
-    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb)
-}
-
-.bd-btn-lg {
-    --bs-btn-border-radius: .5rem;
-    padding: .8125rem 2rem
-}
-
-.bd-callout {
-    --bs-link-color-rgb: var(--bd-callout-link);
-    --bs-code-color: var(--bd-callout-code-color);
-    padding: 1.25rem;
-    margin-top: 1.25rem;
-    margin-bottom: 1.25rem;
-    color: var(--bd-callout-color, inherit);
-    background-color: var(--bd-callout-bg, var(--bs-gray-100));
-    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
-}
-
-.bd-callout h4 {
-    margin-bottom: .25rem
-}
-
-.bd-callout>:last-child {
-    margin-bottom: 0
-}
-
-.bd-callout+.bd-callout {
-    margin-top: -.25rem
-}
-
-.bd-callout .highlight {
-    background-color: rgba(0,0,0,0.05)
-}
-
-.bd-callout-info {
-    --bd-callout-color: var(--bs-info-text-emphasis);
-    --bd-callout-bg: var(--bs-info-bg-subtle);
-    --bd-callout-border: var(--bs-info-border-subtle)
-}
-
-.bd-callout-warning {
-    --bd-callout-color: var(--bs-warning-text-emphasis);
-    --bd-callout-bg: var(--bs-warning-bg-subtle);
-    --bd-callout-border: var(--bs-warning-border-subtle)
-}
-
-.bd-callout-danger {
-    --bd-callout-color: var(--bs-danger-text-emphasis);
-    --bd-callout-bg: var(--bs-danger-bg-subtle);
-    --bd-callout-border: var(--bs-danger-border-subtle)
-}
-
-.bd-brand-logos {
-    color: #712cf9
-}
-
-.bd-brand-logos .inverse {
-    color: #fff;
-    background-color: #712cf9
-}
-
-.bd-brand-item+.bd-brand-item {
-    border-top: 1px solid var(--bs-border-color)
-}
-
-@media (min-width: 768px) {
-    .bd-brand-item+.bd-brand-item {
-        border-top:0;
-        border-left: 1px solid var(--bs-border-color)
-    }
-}
-
-.color-swatches {
-    margin: 0 -5px
-}
-
-.color-swatches .bd-purple {
-    background-color: #4c0bce
-}
-
-.color-swatches .bd-purple-light {
-    background-color: #d5c1fd
-}
-
-.color-swatches .bd-purple-lighter {
-    background-color: #e5e1ea
-}
-
-.color-swatches .bd-gray {
-    background-color: #f9f9f9
-}
-
-.color-swatch {
-    width: 4rem;
-    height: 4rem
-}
-
-@media (min-width: 768px) {
-    .color-swatch {
-        width:6rem;
-        height: 6rem
-    }
-}
-
-.swatch-blue {
-    color: #fff;
-    background-color: #0d6efd
-}
-
-.swatch-blue::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "4.50" "\a" "4.50" "\a" "4.66";
-    background-color: #0d6efd;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-indigo {
-    color: #fff;
-    background-color: #6610f2
-}
-
-.swatch-indigo::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "7.18" "\a" "7.18" "\a" "2.92";
-    background-color: #6610f2;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-purple {
-    color: #fff;
-    background-color: #6f42c1
-}
-
-.swatch-purple::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "6.51" "\a" "6.51" "\a" "3.22";
-    background-color: #6f42c1;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-pink {
-    color: #fff;
-    background-color: #d63384
-}
-
-.swatch-pink::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "4.50" "\a" "4.50" "\a" "4.66";
-    background-color: #d63384;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-red {
-    color: #fff;
-    background-color: #dc3545
-}
-
-.swatch-red::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "4.52" "\a" "4.52" "\a" "4.63";
-    background-color: #dc3545;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-orange {
-    color: #000;
-    background-color: #fd7e14
-}
-
-.swatch-orange::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "8.17" "\a" "2.57" "\a" "8.17";
-    background-color: #fd7e14;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-yellow {
-    color: #000;
-    background-color: #ffc107
-}
-
-.swatch-yellow::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "12.8" "\a" "1.63" "\a" "12.8";
-    background-color: #ffc107;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-green {
-    color: #fff;
-    background-color: #198754
-}
-
-.swatch-green::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "4.53" "\a" "4.53" "\a" "4.63";
-    background-color: #198754;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-teal {
-    color: #000;
-    background-color: #20c997
-}
-
-.swatch-teal::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "9.86" "\a" "2.12" "\a" "9.86";
-    background-color: #20c997;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-cyan {
-    color: #000;
-    background-color: #0dcaf0
-}
-
-.swatch-cyan::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "10.7" "\a" "1.95" "\a" "10.7";
-    background-color: #0dcaf0;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-black {
-    color: #fff;
-    background-color: #000
-}
-
-.swatch-black::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "21" "\a" "21" "\a" "1";
-    background-color: #000;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-white {
-    color: #000;
-    background-color: #fff
-}
-
-.swatch-white::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "21" "\a" "1" "\a" "21";
-    background-color: #fff;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-gray {
-    color: #fff;
-    background-color: #6c757d
-}
-
-.swatch-gray::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "4.68" "\a" "4.68" "\a" "4.47";
-    background-color: #6c757d;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-gray-dark {
-    color: #fff;
-    background-color: #343a40
-}
-
-.swatch-gray-dark::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "11.5" "\a" "11.5" "\a" "1.82";
-    background-color: #343a40;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.swatch-gray-500 {
-    color: #000;
-    background-color: #adb5bd
-}
-
-.swatch-gray-500::after {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    padding-left: 1rem;
-    font-size: .75rem;
-    line-height: 1.35;
-    white-space: pre;
-    content: "10.1" "\a" "2.07" "\a" "10.1";
-    background-color: #adb5bd;
-    background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem);
-    background-repeat: no-repeat;
-    background-size: .5rem 100%
-}
-
-.bd-blue-100 {
-    color: #000;
-    background-color: #cfe2ff
-}
-
-.bd-blue-200 {
-    color: #000;
-    background-color: #9ec5fe
-}
-
-.bd-blue-300 {
-    color: #000;
-    background-color: #6ea8fe
-}
-
-.bd-blue-400 {
-    color: #000;
-    background-color: #3d8bfd
-}
-
-.bd-blue-500 {
-    color: #fff;
-    background-color: #0d6efd
-}
-
-.bd-blue-600 {
-    color: #fff;
-    background-color: #0a58ca
-}
-
-.bd-blue-700 {
-    color: #fff;
-    background-color: #084298
-}
-
-.bd-blue-800 {
-    color: #fff;
-    background-color: #052c65
-}
-
-.bd-blue-900 {
-    color: #fff;
-    background-color: #031633
-}
-
-.bd-indigo-100 {
-    color: #000;
-    background-color: #e0cffc
-}
-
-.bd-indigo-200 {
-    color: #000;
-    background-color: #c29ffa
-}
-
-.bd-indigo-300 {
-    color: #000;
-    background-color: #a370f7
-}
-
-.bd-indigo-400 {
-    color: #fff;
-    background-color: #8540f5
-}
-
-.bd-indigo-500 {
-    color: #fff;
-    background-color: #6610f2
-}
-
-.bd-indigo-600 {
-    color: #fff;
-    background-color: #520dc2
-}
-
-.bd-indigo-700 {
-    color: #fff;
-    background-color: #3d0a91
-}
-
-.bd-indigo-800 {
-    color: #fff;
-    background-color: #290661
-}
-
-.bd-indigo-900 {
-    color: #fff;
-    background-color: #140330
-}
-
-.bd-purple-100 {
-    color: #000;
-    background-color: #e2d9f3
-}
-
-.bd-purple-200 {
-    color: #000;
-    background-color: #c5b3e6
-}
-
-.bd-purple-300 {
-    color: #000;
-    background-color: #a98eda
-}
-
-.bd-purple-400 {
-    color: #000;
-    background-color: #8c68cd
-}
-
-.bd-purple-500 {
-    color: #fff;
-    background-color: #6f42c1
-}
-
-.bd-purple-600 {
-    color: #fff;
-    background-color: #59359a
-}
-
-.bd-purple-700 {
-    color: #fff;
-    background-color: #432874
-}
-
-.bd-purple-800 {
-    color: #fff;
-    background-color: #2c1a4d
-}
-
-.bd-purple-900 {
-    color: #fff;
-    background-color: #160d27
-}
-
-.bd-pink-100 {
-    color: #000;
-    background-color: #f7d6e6
-}
-
-.bd-pink-200 {
-    color: #000;
-    background-color: #efadce
-}
-
-.bd-pink-300 {
-    color: #000;
-    background-color: #e685b5
-}
-
-.bd-pink-400 {
-    color: #000;
-    background-color: #de5c9d
-}
-
-.bd-pink-500 {
-    color: #fff;
-    background-color: #d63384
-}
-
-.bd-pink-600 {
-    color: #fff;
-    background-color: #ab296a
-}
-
-.bd-pink-700 {
-    color: #fff;
-    background-color: #801f4f
-}
-
-.bd-pink-800 {
-    color: #fff;
-    background-color: #561435
-}
-
-.bd-pink-900 {
-    color: #fff;
-    background-color: #2b0a1a
-}
-
-.bd-red-100 {
-    color: #000;
-    background-color: #f8d7da
-}
-
-.bd-red-200 {
-    color: #000;
-    background-color: #f1aeb5
-}
-
-.bd-red-300 {
-    color: #000;
-    background-color: #ea868f
-}
-
-.bd-red-400 {
-    color: #000;
-    background-color: #e35d6a
-}
-
-.bd-red-500 {
-    color: #fff;
-    background-color: #dc3545
-}
-
-.bd-red-600 {
-    color: #fff;
-    background-color: #b02a37
-}
-
-.bd-red-700 {
-    color: #fff;
-    background-color: #842029
-}
-
-.bd-red-800 {
-    color: #fff;
-    background-color: #58151c
-}
-
-.bd-red-900 {
-    color: #fff;
-    background-color: #2c0b0e
-}
-
-.bd-orange-100 {
-    color: #000;
-    background-color: #ffe5d0
-}
-
-.bd-orange-200 {
-    color: #000;
-    background-color: #fecba1
-}
-
-.bd-orange-300 {
-    color: #000;
-    background-color: #feb272
-}
-
-.bd-orange-400 {
-    color: #000;
-    background-color: #fd9843
-}
-
-.bd-orange-500 {
-    color: #000;
-    background-color: #fd7e14
-}
-
-.bd-orange-600 {
-    color: #000;
-    background-color: #ca6510
-}
-
-.bd-orange-700 {
-    color: #fff;
-    background-color: #984c0c
-}
-
-.bd-orange-800 {
-    color: #fff;
-    background-color: #653208
-}
-
-.bd-orange-900 {
-    color: #fff;
-    background-color: #331904
-}
-
-.bd-yellow-100 {
-    color: #000;
-    background-color: #fff3cd
-}
-
-.bd-yellow-200 {
-    color: #000;
-    background-color: #ffe69c
-}
-
-.bd-yellow-300 {
-    color: #000;
-    background-color: #ffda6a
-}
-
-.bd-yellow-400 {
-    color: #000;
-    background-color: #ffcd39
-}
-
-.bd-yellow-500 {
-    color: #000;
-    background-color: #ffc107
-}
-
-.bd-yellow-600 {
-    color: #000;
-    background-color: #cc9a06
-}
-
-.bd-yellow-700 {
-    color: #000;
-    background-color: #997404
-}
-
-.bd-yellow-800 {
-    color: #fff;
-    background-color: #664d03
-}
-
-.bd-yellow-900 {
-    color: #fff;
-    background-color: #332701
-}
-
-.bd-green-100 {
-    color: #000;
-    background-color: #d1e7dd
-}
-
-.bd-green-200 {
-    color: #000;
-    background-color: #a3cfbb
-}
-
-.bd-green-300 {
-    color: #000;
-    background-color: #75b798
-}
-
-.bd-green-400 {
-    color: #000;
-    background-color: #479f76
-}
-
-.bd-green-500 {
-    color: #fff;
-    background-color: #198754
-}
-
-.bd-green-600 {
-    color: #fff;
-    background-color: #146c43
-}
-
-.bd-green-700 {
-    color: #fff;
-    background-color: #0f5132
-}
-
-.bd-green-800 {
-    color: #fff;
-    background-color: #0a3622
-}
-
-.bd-green-900 {
-    color: #fff;
-    background-color: #051b11
-}
-
-.bd-teal-100 {
-    color: #000;
-    background-color: #d2f4ea
-}
-
-.bd-teal-200 {
-    color: #000;
-    background-color: #a6e9d5
-}
-
-.bd-teal-300 {
-    color: #000;
-    background-color: #79dfc1
-}
-
-.bd-teal-400 {
-    color: #000;
-    background-color: #4dd4ac
-}
-
-.bd-teal-500 {
-    color: #000;
-    background-color: #20c997
-}
-
-.bd-teal-600 {
-    color: #000;
-    background-color: #1aa179
-}
-
-.bd-teal-700 {
-    color: #fff;
-    background-color: #13795b
-}
-
-.bd-teal-800 {
-    color: #fff;
-    background-color: #0d503c
-}
-
-.bd-teal-900 {
-    color: #fff;
-    background-color: #06281e
-}
-
-.bd-cyan-100 {
-    color: #000;
-    background-color: #cff4fc
-}
-
-.bd-cyan-200 {
-    color: #000;
-    background-color: #9eeaf9
-}
-
-.bd-cyan-300 {
-    color: #000;
-    background-color: #6edff6
-}
-
-.bd-cyan-400 {
-    color: #000;
-    background-color: #3dd5f3
-}
-
-.bd-cyan-500 {
-    color: #000;
-    background-color: #0dcaf0
-}
-
-.bd-cyan-600 {
-    color: #000;
-    background-color: #0aa2c0
-}
-
-.bd-cyan-700 {
-    color: #fff;
-    background-color: #087990
-}
-
-.bd-cyan-800 {
-    color: #fff;
-    background-color: #055160
-}
-
-.bd-cyan-900 {
-    color: #fff;
-    background-color: #032830
-}
-
-.bd-gray-100 {
-    color: #000;
-    background-color: #f8f9fa
-}
-
-.bd-gray-200 {
-    color: #000;
-    background-color: #e9ecef
-}
-
-.bd-gray-300 {
-    color: #000;
-    background-color: #dee2e6
-}
-
-.bd-gray-400 {
-    color: #000;
-    background-color: #ced4da
-}
-
-.bd-gray-500 {
-    color: #000;
-    background-color: #adb5bd
-}
-
-.bd-gray-600 {
-    color: #fff;
-    background-color: #6c757d
-}
-
-.bd-gray-700 {
-    color: #fff;
-    background-color: #495057
-}
-
-.bd-gray-800 {
-    color: #fff;
-    background-color: #343a40
-}
-
-.bd-gray-900 {
-    color: #fff;
-    background-color: #212529
-}
-
-.bd-white {
-    color: #000;
-    background-color: #fff
-}
-
-.bd-black {
-    color: #fff;
-    background-color: #000
-}
-
-.bd-clipboard,.bd-edit {
-    position: relative;
-    display: none;
-    float: right
-}
-
-.bd-clipboard+.highlight,.bd-edit+.highlight {
-    margin-top: 0
-}
-
-@media (min-width: 768px) {
-    .bd-clipboard,.bd-edit {
-        display:block
-    }
-}
-
-.btn-clipboard,.btn-edit {
-    display: block;
-    padding: .5em;
-    line-height: 1;
-    color: var(--bs-body-color);
-    background-color: var(--bd-pre-bg);
-    border: 0;
-    border-radius: .25rem
-}
-
-.btn-clipboard:hover,.btn-edit:hover {
-    color: var(--bs-link-hover-color)
-}
-
-.btn-clipboard:focus,.btn-edit:focus {
-    z-index: 3
-}
-
-.btn-clipboard {
-    position: relative;
-    z-index: 2;
-    margin-top: 1.25rem;
-    margin-right: .75rem
-}
-
-.bd-placeholder-img {
-    font-size: 1.125rem;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-    text-anchor: middle
-}
-
-.bd-placeholder-img-lg {
-    font-size: calc(1.475rem + 2.7vw)
-}
-
-@media (min-width: 1200px) {
-    .bd-placeholder-img-lg {
-        font-size:3.5rem
-    }
-}
-
-main a,main button,main input,main select,main textarea,main h2,main h3,main h4,main [tabindex="0"] {
-    scroll-margin-top: 80px;
-    scroll-margin-bottom: 100px
-}
-
-:root,[data-bs-theme="light"] {
-    --base02: #c8c8fa;
-    --base03: #565c64;
-    --base04: #666;
-    --base05: #333;
-    --base06: #fff;
-    --base07: #13795b;
-    --base08: #c6303e;
-    --base09: #087990;
-    --base0A: #6f42c1;
-    --base0B: #084298;
-    --base0C: #084298;
-    --base0D: #6f42c1;
-    --base0E: #ab296a;
-    --base0F: #333
-}
-
-[data-bs-theme="dark"] {
-    --base02: #3e4451;
-    --base03: #868e96;
-    --base04: #868e96;
-    --base05: #abb2bf;
-    --base06: #b6bdca;
-    --base07: #feb272;
-    --base08: #6edff6;
-    --base09: #feb272;
-    --base0A: #ffe69c;
-    --base0B: #79dfc1;
-    --base0C: #79dfc1;
-    --base0D: #6ea8fe;
-    --base0E: #c29ffa;
-    --base0F: #ea868f
-}
-
-[data-bs-theme="dark"] .language-diff .gd {
-    color: #e35d6a
-}
-
-[data-bs-theme="dark"] .language-diff .gi {
-    color: #479f76
-}
-
-.hl {
-    background-color: var(--base02)
-}
-
-.c {
-    color: var(--base03)
-}
-
-.err {
-    color: var(--base08)
-}
-
-.k {
-    color: var(--base0E)
-}
-
-.l {
-    color: var(----base09)
-}
-
-.n {
-    color: var(--base08)
-}
-
-.o {
-    color: var(--base05)
-}
-
-.p {
-    color: var(--base05)
-}
-
-.cm {
-    color: var(--base04)
-}
-
-.cp {
-    color: var(--base08)
-}
-
-.c1 {
-    color: var(--base03)
-}
-
-.cs {
-    color: var(--base04)
-}
-
-.gd {
-    color: var(--base08)
-}
-
-.ge {
-    font-style: italic
-}
-
-.gh {
-    font-weight: 600;
-    color: var(--base0A)
-}
-
-.gi {
-    color: var(--bs-success)
-}
-
-.gp {
-    font-weight: 600;
-    color: var(--base04)
-}
-
-.gs {
-    font-weight: 600
-}
-
-.gu {
-    font-weight: 600;
-    color: var(--base0C)
-}
-
-.kc {
-    color: var(--base0E)
-}
-
-.kd {
-    color: var(--base0E)
-}
-
-.kn {
-    color: var(--base0C)
-}
-
-.kp {
-    color: var(--base0E)
-}
-
-.kr {
-    color: var(--base0E)
-}
-
-.kt {
-    color: var(--base0A)
-}
-
-.ld {
-    color: var(--base0C)
-}
-
-.m {
-    color: var(--base09)
-}
-
-.s {
-    color: var(--base0C)
-}
-
-.na {
-    color: var(--base0A)
-}
-
-.nb {
-    color: var(--base05)
-}
-
-.nc {
-    color: var(--base07)
-}
-
-.no {
-    color: var(--base08)
-}
-
-.nd {
-    color: var(--base07)
-}
-
-.ni {
-    color: var(--base08)
-}
-
-.ne {
-    color: var(--base08)
-}
-
-.nf {
-    color: var(--base0B)
-}
-
-.nl {
-    color: var(--base05)
-}
-
-.nn {
-    color: var(--base0A)
-}
-
-.nx {
-    color: var(--base0A)
-}
-
-.py {
-    color: var(--base08)
-}
-
-.nt {
-    color: var(--base08)
-}
-
-.nv {
-    color: var(--base08)
-}
-
-.ow {
-    color: var(--base0C)
-}
-
-.w {
-    color: #fff
-}
-
-.mf {
-    color: var(--base09)
-}
-
-.mh {
-    color: var(--base09)
-}
-
-.mi {
-    color: var(--base09)
-}
-
-.mo {
-    color: var(--base09)
-}
-
-.sb {
-    color: var(--base0C)
-}
-
-.sc {
-    color: #fff
-}
-
-.sd {
-    color: var(--base04)
-}
-
-.s2 {
-    color: var(--base0C)
-}
-
-.se {
-    color: var(--base09)
-}
-
-.sh {
-    color: var(--base0C)
-}
-
-.si {
-    color: var(--base09)
-}
-
-.sx {
-    color: var(--base0C)
-}
-
-.sr {
-    color: var(--base0C)
-}
-
-.s1 {
-    color: var(--base0C)
-}
-
-.ss {
-    color: var(--base0C)
-}
-
-.bp {
-    color: var(--base05)
-}
-
-.vc {
-    color: var(--base08)
-}
-
-.vg {
-    color: var(--base08)
-}
-
-.vi {
-    color: var(--base08)
-}
-
-.il {
-    color: var(--base09)
-}
-
-.m+.o {
-    color: var(--base03)
-}
-
-.language-sh .c {
-    color: var(--base03)
-}
-
-.chroma .language-bash .line::before,.chroma .language-sh .line::before {
-    color: var(--base03);
-    content: "$ ";
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none
-}
-
-.chroma .language-powershell::before {
-    color: var(--base0C);
-    content: "PM> ";
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none
-}
-
-.anchor-link {
-    padding: 0 .175rem;
-    font-weight: 400;
-    color: rgba(13,110,253,0.5);
-    text-decoration: none;
-    opacity: 0;
-    transition: color 0.15s ease-in-out,opacity 0.15s ease-in-out
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .anchor-link {
-        transition: none
-    }
-}
-
-.anchor-link::after {
-    content: "#"
-}
-
-.anchor-link:focus,.anchor-link:hover,:hover>.anchor-link,:target>.anchor-link {
-    color: #0d6efd;
-    text-decoration: none;
-    opacity: 1
-}
diff --git a/_sass/it-journey/_syntax.scss b/_sass/it-journey/_syntax.scss
deleted file mode 100644
index 0ddcc8f..0000000
--- a/_sass/it-journey/_syntax.scss
+++ /dev/null
@@ -1,342 +0,0 @@
-/* ==========================================================================
-   Syntax highlighting
-   ========================================================================== */
-
-// div.highlighter-rouge,
-// figure.highlight {
-//   position: relative;
-//   margin-bottom: 1em;
-//   background: $base00;
-//   color: $base05;
-//   font-family: $monospace;
-//   font-size: $type-size-6;
-//   line-height: 1.8;
-//   border-radius: $border-radius;
-
-//   > pre,
-//   pre.highlight {
-//     margin: 0;
-//     padding: 1em;
-//   }
-// }
-
-// .highlight table {
-//   margin-bottom: 0;
-//   font-size: 1em;
-//   border: 0;
-
-//   td {
-//     padding: 0;
-//     width: calc(100% - 1em);
-//     border: 0;
-
-//     /* line numbers*/
-//     &.gutter,
-//     &.rouge-gutter {
-//       padding-right: 1em;
-//       width: 1em;
-//       color: $base04;
-//       border-right: 1px solid $base04;
-//       text-align: right;
-//     }
-
-//     /* code */
-//     &.code,
-//     &.rouge-code {
-//       padding-left: 1em;
-//     }
-//   }
-
-//   pre {
-//     margin: 0;
-//   }
-// }
-
-/* syntax highlighting (base16) */
-$base00: #263238 !default;
-$base01: #2e3c43 !default;
-$base02: #314549 !default;
-$base03: #546e7a !default;
-$base04: #b2ccd6 !default;
-$base05: #eeffff !default;
-$base06: #eeffff !default;
-$base07: #ffffff !default;
-$base08: #f07178 !default;
-$base09: #f78c6c !default;
-$base0a: #ffcb6b !default;
-$base0b: #c3e88d !default;
-$base0c: #89ddff !default;
-$base0d: #82aaff !default;
-$base0e: #c792ea !default;
-$base0f: #ff5370 !default;
-
-.highlight pre {
-  width: 100%;
-}
-
-.highlight .hll {
-  background-color: $base06;
-}
-.highlight {
-  .c {
-    /* Comment */
-    color: $base04;
-  }
-  .err {
-    /* Error */
-    color: $base08;
-  }
-  .k {
-    /* Keyword */
-    color: $base0e;
-  }
-  .l {
-    /* Literal */
-    color: $base09;
-  }
-  .n {
-    /* Name */
-    color: $base05;
-  }
-  .o {
-    /* Operator */
-    color: $base0c;
-  }
-  .p {
-    /* Punctuation */
-    color: $base05;
-  }
-  .cm {
-    /* Comment.Multiline */
-    color: $base04;
-  }
-  .cp {
-    /* Comment.Preproc */
-    color: $base04;
-  }
-  .c1 {
-    /* Comment.Single */
-    color: $base04;
-  }
-  .cs {
-    /* Comment.Special */
-    color: $base04;
-  }
-  .gd {
-    /* Generic.Deleted */
-    color: $base08;
-  }
-  .ge {
-    /* Generic.Emph */
-    font-style: italic;
-  }
-  .gh {
-    /* Generic.Heading */
-    color: $base05;
-    font-weight: bold;
-  }
-  .gi {
-    /* Generic.Inserted */
-    color: $base0b;
-  }
-  .gp {
-    /* Generic.Prompt */
-    color: $base04;
-    font-weight: bold;
-  }
-  .gs {
-    /* Generic.Strong */
-    font-weight: bold;
-  }
-  .gu {
-    /* Generic.Subheading */
-    color: $base0c;
-    font-weight: bold;
-  }
-  .kc {
-    /* Keyword.Constant */
-    color: $base0e;
-  }
-  .kd {
-    /* Keyword.Declaration */
-    color: $base0e;
-  }
-  .kn {
-    /* Keyword.Namespace */
-    color: $base0c;
-  }
-  .kp {
-    /* Keyword.Pseudo */
-    color: $base0e;
-  }
-  .kr {
-    /* Keyword.Reserved */
-    color: $base0e;
-  }
-  .kt {
-    /* Keyword.Type */
-    color: $base0a;
-  }
-  .ld {
-    /* Literal.Date */
-    color: $base0b;
-  }
-  .m {
-    /* Literal.Number */
-    color: $base09;
-  }
-  .s {
-    /* Literal.String */
-    color: $base0b;
-  }
-  .na {
-    /* Name.Attribute */
-    color: $base0d;
-  }
-  .nb {
-    /* Name.Builtin */
-    color: $base05;
-  }
-  .nc {
-    /* Name.Class */
-    color: $base0a;
-  }
-  .no {
-    /* Name.Constant */
-    color: $base08;
-  }
-  .nd {
-    /* Name.Decorator */
-    color: $base0c;
-  }
-  .ni {
-    /* Name.Entity */
-    color: $base05;
-  }
-  .ne {
-    /* Name.Exception */
-    color: $base08;
-  }
-  .nf {
-    /* Name.Function */
-    color: $base0d;
-  }
-  .nl {
-    /* Name.Label */
-    color: $base05;
-  }
-  .nn {
-    /* Name.Namespace */
-    color: $base0a;
-  }
-  .nx {
-    /* Name.Other */
-    color: $base0d;
-  }
-  .py {
-    /* Name.Property */
-    color: $base05;
-  }
-  .nt {
-    /* Name.Tag */
-    color: $base0c;
-  }
-  .nv {
-    /* Name.Variable */
-    color: $base08;
-  }
-  .ow {
-    /* Operator.Word */
-    color: $base0c;
-  }
-  .w {
-    /* Text.Whitespace */
-    color: $base05;
-  }
-  .mf {
-    /* Literal.Number.Float */
-    color: $base09;
-  }
-  .mh {
-    /* Literal.Number.Hex */
-    color: $base09;
-  }
-  .mi {
-    /* Literal.Number.Integer */
-    color: $base09;
-  }
-  .mo {
-    /* Literal.Number.Oct */
-    color: $base09;
-  }
-  .sb {
-    /* Literal.String.Backtick */
-    color: $base0b;
-  }
-  .sc {
-    /* Literal.String.Char */
-    color: $base05;
-  }
-  .sd {
-    /* Literal.String.Doc */
-    color: $base04;
-  }
-  .s2 {
-    /* Literal.String.Double */
-    color: $base0b;
-  }
-  .se {
-    /* Literal.String.Escape */
-    color: $base09;
-  }
-  .sh {
-    /* Literal.String.Heredoc */
-    color: $base0b;
-  }
-  .si {
-    /* Literal.String.Interpol */
-    color: $base09;
-  }
-  .sx {
-    /* Literal.String.Other */
-    color: $base0b;
-  }
-  .sr {
-    /* Literal.String.Regex */
-    color: $base0b;
-  }
-  .s1 {
-    /* Literal.String.Single */
-    color: $base0b;
-  }
-  .ss {
-    /* Literal.String.Symbol */
-    color: $base0b;
-  }
-  .bp {
-    /* Name.Builtin.Pseudo */
-    color: $base05;
-  }
-  .vc {
-    /* Name.Variable.Class */
-    color: $base08;
-  }
-  .vg {
-    /* Name.Variable.Global */
-    color: $base08;
-  }
-  .vi {
-    /* Name.Variable.Instance */
-    color: $base08;
-  }
-  .il {
-    /* Literal.Number.Integer.Long */
-    color: $base09;
-  }
-}
-
-.gist {
-  th, td {
-    border-bottom: 0;
-  }
-}
\ No newline at end of file
diff --git a/_sass/it-journey/_theme.scss b/_sass/it-journey/_theme.scss
deleted file mode 100644
index 7bc549c..0000000
--- a/_sass/it-journey/_theme.scss
+++ /dev/null
@@ -1,247 +0,0 @@
-// # Font Settings ---------------------------------------------------------------
-
-// # Color Settings --------------------------------------------------------------
-
-// ## Color Schema Override 
-//  https://meodai.github.io/poline/
-
-// Harbour Mirror
-// Harbour Blue
-// Dark Blue
-
-
-$blue-400: #073781;
-$blue-500: #073781;
-$blue-600: #346182;
-$blue-700: #346182;
-
-// Smoking Mirror
-//   3d7695
-//   2f5877
-//   a19587
-
-// https://getbootstrap.com/docs/5.3/customize/color-modes/#custom-color-modes
-// Custom Theme
-
-[data-bs-theme="wizard"] {
-    --bs-body-color: var(--bs-white);
-    --bs-body-color-rgb: #{to-rgb($white)};
-    --bs-body-bg: var(--bs-blue);
-    --bs-body-bg-rgb: #{to-rgb($blue)};
-    --bs-tertiary-bg: #{$blue-600};
-  
-    .dropdown-menu {
-      --bs-dropdown-bg: #{mix($blue-500, $blue-600)};
-      --bs-dropdown-link-active-bg: #{$blue-700};
-    }
-  
-    .btn-secondary {
-      --bs-btn-bg: #{mix($gray-600, $blue-400, .5)};
-      --bs-btn-border-color: #{rgba($white, .25)};
-      --bs-btn-hover-bg: #{darken(mix($gray-600, $blue-400, .5), 5%)};
-      --bs-btn-hover-border-color: #{rgba($white, .25)};
-      --bs-btn-active-bg: #{darken(mix($gray-600, $blue-400, .5), 10%)};
-      --bs-btn-active-border-color: #{rgba($white, .5)};
-      --bs-btn-focus-border-color: #{rgba($white, .5)};
-      --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .2);
-    }
-}
-
-
-  :root,[data-bs-theme="light"] {
-    --bd-purple: #4c0bce;
-    --bd-violet: #712cf9;
-    --bd-accent: #ffe484;
-    --bd-violet-rgb: 112.520718,44.062154,249.437846;
-    --bd-accent-rgb: 255,228,132;
-    --bd-pink-rgb: 214,51,132;
-    --bd-teal-rgb: 32,201,151;
-    --bd-violet-bg: var(--bd-violet);
-    --bd-toc-color: var(--bd-violet);
-    --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
-    --bd-callout-link: 10,88,202;
-    --bd-callout-code-color: #ab296a;
-    --bd-pre-bg: var(--bs-tertiary-bg)
-}
-
-[data-bs-theme="dark"] {
-    --bd-violet: #9461fb;
-    --bd-violet-bg: #712cf9;
-    --bd-toc-color: var(--bs-emphasis-color);
-    --bd-sidebar-link-bg: rgba(84,33,187, .5);
-    --bd-callout-link: 110,168,254;
-    --bd-callout-code-color: #e685b5;
-    --bd-pre-bg: #1b1f22
-}
-
-
-
-/* Typography
-   ========================================================================== */
-
-   $doc-font-size: 16 !default;
-
-   /* paragraph indention */
-   $paragraph-indent: false !default; // true, false (default)
-   $indent-var: 1.3em !default;
-   
-   $global-font-family: $sans-serif !default;
-   $header-font-family: $sans-serif !default;
-   $caption-font-family: $serif !default;
-/*  Colors
-    ========================================================================== */
-
-   $background-color: #fff !default;
-   $code-background-color: #fafafa !default;
-   $code-background-color-dark: $light-gray !default;
-   $text-color: $dark-gray !default;
-   $muted-text-color: mix(#fff, $text-color, 20%) !default;
-   $border-color: $lighter-gray !default;
-   $form-background-color: $lighter-gray !default;
-   $footer-background-color: $lighter-gray !default;
-   
-   $primary-color: #6f777d !default;
-   $success-color: #3fa63f !default;
-   $warning-color: #d67f05 !default;
-   $danger-color: #ee5f5b !default;
-   $info-color: #3b9cba !default;
-   $focus-color: $primary-color !default;
-   $active-color: mix(#fff, $primary-color, 80%) !default;
-   
-   /* links */
-   $link-color: mix(#000, $info-color, 20%) !default;
-   $link-color-hover: mix(#000, $link-color, 25%) !default;
-   $link-color-visited: mix(#fff, $link-color, 15%) !default;
-   $masthead-link-color: $primary-color !default;
-   $masthead-link-color-hover: mix(#000, $primary-color, 25%) !default;
-   $navicon-link-color-hover: mix(#fff, $primary-color, 75%) !default;
-   
-   /* notices */
-   $notice-background-mix: 80% !default;
-   $code-notice-background-mix: 90% !default;
-   
-   /*
-      Other
-      ========================================================================== */
-   
-   $border-radius: 4px !default;
-   $box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) !default;
-   $nav-height: 2em !default;
-   $nav-toggle-height: 2rem !default;
-   $navicon-width: 1.5rem !default;
-   $navicon-height: 0.25rem !default;
-   $global-transition: all 0.2s ease-in-out !default;
-   $intro-transition: intro 0.3s both !default;
-
-   
-   // scss-docs-start theme-color-variables
-   $primary:       $blue !default;
-   $secondary:     $gray-600 !default;
-   $success:       $green !default;
-   $info:          $cyan !default;
-   $warning:       $yellow !default;
-   $danger:        $red !default;
-   $light:         $gray-100 !default;
-   $dark:          $gray-900 !default;
-   // scss-docs-end theme-color-variables
-   
-   // Links
-   //
-   // Style anchor elements.
-   
-   $link-color:                              $primary !default;
-   $link-decoration:                         underline !default;
-   $link-shade-percentage:                   20% !default;
-   $link-hover-color:                        shift-color($link-color, $link-shade-percentage) !default;
-   $link-hover-decoration:                   null !default;
-   
-   $stretched-link-pseudo-element:           after !default;
-   $stretched-link-z-index:                  1 !default;
-   
-   
-   // Body
-   //
-   // Settings for the `<body>` element.
-   
-   $body-bg:                   $white !default;
-   $body-color:                $gray-900 !default;
-   $body-text-align:           null !default;
-   
-   // $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins
-   // $font-size-base affects the font size of the body text
-   $font-size-root:              null !default;
-   $font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
-   $font-size-sm:                $font-size-base * .875 !default;
-   $font-size-lg:                $font-size-base * 1.25 !default;
-   
-   $font-weight-lighter:         lighter !default;
-   $font-weight-light:           300 !default;
-   $font-weight-normal:          400 !default;
-   $font-weight-bold:            700 !default;
-   $font-weight-bolder:          bolder !default;
-   
-   $font-weight-base:            $font-weight-normal !default;
-   
-   $line-height-base:            1.5 !default;
-   $line-height-sm:              1.25 !default;
-   $line-height-lg:              2 !default;
-   
-
-   // scss-docs-end font-variables
-   
-   $component-active-color:      $white !default;
-   $component-active-bg:         $primary !default;
-   
-   // Buttons
-   //
-   // For each of Bootstrap's buttons, define text, background, and border color.
-   
-   // scss-docs-start input-btn-variables
-   $input-btn-padding-y:         .375rem !default;
-   $input-btn-padding-x:         .75rem !default;
-   $input-btn-font-family:       null !default;
-   $input-btn-font-size:         $font-size-base !default;
-   $input-btn-line-height:       $line-height-base !default;
-   
-   $input-btn-focus-width:         .25rem !default;
-   $input-btn-focus-color-opacity: .25 !default;
-   $input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity) !default;
-   $input-btn-focus-blur:          0 !default;
-   $input-btn-focus-box-shadow:    0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;
-
-   
-   $input-btn-border-width:      $border-width !default;
-   // scss-docs-end input-btn-variables
-   
-   
-   $btn-link-color:              $link-color !default;
-   $btn-link-hover-color:        $link-hover-color !default;
-   $btn-link-disabled-color:     $gray-600 !default;
-   
-   // scss-docs-start border-radius-variables
-   $border-radius:               .25rem !default;
-   $border-radius-sm:            .2rem !default;
-   $border-radius-lg:            .3rem !default;
-   $border-radius-pill:          50rem !default;
-   // scss-docs-end border-radius-variables
-   
-   
-   // scss-docs-start navbar-theme-variables
-   $navbar-dark-color:                 rgba($white, .55) !default;
-   $navbar-dark-hover-color:           rgba($white, .75) !default;
-   $navbar-dark-active-color:          $white !default;
-   $navbar-dark-disabled-color:        rgba($white, .25) !default;
-   $navbar-dark-toggler-icon-bg:       url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
-   $navbar-dark-toggler-border-color:  rgba($white, .1) !default;
-   
-   $navbar-light-color:                rgba($black, .55) !default;
-   $navbar-light-hover-color:          rgba($black, .7) !default;
-   $navbar-light-active-color:         rgba($black, .9) !default;
-   $navbar-light-disabled-color:       rgba($black, .3) !default;
-   $navbar-light-toggler-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
-   $navbar-light-toggler-border-color: rgba($black, .1) !default;
-   
-   $navbar-light-brand-color:                $navbar-light-active-color !default;
-   $navbar-light-brand-hover-color:          $navbar-light-active-color !default;
-   $navbar-dark-brand-color:                 $navbar-dark-active-color !default;
-   $navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;
diff --git a/_sass/it-journey/_variables.scss b/_sass/it-journey/_variables.scss
deleted file mode 100644
index 9217707..0000000
--- a/_sass/it-journey/_variables.scss
+++ /dev/null
@@ -1,521 +0,0 @@
-/* ==========================================================================
-   Variables
-   ========================================================================== */
-
-/*
-   Typography
-   ========================================================================== */
-
-$doc-font-size: 16 !default;
-
-/* paragraph indention */
-$paragraph-indent: false !default; // true, false (default)
-$indent-var: 1.3em !default;
-
-/* system typefaces */
-$serif: Georgia, Times, serif !default;
-$sans-serif: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",
-  "Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
-$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
-
-/* sans serif typefaces */
-$sans-serif-narrow: $sans-serif !default;
-$helvetica: Helvetica, "Helvetica Neue", Arial, sans-serif !default;
-
-/* serif typefaces */
-$georgia: Georgia, serif !default;
-$times: Times, serif !default;
-$bodoni: "Bodoni MT", serif !default;
-$calisto: "Calisto MT", serif !default;
-$garamond: Garamond, serif !default;
-
-$global-font-family: $sans-serif !default;
-$header-font-family: $sans-serif !default;
-$caption-font-family: $serif !default;
-
-/* type scale */
-$type-size-1: 2.441em !default; // ~39.056px
-$type-size-2: 1.953em !default; // ~31.248px
-$type-size-3: 1.563em !default; // ~25.008px
-$type-size-4: 1.25em !default; // ~20px
-$type-size-5: 1em !default; // ~16px
-$type-size-6: 0.75em !default; // ~12px
-$type-size-7: 0.6875em !default; // ~11px
-$type-size-8: 0.625em !default; // ~10px
-
-/* headline scale */
-$h-size-1: 1.563em !default; // ~25.008px
-$h-size-2: 1.25em !default; // ~20px
-$h-size-3: 1.125em !default; // ~18px
-$h-size-4: 1.0625em !default; // ~17px
-$h-size-5: 1.03125em !default; // ~16.5px
-$h-size-6: 1em !default; // ~16px
-
-/*
-   Colors
-   ========================================================================== */
-
-$gray: #7a8288 !default;
-$dark-gray: mix(#000, $gray, 50%) !default;
-$darker-gray: mix(#000, $gray, 60%) !default;
-$light-gray: mix(#fff, $gray, 50%) !default;
-$lighter-gray: mix(#fff, $gray, 90%) !default;
-
-$background-color: #fff !default;
-$code-background-color: #fafafa !default;
-$code-background-color-dark: $light-gray !default;
-$text-color: $dark-gray !default;
-$muted-text-color: mix(#fff, $text-color, 20%) !default;
-$border-color: $lighter-gray !default;
-$form-background-color: $lighter-gray !default;
-$footer-background-color: $lighter-gray !default;
-
-$primary-color: #6f777d !default;
-$success-color: #3fa63f !default;
-$warning-color: #d67f05 !default;
-$danger-color: #ee5f5b !default;
-$info-color: #3b9cba !default;
-$focus-color: $primary-color !default;
-$active-color: mix(#fff, $primary-color, 80%) !default;
-
-/* YIQ color contrast */
-$yiq-contrasted-dark-default: $dark-gray !default;
-$yiq-contrasted-light-default: #fff !default;
-$yiq-contrasted-threshold: 175 !default;
-$yiq-debug: false !default;
-
-/* brands */
-$behance-color: #1769ff !default;
-$bitbucket-color: #205081 !default;
-$dribbble-color: #ea4c89 !default;
-$facebook-color: #3b5998 !default;
-$flickr-color: #ff0084 !default;
-$foursquare-color: #0072b1 !default;
-$github-color: #171516 !default;
-$gitlab-color: #e24329 !default;
-$instagram-color: #517fa4 !default;
-$keybase-color: #ef7639 !default;
-$lastfm-color: #d51007 !default;
-$linkedin-color: #007bb6 !default;
-$mastodon-color: #2b90d9 !default;
-$pinterest-color: #cb2027 !default;
-$reddit-color: #ff4500 !default;
-$rss-color: #fa9b39 !default;
-$soundcloud-color: #ff3300 !default;
-$stackoverflow-color: #fe7a15 !default;
-$tumblr-color: #32506d !default;
-$twitter-color: #55acee !default;
-$vimeo-color: #1ab7ea !default;
-$vine-color: #00bf8f !default;
-$youtube-color: #bb0000 !default;
-$xing-color: #006567 !default;
-
-/* links */
-$link-color: mix(#000, $info-color, 20%) !default;
-$link-color-hover: mix(#000, $link-color, 25%) !default;
-$link-color-visited: mix(#fff, $link-color, 15%) !default;
-$masthead-link-color: $primary-color !default;
-$masthead-link-color-hover: mix(#000, $primary-color, 25%) !default;
-$navicon-link-color-hover: mix(#fff, $primary-color, 75%) !default;
-
-/* notices */
-$notice-background-mix: 80% !default;
-$code-notice-background-mix: 90% !default;
-
-/* syntax highlighting (base16) */
-$base00: #263238 !default;
-$base01: #2e3c43 !default;
-$base02: #314549 !default;
-$base03: #546e7a !default;
-$base04: #b2ccd6 !default;
-$base05: #eeffff !default;
-$base06: #eeffff !default;
-$base07: #ffffff !default;
-$base08: #f07178 !default;
-$base09: #f78c6c !default;
-$base0a: #ffcb6b !default;
-$base0b: #c3e88d !default;
-$base0c: #89ddff !default;
-$base0d: #82aaff !default;
-$base0e: #c792ea !default;
-$base0f: #ff5370 !default;
-
-/*
-   Breakpoints
-   ========================================================================== */
-
-$small: 600px !default;
-$medium: 768px !default;
-$medium-wide: 900px !default;
-$large: 1024px !default;
-$x-large: 1280px !default;
-$max-width: $x-large !default;
-
-/*
-   Grid
-   ========================================================================== */
-
-$right-sidebar-width-narrow: 200px !default;
-$right-sidebar-width: 300px !default;
-$right-sidebar-width-wide: 400px !default;
-
-/*
-   Other
-   ========================================================================== */
-
-$border-radius: 4px !default;
-$box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) !default;
-$nav-height: 2em !default;
-$nav-toggle-height: 2rem !default;
-$navicon-width: 1.5rem !default;
-$navicon-height: 0.25rem !default;
-$global-transition: all 0.2s ease-in-out !default;
-$intro-transition: intro 0.3s both !default;
-
-
-
-// scss-docs-start border-variables
-$border-width:                1px !default;
-$border-widths: (
-  1: 1px,
-  2: 2px,
-  3: 3px,
-  4: 4px,
-  5: 5px
-) !default;
-
-// Color system
-
-// scss-docs-start gray-color-variables
-$white:    #fff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black:    #000 !default;
-// scss-docs-end gray-color-variables
-
-// scss-docs-start color-variables
-$blue:    #0d6efd !default;
-$indigo:  #6610f2 !default;
-$purple:  #6f42c1 !default;
-$pink:    #d63384 !default;
-$red:     #dc3545 !default;
-$orange:  #fd7e14 !default;
-$yellow:  #ffc107 !default;
-$green:   #198754 !default;
-$teal:    #20c997 !default;
-$cyan:    #0dcaf0 !default;
-// scss-docs-end color-variables
-
-// scss-docs-start theme-color-variables
-$primary:       $blue !default;
-$secondary:     $gray-600 !default;
-$success:       $green !default;
-$info:          $cyan !default;
-$warning:       $yellow !default;
-$danger:        $red !default;
-$light:         $gray-100 !default;
-$dark:          $gray-900 !default;
-// scss-docs-end theme-color-variables
-
-// Links
-//
-// Style anchor elements.
-
-$link-color:                              $primary !default;
-$link-decoration:                         underline !default;
-$link-shade-percentage:                   20% !default;
-$link-hover-color:                        shift-color($link-color, $link-shade-percentage) !default;
-$link-hover-decoration:                   null !default;
-
-$stretched-link-pseudo-element:           after !default;
-$stretched-link-z-index:                  1 !default;
-
-
-// Body
-//
-// Settings for the `<body>` element.
-
-$body-bg:                   $white !default;
-$body-color:                $gray-900 !default;
-$body-text-align:           null !default;
-
-// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins
-// $font-size-base affects the font size of the body text
-$font-size-root:              null !default;
-$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
-$font-size-sm:                $font-size-base * .875 !default;
-$font-size-lg:                $font-size-base * 1.25 !default;
-
-$font-weight-lighter:         lighter !default;
-$font-weight-light:           300 !default;
-$font-weight-normal:          400 !default;
-$font-weight-bold:            700 !default;
-$font-weight-bolder:          bolder !default;
-
-$font-weight-base:            $font-weight-normal !default;
-
-$line-height-base:            1.5 !default;
-$line-height-sm:              1.25 !default;
-$line-height-lg:              2 !default;
-
-$h1-font-size:                $font-size-base * 2.5 !default;
-$h2-font-size:                $font-size-base * 2 !default;
-$h3-font-size:                $font-size-base * 1.75 !default;
-$h4-font-size:                $font-size-base * 1.5 !default;
-$h5-font-size:                $font-size-base * 1.25 !default;
-$h6-font-size:                $font-size-base !default;
-// scss-docs-end font-variables
-
-$component-active-color:      $white !default;
-$component-active-bg:         $primary !default;
-
-// Buttons
-//
-// For each of Bootstrap's buttons, define text, background, and border color.
-
-// scss-docs-start input-btn-variables
-$input-btn-padding-y:         .375rem !default;
-$input-btn-padding-x:         .75rem !default;
-$input-btn-font-family:       null !default;
-$input-btn-font-size:         $font-size-base !default;
-$input-btn-line-height:       $line-height-base !default;
-
-$input-btn-focus-width:         .25rem !default;
-$input-btn-focus-color-opacity: .25 !default;
-$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity) !default;
-$input-btn-focus-blur:          0 !default;
-$input-btn-focus-box-shadow:    0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;
-
-$input-btn-padding-y-sm:      .25rem !default;
-$input-btn-padding-x-sm:      .5rem !default;
-$input-btn-font-size-sm:      $font-size-sm !default;
-
-$input-btn-padding-y-lg:      .5rem !default;
-$input-btn-padding-x-lg:      1rem !default;
-$input-btn-font-size-lg:      $font-size-lg !default;
-
-$input-btn-border-width:      $border-width !default;
-// scss-docs-end input-btn-variables
-
-
-// scss-docs-start btn-variables
-$btn-padding-y:               $input-btn-padding-y !default;
-$btn-padding-x:               $input-btn-padding-x !default;
-$btn-font-family:             $input-btn-font-family !default;
-$btn-font-size:               $input-btn-font-size !default;
-$btn-line-height:             $input-btn-line-height !default;
-$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping
-
-$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
-$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
-$btn-font-size-sm:            $input-btn-font-size-sm !default;
-
-$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
-$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
-$btn-font-size-lg:            $input-btn-font-size-lg !default;
-
-$btn-border-width:            $input-btn-border-width !default;
-
-$btn-font-weight:             $font-weight-normal !default;
-$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
-$btn-focus-width:             $input-btn-focus-width !default;
-$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
-$btn-disabled-opacity:        .65 !default;
-$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
-
-$btn-link-color:              $link-color !default;
-$btn-link-hover-color:        $link-hover-color !default;
-$btn-link-disabled-color:     $gray-600 !default;
-
-
-
-
-// scss-docs-start border-radius-variables
-$border-radius:               .25rem !default;
-$border-radius-sm:            .2rem !default;
-$border-radius-lg:            .3rem !default;
-$border-radius-pill:          50rem !default;
-// scss-docs-end border-radius-variables
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius:           $border-radius !default;
-$btn-border-radius-sm:        $border-radius-sm !default;
-$btn-border-radius-lg:        $border-radius-lg !default;
-
-// Spacing
-//
-// Control the default styling of most Bootstrap elements by modifying these
-// variables. Mostly focused on spacing.
-// You can add more entries to the $spacers map, should you need more variation.
-
-// scss-docs-start spacer-variables-maps
-$spacer: 1rem !default;
-$spacers: (
-  0: 0,
-  1: $spacer * .25,
-  2: $spacer * .5,
-  3: $spacer,
-  4: $spacer * 1.5,
-  5: $spacer * 3,
-) !default;
-
-// $font-size-base affects the font size of the body text
-$font-size-root:              null !default;
-$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
-$font-size-sm:                $font-size-base * .875 !default;
-$font-size-lg:                $font-size-base * 1.25 !default;
-
-$line-height-base:            1.5 !default;
-$line-height-sm:              1.25 !default;
-$line-height-lg:              2 !default;
-
-
-// Navs
-
-// scss-docs-start nav-variables
-$nav-link-padding-y:                .5rem !default;
-$nav-link-padding-x:                1rem !default;
-$nav-link-font-size:                null !default;
-$nav-link-font-weight:              null !default;
-$nav-link-color:                    $link-color !default;
-$nav-link-hover-color:              $link-hover-color !default;
-$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;
-$nav-link-disabled-color:           $gray-600 !default;
-
-$nav-tabs-border-color:             $gray-300 !default;
-$nav-tabs-border-width:             $border-width !default;
-$nav-tabs-border-radius:            $border-radius !default;
-$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
-$nav-tabs-link-active-color:        $gray-700 !default;
-$nav-tabs-link-active-bg:           $body-bg !default;
-$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
-
-$nav-pills-border-radius:           $border-radius !default;
-$nav-pills-link-active-color:       $component-active-color !default;
-$nav-pills-link-active-bg:          $component-active-bg !default;
-// scss-docs-end nav-variables
-
-// Navbar
-
-// scss-docs-start navbar-variables
-$navbar-padding-y:                  $spacer * .5 !default;
-$navbar-padding-x:                  null !default;
-
-$navbar-nav-link-padding-x:         .5rem !default;
-
-$navbar-brand-font-size:            $font-size-lg !default;
-// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
-$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
-$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
-$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;
-$navbar-brand-margin-end:           1rem !default;
-
-$navbar-toggler-padding-y:          .25rem !default;
-$navbar-toggler-padding-x:          .75rem !default;
-$navbar-toggler-font-size:          $font-size-lg !default;
-$navbar-toggler-border-radius:      $btn-border-radius !default;
-$navbar-toggler-focus-width:        $btn-focus-width !default;
-$navbar-toggler-transition:         box-shadow .15s ease-in-out !default;
-// scss-docs-end navbar-variables
-
-
-// Grid containers
-//
-// Define the maximum width of `.container` for different screen sizes.
-
-// scss-docs-start container-max-widths
-$container-max-widths: (
-  sm: 540px,
-  md: 720px,
-  lg: 960px,
-  xl: 1140px,
-  xxl: 1320px
-) !default;
-
-
-// Prefix for :root CSS variables
-
-$variable-prefix:             bs- !default;
-
-// stylelint-disable scss/dollar-variable-default
-
-// Local docs variables
-$bd-purple:        #563d7c;
-$bd-purple-bright: lighten(saturate($bd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list
-$bd-purple-light:  lighten(saturate($bd-purple, 5%), 45%); // stylelint-disable-line function-disallowed-list
-$bd-dark:          #2a2730;
-$bd-download:      #ffe484;
-$bd-info:          #5bc0de;
-$bd-warning:       #f0ad4e;
-$bd-danger:        #d9534f;
-$dropdown-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
-$sidebar-collapse-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='none' stroke='rgba(0,0,0,.5)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/></svg>");
-
-
-// scss-docs-start navbar-theme-variables
-$navbar-dark-color:                 rgba($white, .55) !default;
-$navbar-dark-hover-color:           rgba($white, .75) !default;
-$navbar-dark-active-color:          $white !default;
-$navbar-dark-disabled-color:        rgba($white, .25) !default;
-$navbar-dark-toggler-icon-bg:       url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
-$navbar-dark-toggler-border-color:  rgba($white, .1) !default;
-
-$navbar-light-color:                rgba($black, .55) !default;
-$navbar-light-hover-color:          rgba($black, .7) !default;
-$navbar-light-active-color:         rgba($black, .9) !default;
-$navbar-light-disabled-color:       rgba($black, .3) !default;
-$navbar-light-toggler-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
-$navbar-light-toggler-border-color: rgba($black, .1) !default;
-
-$navbar-light-brand-color:                $navbar-light-active-color !default;
-$navbar-light-brand-hover-color:          $navbar-light-active-color !default;
-$navbar-dark-brand-color:                 $navbar-dark-active-color !default;
-$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;
-// scss-docs-end navbar-theme-variables
-
-// Grid columns
-//
-// Set the number of columns and specify the width of the gutters.
-
-$grid-columns:                12 !default;
-$grid-gutter-width:           1.5rem !default;
-$grid-row-columns:            6 !default;
-
-$gutters: $spacers !default;
-
-
-
-$transition-base:             all .2s ease-in-out !default;
-$transition-fade:             opacity .15s linear !default;
-// scss-docs-start collapse-transition
-$transition-collapse:         height .35s ease !default;
-$transition-collapse-width:   width .35s ease !default;
-// scss-docs-end collapse-transition
-
-
-// Options
-//
-// Quickly modify global styling by enabling or disabling optional features.
-
-$enable-caret:                true !default;
-$enable-rounded:              true !default;
-$enable-shadows:              false !default;
-$enable-gradients:            false !default;
-$enable-transitions:          true !default;
-$enable-reduced-motion:       true !default;
-$enable-smooth-scroll:        true !default;
-$enable-grid-classes:         true !default;
-$enable-cssgrid:              false !default;
-$enable-button-pointers:      true !default;
-$enable-rfs:                  true !default;
-$enable-validation-icons:     true !default;
-$enable-negative-margins:     false !default;
-$enable-deprecation-messages: true !default;
-$enable-important-utilities:  true !default;
\ No newline at end of file
diff --git a/_sass/it-journey/code-copy.scss b/_sass/it-journey/code-copy.scss
deleted file mode 100644
index e16ec92..0000000
--- a/_sass/it-journey/code-copy.scss
+++ /dev/null
@@ -1,105 +0,0 @@
-// https://remarkablemark.org/blog/2021/06/01/add-copy-code-to-clipboard-button-to-jeyll-site/
-
-  //Codeblock 
-
-.copy-code {
-  display: inline-block;
-  margin: 0 0.5em;
-  padding: 0.5em 1em;
-  color: white;
-  background-color: black;
-  border: none;
-  cursor: pointer;
-  &:focus {
-    outline: none; // remove default focus outline
-    box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4); // add custom focus style
-  };
-}
-
-  pre.highlight {
-    padding: 8px 12px;
-    // position: relative;
-  
-    // override skeleton styles
-    > code {
-      border: 0;
-      overflow-x: auto;
-      padding-right: 0;
-      padding-left: 1rem;
-    }
-  
-    &.highlight {
-      border-left: 15px solid #35383c;
-      color: #c1c2c3;
-      overflow: auto;
-      white-space: pre;
-      word-wrap: normal;
-  
-      &,
-      code {
-        background-color: #222;
-        // font-size: 18px;
-      }
-    }
-  
-    // copy code to clipboard
-    .copy {
-      color: #FFFFFF;
-      position: absolute;
-      right: 1.2rem;
-      top: 1.2rem;
-      // opacity: 0;
-  
-      &:active,
-      &:focus,
-      &:hover {
-        background: rgba(0, 0, 0, 0.7);
-        opacity: 1;
-      }
-    }
-  
-    &:active .copy,
-    &:focus .copy,
-    &:hover .copy {
-      background: rgba(0, 0, 0, 0.7);
-      // opacity: 1;
-    }
-  }
-
-  // pre.highlight > button {
-  //   opacity: 0;
-  // }
-  
-  // pre.highlight:hover > button {
-  //   opacity: 1;
-  // }
-  
-  pre.highlight > button:active,
-  pre.highlight > button:focus {
-    opacity: 1;
-  }
-
-.button, button {
-  display: inline-block;
-  // height: 30px; // override skeleton
-  padding: 0 20px;
-  border-radius: 4px;
-  border: 1px solid #bbb;
-  font-size: 11px;
-  cursor: pointer;
-  };
-
-pre>code {
-  display: block;
-  padding: 1rem 1.5rem;
-  white-space: pre;
-}
-
-
-// pre.has-copy-button .copy {
-//   display: none;
-// }
-
-// pre.has-copy-button:hover .copy {
-//   display: inline-block;
-// }
\ No newline at end of file