This is an automated email from the ASF dual-hosted git repository.

domgarguilo pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/accumulo-website.git


The following commit(s) were added to refs/heads/main by this push:
     new 6c8de391 Upgrade bootstrap version from 3 to 5 (#398)
6c8de391 is described below

commit 6c8de3914c05ba065cb924fd76d0cce83dc13a52
Author: Dom G <domgargu...@apache.org>
AuthorDate: Fri Sep 15 08:50:56 2023 -0400

    Upgrade bootstrap version from 3 to 5 (#398)
---
 _docs-2/administration/monitoring-metrics.md |  8 +--
 _docs-2/getting-started/features.md          |  4 +-
 _includes/nav.html                           | 94 ++++++++++++++--------------
 _includes/scripts.html                       |  4 +-
 _layouts/default.html                        |  8 +--
 _layouts/docs-2.html                         | 49 +++++++--------
 _layouts/release.html                        | 24 +++----
 css/accumulo.scss                            | 27 ++++----
 index.html                                   | 10 +--
 pages/contact-us.md                          |  8 +--
 pages/downloads.md                           | 53 ++++++++--------
 pages/release.md                             |  8 +--
 pages/search.md                              |  4 +-
 13 files changed, 149 insertions(+), 152 deletions(-)

diff --git a/_docs-2/administration/monitoring-metrics.md 
b/_docs-2/administration/monitoring-metrics.md
index 96a08452..c8f63dd6 100644
--- a/_docs-2/administration/monitoring-metrics.md
+++ b/_docs-2/administration/monitoring-metrics.md
@@ -17,8 +17,8 @@ The monitor can be viewed at:
 The Overview page (shown below) contains some summary information about the 
Accumulo instance and graphs
 displaying various metrics over time. These include ingest and scan 
performance and other useful measurements.
 
-<a class="thumbnail" href="{{ site.baseurl }}/images/accumulo-monitor-1.png">
-<img src="{{ site.baseurl }}/images/accumulo-monitor-1.png" alt="monitor 
overview"/>
+<a class="p-3 border rounded d-block" href="{{ site.baseurl 
}}/images/accumulo-monitor-1.png">
+<img src="{{ site.baseurl }}/images/accumulo-monitor-1.png" class="img-fluid 
rounded" alt="monitor overview"/>
 </a>
 
 The Manager Server, Tablet Servers, and Tables pages display metrics grouped 
in different ways (e.g. by tablet server or by table).
@@ -26,8 +26,8 @@ Metrics typically include number of entries (key/value 
pairs), ingest and query
 The number of running scans, major and minor compactions are in the form 
_number_running_ (_number_queued_).
 Another important metric is hold time, which is the amount of time a tablet 
has been waiting but unable to flush its memory in a minor compaction.
 
-<a class="thumbnail" href="{{ site.baseurl }}/images/accumulo-monitor-2.png">
-<img src="{{ site.baseurl }}/images/accumulo-monitor-2.png" alt="monitor 
manager"/>
+<a class="p-3 border rounded d-block" href="{{ site.baseurl 
}}/images/accumulo-monitor-2.png">
+<img src="{{ site.baseurl }}/images/accumulo-monitor-2.png" class="img-fluid 
rounded" alt="monitor manager"/>
 </a>
 
 The Server Activity page graphically displays tablet server status, with each 
server represented as a circle or square.
diff --git a/_docs-2/getting-started/features.md 
b/_docs-2/getting-started/features.md
index d3c099b8..2d810765 100644
--- a/_docs-2/getting-started/features.md
+++ b/_docs-2/getting-started/features.md
@@ -314,8 +314,8 @@ performance.  It displays table sizes, ingest and query 
statistics, server
 load, and last-update information.  It also allows the user to view recent
 diagnostic logs and traces.
 
-<a class="thumbnail" href="/images/accumulo-monitor-1.png">
-<img src="/images/accumulo-monitor-1.png" alt="monitor overview"/>
+<a class="p-3 border rounded d-block" href="/images/accumulo-monitor-1.png">
+<img src="/images/accumulo-monitor-1.png" class="img-fluid rounded" 
alt="monitor overview"/>
 </a>
 
 ### Tracing
diff --git a/_includes/nav.html b/_includes/nav.html
index dd6d4d90..05bea5a2 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,64 +1,62 @@
-<nav class="navbar navbar-default navbar-fixed-top">
+<nav class="navbar navbar-expand-lg navbar-light fixed-top bg-light">
   <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle" data-toggle="collapse" 
data-target="#navbar-items">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <a href="{{ site.baseurl }}/"><img id="nav-logo" alt="Apache Accumulo" 
class="img-responsive" src="{{ site.baseurl }}/images/accumulo-logo.png" 
width="200"
-        /></a>
-    </div>
+    <a class="navbar-brand" href="{{ site.baseurl }}/">
+      <img alt="Apache Accumulo" id="nav-logo" src="{{ site.baseurl 
}}/images/accumulo-logo.png" width="200">
+    </a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 
data-bs-target="#navbar-items">
+      <span class="navbar-toggler-icon"></span>
+    </button>
     <div class="collapse navbar-collapse" id="navbar-items">
-      <ul class="nav navbar-nav">
-        <li class="nav-link"><a href="{{ site.baseurl 
}}/downloads">Download</a></li>
-        <li class="nav-link"><a href="{{ site.baseurl }}/tour">Tour</a></li>
-        <li class="dropdown">
-          <a class="dropdown-toggle" data-toggle="dropdown" 
href="#">Releases<span class="caret"></span></a>
+      <ul class="navbar-nav me-auto">
+        <li class="nav-item"><a class="nav-link" href="{{ site.baseurl 
}}/downloads">Download</a></li>
+        <li class="nav-item"><a class="nav-link" href="{{ site.baseurl 
}}/tour">Tour</a></li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" role="button" 
data-bs-toggle="dropdown">Releases</a>
           <ul class="dropdown-menu">
-            <li><a href="{{ site.baseurl }}/release/accumulo-3.0.0/">3.0.0 
(Latest non-LTM)</a></li>
-            <li><a href="{{ site.baseurl }}/release/accumulo-2.1.2/">2.1.2 
(Latest LTM)</a></li>
-            <li><a href="{{ site.baseurl }}/release/accumulo-1.10.3/">1.10.3 
(Legacy LTM)</a></li>
-            <li><a href="{{ site.baseurl }}/release/">Archive</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/release/accumulo-3.0.0/">3.0.0 (Latest non-LTM)</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/release/accumulo-2.1.2/">2.1.2 (Latest LTM)</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/release/accumulo-1.10.3/">1.10.3 (Legacy LTM)</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/release/">Archive</a></li>
           </ul>
         </li>
-        <li class="dropdown">
-          <a class="dropdown-toggle" data-toggle="dropdown" 
href="#">Documentation<span class="caret"></span></a>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" role="button" 
data-bs-toggle="dropdown">Documentation</a>
           <ul class="dropdown-menu">
-            <li><a href="{{ site.docs_baseurl }}">User Manual (2.x)</a></li>
-            <li><a href="{{ site.baseurl }}/docs/2.x/apidocs">Javadocs 
(2.x)</a></li>
-            <li><a href="{{ site.baseurl }}/api">Public API</a></li>
-            <li><a href="{{ site.baseurl }}/quickstart-1.x">Quickstart 
(1.x)</a></li>
-            <li><a href="{{ site.baseurl }}/accumulo2-maven-plugin">Accumulo 
Maven Plugin</a></li>
-            <li><a href="{{ site.baseurl 
}}/1.10/accumulo_user_manual.html">User Manual (1.10)</a></li>
-            <li><a href="{{ site.baseurl }}/1.10/apidocs">Javadocs 
(1.10)</a></li>
-            <li><a href="{{ site.baseurl }}/external-docs">External 
Docs</a></li>
-            <li><a href="{{ site.baseurl }}/docs-archive/">Archive</a></li>
+            <li><a class="dropdown-item" href="{{ site.docs_baseurl }}">User 
Manual (2.x)</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/docs/2.x/apidocs">Javadocs (2.x)</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl }}/api">Public 
API</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/quickstart-1.x">Quickstart (1.x)</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/accumulo2-maven-plugin">Accumulo Maven Plugin</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/1.10/accumulo_user_manual.html">User Manual (1.10)</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/1.10/apidocs">Javadocs (1.10)</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/external-docs">External Docs</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/docs-archive/">Archive</a></li>
           </ul>
         </li>
-        <li class="dropdown">
-          <a class="dropdown-toggle" data-toggle="dropdown" 
href="#">Community<span class="caret"></span></a>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" role="button" 
data-bs-toggle="dropdown">Community</a>
           <ul class="dropdown-menu">
-            <li><a href="{{ site.baseurl }}/contact-us">Contact Us</a></li>
-            <li><a href="{{ site.baseurl }}/how-to-contribute">How To 
Contribute</a></li>
-            <li><a href="{{ site.baseurl }}/people">People</a></li>
-            <li><a href="{{ site.baseurl }}/related-projects">Related 
Projects</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/contact-us">Contact Us</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/how-to-contribute">How To Contribute</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/people">People</a></li>
+            <li><a class="dropdown-item" href="{{ site.baseurl 
}}/related-projects">Related Projects</a></li>
           </ul>
         </li>
-        <li class="nav-link"><a href="{{ site.baseurl 
}}/search">Search</a></li>
+        <li class="nav-item"><a class="nav-link" href="{{ site.baseurl 
}}/search">Search</a></li>
       </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li class="dropdown">
-          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><img 
alt="Apache Software Foundation" 
src="https://www.apache.org/foundation/press/kit/feather.svg"; width="15"/><span 
class="caret"></span></a>
+      <ul class="navbar-nav ms-auto">
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" role="button" 
data-bs-toggle="dropdown">
+            <img alt="Apache Software Foundation" 
src="https://www.apache.org/foundation/press/kit/feather.svg"; width="15"/>
+          </a>
           <ul class="dropdown-menu">
-            <li><a href="https://www.apache.org";>Apache Homepage <i 
class="fa-solid fa-up-right-from-square"></i></a></li>
-            <li><a href="https://www.apache.org/licenses/";>License <i 
class="fa-solid fa-up-right-from-square"></i></a></li>
-            <li><a 
href="https://www.apache.org/foundation/sponsorship";>Sponsorship <i 
class="fa-solid fa-up-right-from-square"></i></a></li>
-            <li><a href="https://www.apache.org/security";>Security <i 
class="fa-solid fa-up-right-from-square"></i></a></li>
-            <li><a href="https://www.apache.org/foundation/thanks";>Thanks <i 
class="fa-solid fa-up-right-from-square"></i></a></li>
-            <li><a 
href="https://www.apache.org/foundation/policies/conduct";>Code of Conduct <i 
class="fa-solid fa-up-right-from-square"></i></a></li>
-            <li><a 
href="https://www.apache.org/events/current-event.html";>Current Event <i 
class="fa-solid fa-up-right-from-square"></i></a></li>
+            <li><a class="dropdown-item" href="https://www.apache.org";>Apache 
Homepage <span class="fa-solid fa-up-right-from-square"></span></a></li>
+            <li><a class="dropdown-item" 
href="https://www.apache.org/licenses/";>License <span class="fa-solid 
fa-up-right-from-square"></span></a></li>
+            <li><a class="dropdown-item" 
href="https://www.apache.org/foundation/sponsorship";>Sponsorship <span 
class="fa-solid fa-up-right-from-square"></span></a></li>
+            <li><a class="dropdown-item" 
href="https://www.apache.org/security";>Security <span class="fa-solid 
fa-up-right-from-square"></span></a></li>
+            <li><a class="dropdown-item" 
href="https://www.apache.org/foundation/thanks";>Thanks <span class="fa-solid 
fa-up-right-from-square"></span></a></li>
+            <li><a class="dropdown-item" 
href="https://www.apache.org/foundation/policies/conduct";>Code of Conduct <span 
class="fa-solid fa-up-right-from-square"></span></a></li>
+            <li><a class="dropdown-item" 
href="https://www.apache.org/events/current-event.html";>Current Event <span 
class="fa-solid fa-up-right-from-square"></span></a></li>
           </ul>
         </li>
       </ul>
diff --git a/_includes/scripts.html b/_includes/scripts.html
index 1f832645..8a3db891 100644
--- a/_includes/scripts.html
+++ b/_includes/scripts.html
@@ -9,11 +9,11 @@
 
   $(function() {
     // decorate section headers with anchors
-    return $("h2, h3, h4, h5, h6").each(function(i, el) {
+    return $("h2, h3, h4, h5, h6").not(".accordion-header").each(function(i, 
el) {
       var $el, icon, id;
       $el = $(el);
       id = $el.attr('id');
-      icon = '<i class="fa-solid fa-link"></i>';
+      icon = '<span class="fa-solid fa-link"></span>';
       if (id) {
         return $el.append($("<a />").addClass("header-link").attr("href", "#" 
+ id).html(icon));
       }
diff --git a/_layouts/default.html b/_layouts/default.html
index d1c56388..b794fca1 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -20,16 +20,16 @@
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<link 
href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/paper/bootstrap.min.css"; 
rel="stylesheet" 
integrity="sha384-awusxf8AUojygHf2+joICySzB780jVvQaVCAt1clU3QsyAitLGul28Qxb2r1e5g+"
 crossorigin="anonymous">
+<link 
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"; 
rel="stylesheet" 
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
 crossorigin="anonymous">
 <link 
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css";
 rel="stylesheet">
-<link rel="stylesheet" type="text/css" 
href="https://cdn.datatables.net/v/bs/dt-1.13.6/datatables.min.css";>
+<link rel="stylesheet" type="text/css" 
href="https://cdn.datatables.net/v/bs5/dt-1.13.6/datatables.min.css";>
 <link href="{{ site.baseurl }}/css/accumulo.css" rel="stylesheet" 
type="text/css">
 
 <title>{% if page.title_prefix %}{{ page.title_prefix | escape }}{% endif %}{% 
if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% 
endif %}</title>
 
 <script 
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"; 
integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" 
crossorigin="anonymous"></script>
-<script 
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"; 
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
 crossorigin="anonymous"></script>
-<script type="text/javascript" 
src="https://cdn.datatables.net/v/bs/dt-1.13.6/datatables.min.js";></script>
+<script 
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js";
 
integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
 crossorigin="anonymous"></script>
+<script type="text/javascript" 
src="https://cdn.datatables.net/v/bs5/dt-1.13.6/datatables.min.js";></script>
 <script type="text/javascript" 
src="https://www.apachecon.com/event-images/snippet.js";></script>
 {% include scripts.html %}
 </head>
diff --git a/_layouts/docs-2.html b/_layouts/docs-2.html
index 7bacee2c..5260a802 100644
--- a/_layouts/docs-2.html
+++ b/_layouts/docs-2.html
@@ -5,51 +5,50 @@ skiph1fortitle: true
 
 <div class="row">
   <div class="col-md-3">
-    <div class="panel-group" id="accordion" role="tablist" 
aria-multiselectable="true" data-spy="affix">
-      <div class="panel panel-default">
+    <div class="accordion sticky-top" id="myAccordion" style="top: 100px;">
       {% assign mydocs = site.docs-2 | group_by: 'category' %}
       {% assign categories = 
"getting-started,development,security,configuration,administration,troubleshooting"
 | split: "," %}
       {% for pcat in categories %}
         {% for dcat in mydocs %}
           {% if pcat == dcat.name %}
-            <div class="panel-heading" role="tab" id="headingOne">
-              <h4 class="panel-title">
-                <a role="button" data-toggle="collapse" 
data-parent="#accordion" href="#collapse{{ pcat }}" aria-expanded="{% if pcat 
== page.category %}true{% else %}false{% endif %}" aria-controls="collapse{{ 
pcat }}">
+            <div class="accordion-item">
+              <div class="accordion-header fs-5 fw-bold" id="heading{{ pcat 
}}">
+                <button class="accordion-button {% if pcat != page.category 
%}collapsed{% endif %}" type="button" data-bs-toggle="collapse" 
data-bs-target="#collapse{{ pcat }}" aria-expanded="{% if pcat == page.category 
%}true{% else %}false{% endif %}" aria-controls="collapse{{ pcat }}">
                   {{ pcat | capitalize | replace: "-", " " }}
-                </a>
-              </h4>
-            </div>
-            <div id="collapse{{pcat}}" class="panel-collapse collapse{% if 
pcat == page.category %} in{% endif %}" role="tabpanel" 
aria-labelledby="headingOne">
-              <div class="panel-body">
-                {% assign items = dcat.items | sort: 'order' %}
-                {% for item in items %}
-                <div class="row doc-sidebar-link{% if page.title == item.title 
%} doc-sidebar-selected{% endif %}"><a href="{{ item.url }}">{{ item.title }} 
</a></div>
-                {% endfor %}
+                </button>
+              </div>
+              <div id="collapse{{pcat}}" class="accordion-collapse collapse{% 
if pcat == page.category %} show{% endif %}" aria-labelledby="heading{{ pcat 
}}" data-bs-parent="#myAccordion">
+                <div class="accordion-body">
+                  {% assign items = dcat.items | sort: 'order' %}
+                  {% for item in items %}
+                    <div class="row{% if page.title == item.title %} 
selected{% endif %}"><a href="{{ item.url }}">{{ item.title }}</a></div>
+                  {% endfor %}
+                </div>
               </div>
             </div>
           {% endif %}
         {% endfor %}
       {% endfor %}
-      </div>
     </div>
   </div>
   <div class="col-md-9">
     {% if page.category %}
-    <p>Accumulo {{ page.version }} Documentation &nbsp;&gt;&gt;&nbsp; {{ 
page.category | capitalize | replace: "-", " " }} &nbsp;&gt;&gt;&nbsp; {{ 
page.title }}</p>
+    <p>Accumulo {{ page.version }} Documentation &gt;&gt; {{ page.category | 
capitalize | replace: "-", " " }} &gt;&gt; {{ page.title }}</p>
     {% endif %}
-
     {% unless page.skip_doc_h1 %}
-    <div class="row">
-      <div class="col-md-10"><h1>{{ page.title }}</h1></div>
-      <div class="col-md-2"><a class="pull-right" style="margin-top: 25px;" 
href="https://github.com/apache/accumulo-website/edit/main/{{ page.path }}" 
role="button"><i class="glyphicon glyphicon-pencil"></i> <small>Edit this 
page</small></a></div>
+    <div class="row mt-4">
+      <div class="col-md-12 d-flex justify-content-between">
+        <h1>{{ page.title }}</h1>
+        <a href="https://github.com/apache/accumulo-website/edit/main/{{ 
page.path }}" role="button"><span class="fa-solid fa-pen-to-square"></span> 
<small>Edit this page</small></a>
+      </div>
     </div>
     {% endunless %}
-
     {{ content }}
-
-    <div class="row" style="margin-top: 20px;">
-      <div class="col-md-10"><strong>Find documentation for all releases in 
the <a href="{{ site.baseurl }}/docs-archive">archive</strong></div>
-      <div class="col-md-2"><a class="pull-right" 
href="https://github.com/apache/accumulo-website/edit/main/{{ page.path }}" 
role="button"><i class="glyphicon glyphicon-pencil"></i> <small>Edit this 
page</small></a></div>
+    <div class="row mt-4">
+      <div class="col-md-12 d-flex justify-content-between">
+        <strong>Find documentation for all releases in the <a href="{{ 
site.baseurl }}/docs-archive">archive</strong>
+        <a href="https://github.com/apache/accumulo-website/edit/main/{{ 
page.path }}" role="button"><span class="fa-solid fa-pen-to-square"></span> 
<small>Edit this page</small></a>
+      </div>
     </div>
   </div>
 </div>
diff --git a/_layouts/release.html b/_layouts/release.html
index d177d4c4..60ae05fb 100644
--- a/_layouts/release.html
+++ b/_layouts/release.html
@@ -8,43 +8,43 @@ layout: default
     {% assign nextIndex = forloop.index0 | plus: 1 %}{% assign releaseNext = 
all_releases[nextIndex] %}
     {% capture prevPage %}
       {% if forloop.last or forloop.first != true %}
-        <li class="previous"><a href="{{ site.baseurl }}{{ releasePrev.url 
}}">&laquo;&nbsp;{{ releasePrev.title }}</a></li>
+        <li class="page-item"><a class="page-link" href="{{ site.baseurl }}{{ 
releasePrev.url }}">&laquo;&nbsp;{{ releasePrev.title }}</a></li>
       {% endif %}
     {% endcapture %}
     {% capture nextPage %}
       {% if forloop.first or forloop.last != true %}
-        <li class="next"><a href="{{ site.baseurl }}{{ releaseNext.url }}">{{ 
releaseNext.title }}&nbsp;&raquo;</a></li>
+        <li class="page-item"><a class="page-link" href="{{ site.baseurl }}{{ 
releaseNext.url }}">{{ releaseNext.title }}&nbsp;&raquo;</a></li>
       {% endif %}
     {% endcapture %}
   {% endif %}
 {% endfor %}
 <p>{{ page.date | date_to_string }}</p>
-<nav aria-label="Navigate Release Notes"><ul class="pager">{{ prevPage }}{{ 
nextPage }}</ul></nav>
+<nav aria-label="Navigate Release Notes"><ul class="pagination d-flex 
justify-content-between">{{ prevPage }}{{ nextPage }}</ul></nav>
 
 {% if page.draft %}
 <div class="alert alert-danger" style="margin-bottom: 0px;" role="alert">
-  <p>These are <strong>draft</strong> release notes for a future release of 
Accumulo!</p>
-  <p>Please view <a class="alert-link" href="{{ site.baseurl 
}}/release/accumulo-{{ site.latest_release }}/">the latest release 
notes</a>.</p>
+  These are <strong>draft</strong> release notes for a future release of 
Accumulo!<br>
+  Please view <a class="alert-link" href="{{ site.baseurl 
}}/release/accumulo-{{ site.latest_release }}/">the latest release notes</a>.
 </div>
 {% endif %}
 
 {% if page.archived_critical %}
 <div class="alert alert-danger" role="alert">
-  <p><strong>WARNING:</strong> This version of Accumulo has critical bugs 
fixed in newer versions.</p>
-  <p>Please check <a class="alert-link" href="{{ site.baseurl }}/release/">our 
release archive</a> for a newer version.</p>
+  <strong>WARNING:</strong> This version of Accumulo has critical bugs fixed 
in newer versions.<br>
+  Please check <a class="alert-link" href="{{ site.baseurl }}/release/">our 
release archive</a> for a newer version.
 </div>
 {% elsif page.archived %}
 <div class="alert alert-warning" role="alert">
-  <p>This version of Accumulo has been superceded by a newer version.</p>
-  <p>Please check <a class="alert-link" href="{{ site.baseurl }}/release/">our 
release archive</a> for a newer version.</p>
+  This version of Accumulo has been superceded by a newer version.<br>
+  Please check <a class="alert-link" href="{{ site.baseurl }}/release/">our 
release archive</a> for a newer version.
 </div>
 {% elsif page.LTM %}
 <div class="alert alert-success" role="alert">
-  <p>This version is a current <strong><a class="alert-link" href="{{ 
site.baseurl }}/contributor/versioning#LTM">Long Term Maintenance 
(LTM)</a></strong> release.</p>
+  This version is a current <strong><a class="alert-link" href="{{ 
site.baseurl }}/contributor/versioning#LTM">Long Term Maintenance 
(LTM)</a></strong> release.
 </div>
 {% else %}
 <div class="alert alert-warning" role="alert">
-  <p>This version is not a <a class="alert-link" href="{{ site.baseurl 
}}/contributor/versioning#LTM">Long Term Maintenance (non-LTM)</a></strong> 
release.</p>
+  This version is not a <a class="alert-link" href="{{ site.baseurl 
}}/contributor/versioning#LTM">Long Term Maintenance (non-LTM)</a></strong> 
release.
 </div>
 {% endif %}
 
@@ -53,4 +53,4 @@ layout: default
 <hr>
 
 <p><strong>View all releases in the <a href="{{ site.baseurl 
}}/release/">archive</a></strong></p>
-<nav aria-label="Navigate Release Notes"><ul class="pager">{{ prevPage }}{{ 
nextPage }}</ul></nav>
+<nav aria-label="Navigate Release Notes"><ul class="pagination d-flex 
justify-content-between">{{ prevPage }}{{ nextPage }}</ul></nav>
diff --git a/css/accumulo.scss b/css/accumulo.scss
index 2ab3d187..850ef678 100644
--- a/css/accumulo.scss
+++ b/css/accumulo.scss
@@ -41,6 +41,14 @@ body {
   font-size: 14px;
 }
 
+pre {
+  padding: 11px;
+  margin: 0 0 11.5px;
+  line-height: 1.846;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+}
+
 pre code {
   font-size: 14px;
   /* override nowrap in bootstrap */
@@ -58,10 +66,6 @@ code {
     padding-left: 10px;
 }
 
-.nav-link, li.dropdown {
-  padding-top: 5px;
-}
-
 #home-description {
     font-size: 17px;
 }
@@ -83,6 +87,7 @@ code {
 #sociallinks td {
    /* no lines in the link table */
    border-top: none;
+   border-bottom: none;
 }
 
 #bannertext {
@@ -149,13 +154,7 @@ footer > p {
   height: 70px
 }
 
-.doc-sidebar-link {
-  font-size: 13px;
-  margin-bottom: 5px;
-  margin-left: 0px;
-}
-
-.doc-sidebar-selected {
+.selected {
   font-weight: bold;
 }
 
@@ -182,7 +181,7 @@ h1[id]::before, h2[id]::before, h3[id]::before, 
h4[id]::before, h5[id]::before,
   display: block;
   content: " ";
   margin-top: -80px;
-  height: 80px;
+  height: 100px;
   visibility: hidden;
 }
 
@@ -220,7 +219,7 @@ a.prop {
     }
     .navbar-nav {
         float: none!important;
-        margin: 7.5px -15px;
+        margin: 7.5px;
     }
     .navbar-nav>li {
         float: none;
@@ -233,7 +232,7 @@ a.prop {
         float: none;
         margin: 15px 0;
     }
-    .navbar-collapse.collapse.in {
+    .navbar-collapse.collapse.show {
         display: block!important;
     }
     .collapsing {
diff --git a/index.html b/index.html
index b88929e2..d5d58817 100644
--- a/index.html
+++ b/index.html
@@ -4,10 +4,10 @@ skiph1fortitle: true
 ---
 <div class="row">
   <div class="col-md-8">
-    <div class="jumbotron" style="text-align: center">
+    <div class="bg-light p-5 rounded mb-4" style="text-align: center">
       <h3>Apache Accumulo&reg; is a sorted, distributed key/value store that 
provides robust, scalable data storage and retrieval.</h3>
-      <a style="margin-right: 20px" class="btn btn-success" href="downloads/" 
role="button"><i class="fa-solid fa-download fa-lg"></i> Download</a>
-      <a class="btn btn-primary" href="https://github.com/apache/accumulo"; 
role="button"><i class="fa-brands fa-github fa-lg"></i> GitHub</a>
+      <a style="margin-right: 20px" class="btn btn-success" href="downloads/" 
role="button"><span class="fa-solid fa-download fa-lg"></span> Download</a>
+      <a class="btn btn-primary" href="https://github.com/apache/accumulo"; 
role="button"><span class="fa-brands fa-github fa-lg"></span> GitHub</a>
     </div>
     <p id="home-description">With Apache Accumulo, users can store and manage 
large data sets across a cluster. Accumulo uses <a 
href="https://hadoop.apache.org";>Apache Hadoop</a>'s HDFS to store its data and 
<a href="https://zookeeper.apache.org";>Apache ZooKeeper</a> for consensus. 
While many users interact directly with Accumulo, several <a 
href="/related-projects">open source projects</a> use Accumulo as their 
underlying store.</p>
     <p id="home-description">To learn more about Accumulo, take the <a 
href="/tour">Accumulo tour</a>, read the <a href="{{ site.docs_baseurl }}">user 
manual</a> and run the Accumulo <a 
href="https://github.com/apache/accumulo-examples";>example code</a>. Feel free 
to <a href="/contact-us">contact us</a> if you have any questions.
@@ -37,7 +37,7 @@ skiph1fortitle: true
   </div>
   <div class="col-md-4" id="sidebar">
     <div class="row">
-      <div class="col-sm-12 panel panel-default">
+      <div class="col-sm-12 card mb-4">
         <p style="font-size: 24px; margin-bottom: 0px;">Latest News</p>
         {% assign visible_posts = site.posts | where:"draft",false %}
         {% for post in visible_posts limit:site.num_home_posts %}
@@ -54,7 +54,7 @@ skiph1fortitle: true
       </div>
     </div>
     <div class="row">
-      <div class="col-sm-12 panel panel-default">
+      <div class="col-sm-12 card mb-4">
         {% capture social-include %}{% include social.md %}{% endcapture %}{{ 
social-include | markdownify }}
       </div>
     </div>
diff --git a/pages/contact-us.md b/pages/contact-us.md
index f455de71..afc469ba 100644
--- a/pages/contact-us.md
+++ b/pages/contact-us.md
@@ -45,10 +45,10 @@ follow discussions as they happen.
 {: .table }
 | Name              | Description                                      | Read 
| Follow | Post |
 
|-------------------|--------------------------------------------------|------|--------|------|
-| **user**          | General user questions, help, and announcements  | 
[<span class="glyphicon glyphicon-search"/> Archive][U_A] | [<span 
class="glyphicon glyphicon-plus"/> Subscribe][U_SU] [<span class="glyphicon 
glyphicon-remove"/> Unsubscribe][U_UN] | [<span class="glyphicon 
glyphicon-envelope"/> Post][U_P] |
-| **dev**           | Contributor discussions and development activity | 
[<span class="glyphicon glyphicon-search"/> Archive][D_A] | [<span 
class="glyphicon glyphicon-plus"/> Subscribe][D_SU] [<span class="glyphicon 
glyphicon-remove"/> Unsubscribe][D_UN] | [<span class="glyphicon 
glyphicon-envelope"/> Post][D_P] |
-| **commits**       | Code changes                                     | 
[<span class="glyphicon glyphicon-search"/> Archive][C_A] | [<span 
class="glyphicon glyphicon-plus"/> Subscribe][C_SU] [<span class="glyphicon 
glyphicon-remove"/> Unsubscribe][C_UN] | |
-| **notifications** | Automated notifications (GitHub, etc.)             | 
[<span class="glyphicon glyphicon-search"/> Archive][N_A] | [<span 
class="glyphicon glyphicon-plus"/> Subscribe][N_SU] [<span class="glyphicon 
glyphicon-remove"/> Unsubscribe][N_UN] | |
+| **user**          | General user questions, help, and announcements  | 
[<span class="fa-solid fa-magnifying-glass"></span> Archive][U_A] | [<span 
class="fa-solid fa-plus"></span> Subscribe][U_SU] [<span class="fa-solid 
fa-xmark"></span> Unsubscribe][U_UN] | [<span class="fa-solid 
fa-envelope"></span> Post][U_P] |
+| **dev**           | Contributor discussions and development activity | 
[<span class="fa-solid fa-magnifying-glass"></span> Archive][D_A] | [<span 
class="fa-solid fa-plus"></span> Subscribe][D_SU] [<span class="fa-solid 
fa-xmark"></span> Unsubscribe][D_UN] | [<span class="fa-solid 
fa-envelope"></span> Post][D_P] |
+| **commits**       | Code changes                                     | 
[<span class="fa-solid fa-magnifying-glass"></span> Archive][C_A] | [<span 
class="fa-solid fa-plus"></span> Subscribe][C_SU] [<span class="fa-solid 
fa-xmark"></span> Unsubscribe][C_UN] | |
+| **notifications** | Automated notifications (GitHub, etc.)             | 
[<span class="fa-solid fa-magnifying-glass"></span> Archive][N_A] | [<span 
class="fa-solid fa-plus"></span> Subscribe][N_SU] [<span class="fa-solid 
fa-xmark"></span> Unsubscribe][N_UN] | |
 
 ## Slack
 
diff --git a/pages/downloads.md b/pages/downloads.md
index cf753fdf..2d1ffd93 100644
--- a/pages/downloads.md
+++ b/pages/downloads.md
@@ -12,8 +12,8 @@ var updateLinks = function(mirror) {
 };
 
 var mirrorsCallback = function(json) {
-  var htmlContent = '<div class="row"><div class="col-md-3"><h5>Select an 
Apache download mirror:</h5></div>' +
-    '<div class="col-md-5"><select class="form-control" 
id="apache-mirror-select">';
+  var htmlContent = '<div class="row align-items-center mb-3"><div 
class="col-3"><h5>Select an Apache download mirror:</h5></div>' +
+    '<div class="col-5"><select class="form-select" 
id="apache-mirror-select">';
   htmlContent += '<optgroup label="Preferred Mirror (based on location)">';
   htmlContent += '<option selected="selected">' + json.preferred + '</option>';
   htmlContent += '</optgroup>';
@@ -61,18 +61,18 @@ Be sure to [verify your downloads][VERIFY_PROCEDURES] using 
[these KEYS][GPG_KEY
 
 {% assign closerLink = 'https://www.apache.org/dyn/closer.lua' %}
 {% assign downloadsLink = 'https://downloads.apache.org' %}
-{% assign glyphSave = '&nbsp;<span class="glyphicon 
glyphicon-cloud-download"></span>' %}
-{% assign glyphLock = '&nbsp;<span class="glyphicon glyphicon-lock"></span>' %}
+{% assign glyphSave = '&nbsp;<span class="fa-solid 
fa-cloud-arrow-down"></span>' %}
+{% assign glyphLock = '&nbsp;<span class="fa-solid fa-lock"></span>' %}
 {% assign srcbinArray = 'src bin' | split: ' ' %}
 {% assign btnDownloadStyle = 'class="btn btn-primary" style="text-transform: 
none; font-family: monospace"' %}
-{% assign btnSigStyle = 'class="btn btn-default" style="font-family: 
monospace"' %}
-{% assign btnHashStyle = 'class="btn btn-default" style="font-family: 
monospace"' %}
-{% assign btnDocStyle = 'class="btn btn-default" style="text-transform: none; 
font-family: monospace; margin-bottom: 5px"' %}
+{% assign btnSigStyle = 'class="btn btn-outline-secondary" style="font-family: 
monospace"' %}
+{% assign btnHashStyle = 'class="btn btn-outline-secondary" 
style="font-family: monospace"' %}
+{% assign btnDocStyle = 'class="btn btn-secondary" style="text-transform: 
none; font-family: monospace; margin-bottom: 5px"' %}
 
 ## Current Releases
 
 {% assign linkVers = '3.0.0' %}
-### {{linkVers}} **Latest**{: .label .label-primary} **non-LTM**{: .label 
.label-warning}
+### {{linkVers}} **Latest**{: .badge .bg-primary} **non-LTM**{: .badge 
.bg-warning}
 {: #latest }
 
 The {{linkVers}} release of Apache Accumulo&reg; is the latest bleeding edge
@@ -85,16 +85,17 @@ available in a future update to this site.
 {% for srcbin in srcbinArray %}
 {% assign lnkFile = 'accumulo-' | append: linkVers | append: '-' | append: 
srcbin | append: '.tar.gz' %}
 {% assign lnkSuffix = '/accumulo/' | append: linkVers | append: '/' | append: 
lnkFile %}
-<div class="row btn-group" style="margin-left: 20px; margin-bottom: 5px; 
display: block">
-  <div class="col btn-group">
+<div class="d-flex flex-wrap justify-content-start align-items-start" 
style="margin-left: 20px; margin-bottom: 5px;">
+  <div class="btn-group me-2">
     <a {{btnDownloadStyle}} href="{{closerLink}}{{lnkSuffix}}" 
link-suffix="{{lnkSuffix}}">{{lnkFile}}{{glyphSave}}</a>
-  </div><div class="col btn-group">
+  </div>
+  <div class="btn-group">
     <a {{btnSigStyle}} 
href="{{downloadsLink}}{{lnkSuffix}}.asc">ASC{{glyphLock}}</a>
     <a {{btnHashStyle}} 
href="{{downloadsLink}}{{lnkSuffix}}.sha512">SHA{{glyphLock}}</a>
   </div>
 </div>
 {% endfor %}
-<div class="row btn-group-sm" style="margin: 20px">
+<div class="btn-group-sm" style="margin: 20px;">
   <a {{btnDocStyle}} 
href="{{site.baseurl}}/release/accumulo-{{linkVers}}">Release Notes</a>
   <a {{btnDocStyle}} 
href="https://github.com/apache/accumulo/blob/rel/{{linkVers}}/README.md";>README</a>
   <a {{btnDocStyle}} href="{{site.baseurl}}/docs/2.x">Online Documentation</a>
@@ -104,7 +105,7 @@ available in a future update to this site.
 
 
 {% assign linkVers = '2.1.2' %}
-### {{linkVers}} **Latest**{: .label .label-primary} **LTM**{: .label 
.label-success}
+### {{linkVers}} **Latest**{: .badge .bg-primary} **LTM**{: .badge .bg-success}
 {: #latest }
 
 The {{linkVers}} release of Apache Accumulo&reg; is the latest release on the
@@ -114,16 +115,17 @@ enhancements, and more.
 {% for srcbin in srcbinArray %}
 {% assign lnkFile = 'accumulo-' | append: linkVers | append: '-' | append: 
srcbin | append: '.tar.gz' %}
 {% assign lnkSuffix = '/accumulo/' | append: linkVers | append: '/' | append: 
lnkFile %}
-<div class="row btn-group" style="margin-left: 20px; margin-bottom: 5px; 
display: block">
-  <div class="col btn-group">
+<div class="d-flex flex-wrap justify-content-start align-items-start" 
style="margin-left: 20px; margin-bottom: 5px;">
+  <div class="btn-group me-2">
     <a {{btnDownloadStyle}} href="{{closerLink}}{{lnkSuffix}}" 
link-suffix="{{lnkSuffix}}">{{lnkFile}}{{glyphSave}}</a>
-  </div><div class="col btn-group">
+  </div>
+  <div class="btn-group">
     <a {{btnSigStyle}} 
href="{{downloadsLink}}{{lnkSuffix}}.asc">ASC{{glyphLock}}</a>
     <a {{btnHashStyle}} 
href="{{downloadsLink}}{{lnkSuffix}}.sha512">SHA{{glyphLock}}</a>
   </div>
 </div>
 {% endfor %}
-<div class="row btn-group-sm" style="margin: 20px">
+<div class="btn-group-sm" style="margin: 20px;">
   <a {{btnDocStyle}} 
href="{{site.baseurl}}/release/accumulo-{{linkVers}}">Release Notes</a>
   <a {{btnDocStyle}} 
href="https://github.com/apache/accumulo/blob/rel/{{linkVers}}/README.md";>README</a>
   <a {{btnDocStyle}} href="{{site.baseurl}}/docs/2.x">Online Documentation</a>
@@ -133,7 +135,7 @@ enhancements, and more.
 
 
 {% assign linkVers = '1.10.3' %}
-### {{linkVers}} **Legacy**{: .label .label-default} **LTM**{: .label 
.label-success}
+### {{linkVers}} **Legacy**{: .badge .bg-secondary} **LTM**{: .badge 
.bg-success}
 {: #legacy }
 
 The most recent legacy (1.x) release of Apache Accumulo&reg; is version
@@ -144,16 +146,17 @@ The 1.10 release series will reach end-of-life on 
**November 1, 2023**.
 {% for srcbin in srcbinArray %}
 {% assign lnkFile = 'accumulo-' | append: linkVers | append: '-' | append: 
srcbin | append: '.tar.gz' %}
 {% assign lnkSuffix = '/accumulo/' | append: linkVers | append: '/' | append: 
lnkFile %}
-<div class="row btn-group" style="margin-left: 20px; margin-bottom: 5px; 
display: block">
-  <div class="col btn-group">
+<div class="d-flex flex-wrap justify-content-start align-items-start" 
style="margin-left: 20px; margin-bottom: 5px;">
+  <div class="btn-group me-2">
     <a {{btnDownloadStyle}} href="{{closerLink}}{{lnkSuffix}}" 
link-suffix="{{lnkSuffix}}">{{lnkFile}}{{glyphSave}}</a>
-  </div><div class="col btn-group">
+  </div>
+  <div class="btn-group">
     <a {{btnSigStyle}} 
href="{{downloadsLink}}{{lnkSuffix}}.asc">ASC{{glyphLock}}</a>
     <a {{btnHashStyle}} 
href="{{downloadsLink}}{{lnkSuffix}}.sha512">SHA{{glyphLock}}</a>
   </div>
 </div>
 {% endfor %}
-<div class="row btn-group-sm" style="margin: 20px">
+<div class="btn-group-sm" style="margin: 20px;">
   <a {{btnDocStyle}} 
href="{{site.baseurl}}/release/accumulo-{{linkVers}}">Release Notes</a>
   <a {{btnDocStyle}} 
href="https://github.com/apache/accumulo/blob/rel/{{linkVers}}/README.md";>README</a>
   <a {{btnDocStyle}} href="{{site.baseurl}}/1.10/accumulo_user_manual">User 
Manual</a>
@@ -162,12 +165,12 @@ The 1.10 release series will reach end-of-life on 
**November 1, 2023**.
 </div>
 
 
-## <small><span class="glyphicon glyphicon-info-sign" 
aria-hidden="true"></span></small> Legend
+## <small><span class="fa-solid fa-circle-info" 
aria-hidden="true"></span></small> Legend
 {: #legend }
 
-**LTM**{: .label .label-success} / **non-LTM**{: .label .label-warning} 
indicates a [Long Term Maintenance][LTM] release or not
+**LTM**{: .badge .bg-success} / **non-LTM**{: .badge .bg-warning} indicates a 
[Long Term Maintenance][LTM] release or not
 
-**Latest**{: .label .label-primary} / **Legacy**{: .label .label-default} 
indicates the latest or previous generation
+**Latest**{: .badge .bg-primary} / **Legacy**{: .badge .bg-secondary} 
indicates the latest or previous generation
 
 
 ## Older releases
diff --git a/pages/release.md b/pages/release.md
index 3930ee1b..27995473 100644
--- a/pages/release.md
+++ b/pages/release.md
@@ -6,10 +6,10 @@ redirect_from:
   - /release_notes.html
 ---
 
-{% assign archived_btn = '<span class="label label-default"><a style="color: 
#ffffff; text-decoration: none" 
href="https://archive.apache.org/dist/accumulo/";>Archive</a></span>' %}
-{% assign draft_btn = '<span class="label 
label-danger">&nbsp;DRAFT!&nbsp;</span>' %}
-{% assign ltm_btn = '<span class="label label-success"><a style="color: 
#ffffff; text-decoration: none" href="' | append: site.baseurl | append: 
'/contributor/versioning#LTM">&nbsp;&nbsp;LTM&nbsp;&nbsp;</a></span>' %}
-{% assign nonltm_btn = '<span class="label label-warning"><a style="color: 
#ffffff; text-decoration: none" href="' | append: site.baseurl | append: 
'/contributor/versioning#LTM">non-LTM</a></span>' %}
+{% assign archived_btn = '<a 
href="https://archive.apache.org/dist/accumulo/";><span class="badge 
bg-secondary">Archive</span></a>' %}
+{% assign draft_btn = '<span class="badge 
bg-danger">&nbsp;DRAFT!&nbsp;</span>' %}
+{% assign ltm_btn = '<a href="' | append: site.baseurl | append: 
'/contributor/versioning#LTM"><span class="badge 
bg-success">&nbsp;&nbsp;LTM&nbsp;&nbsp;</span></a>' %}
+{% assign nonltm_btn = '<a href="' | append: site.baseurl | append: 
'/contributor/versioning#LTM"><span class="badge 
bg-warning">non-LTM</span></a>' %}
 
 <div>
 {% assign all_releases = site.categories.release | sort: 'date' | reverse %}
diff --git a/pages/search.md b/pages/search.md
index ed8608a9..41bd9515 100644
--- a/pages/search.md
+++ b/pages/search.md
@@ -10,9 +10,7 @@ Search results are limited to blog posts, release notes, and 
the 2.x documentati
     <form action="get" id="site_search">
       <div class="input-group">
         <input class="form-control" type="text" id="search_box" 
placeholder="Search for...">
-        <span class="input-group-btn">
-          <button class="btn btn-default" type="submit">Search</button>
-        </span>
+        <button class="btn btn-secondary" type="submit">Search</button>
       </div>
     </form>
   </div>


Reply via email to