diff --git a/index.html b/index.html
index 01e7117..d4a5db8 100644
--- a/index.html
+++ b/index.html
@@ -1,128 +1,46 @@
-<!--
-  Library of Code sp-us | Department of Engineering
-  Matthew, AD, FSEN <matthew@staff.libraryofcode.org>
-    COPYRIGHT 2020
--->
-<!DOCTYPE html>
-<head>
-  <title>Staff Directory</title>
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
-
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta property="og:title" content="Staff Directory">
-    <meta property="og:url" content="https://directory.libraryofcode.org/">
-    <meta property="og:type" content="website">
-    <meta property="og:description" content="Staff Directory for Library of Code sp-us and list of titles and explanations.">
-
-    <script src="getabb.js"></script>
-</head>
-<body>
-  <div class="container-fluid">
-    <h1>
-      Staff Directory
-      <small class="text-muted">directory.libraryofcode.org</small>
-    </h1>
-    <table class="table table-sm table-striped" id="directory" style="display: none;">
-      <thead class="thead-light">
-        <tr>
-          <th scope="col"><strong>Name</strong></th>
-          <th scope="col"><strong>Title/Department</strong></th>
-          <th scope="col"><strong>Email</strong></th>
-          <th scope="col"><strong>Pager Number</strong></th>
-          <th scope="col"><strong>Extension</strong></th>
-          <th scope="col"><strong>Keys</strong></th>
-        </tr>
-      </thead>
-      <tbody></tbody>
-    </table>
-    <div class="btn-group float-right" type="group">
-      <button id="button-show" type="button" class="btn btn-primary btn-sm float-right" onclick=visible()>Additional Staff Roles</button>
-      <button id="button-hide" type="button" class="btn btn-secondary btn-sm float-right" onclick=invisible()>Hide</button>
-    </div>
-    <div class="container-fluid">
-      <div class="table-responsive">
-        <table class="table table-bordered" id="roles" style="display: none; width:100%">
-          <thead class="thead-light">
-            <tr>
-              <th scope="col"><strong>Name</strong></th>
-              <th scope="col"><strong>Additional Titles/Roles</strong></th>
-            </tr>
-          </thead>
-        </table>
-      </div>
-    </div>
-    <div id="loading" class="alert alert-info" role="alert" style="display: block;">
-      Loading... |
-    </div>
-    <script src="script.js"></script>
-  
-    <h2>Speciality Titles</h2>
-    <p><i>Below are a list of specialty titles. Board Certification is awarded to those who complete internship in a specialty.</i></p>
-    <dl style="padding: 8px; display: block; border: 1px solid black;">
-      <dt>FSCE</dt>
-      <dd>Fellow of Community Engagement - Community Engagement/Events | Board Certified</dd>
-      <dt>CEP</dt>
-      <dd>Community Engagement Practitioner - Community Engagement/Events | Board Certified</dd>
-      <dt>CE-I</dt>
-      <dd>Community Engagement/Events | Intern</dd><br>
-      <dt>FSEN</dt>
-      <dd>Fellow of Engineering - Engineering & Software Development | Board Certified</dd>
-      <dt>ENP</dt>
-      <dd>Engineering Practitioner - Engineering & Software Development | Board Certified</dd>
-      <dt>ENG-I</dt>
-      <dd>Engineering & Software Development | Intern</dd><br>
-      <dt>FSM</dt>
-      <dd>Fellow of Moderation - Moderation | Board Certified</dd>
-      <dt>MDP</dt>
-      <dd>Moderation Practitioner - Moderation | Board Certified</dd>
-      <dt>MOD-I</dt>
-      <dd>Moderation | Intern</dd><br>
-      <dt>FSO</dt>
-      <dd>Fellow of Operations - Operations & Administration | Board Certified</dd>
-      <dt>OAP</dt>
-      <dd>Operations Practitioner - Operations & Administration | Board Certified</dd>
-      <dt>OA-I</dt>
-      <dd>Operations & Administration | Intern</dd><br>
-      <dt>FSCR</dt>
-      <dd>Fellow of Community Relations - Community Relations & Member Support | Board Certified</dd>
-      <dt>CRP</dt>
-      <dd>Community Relations Practitioner - Community Relations & Member Support | Board Certified</dd>
-      <dt>CRS-I</dt>
-      <dd>Community Relations & Member Support | Intern</dd><br>
-    </dl>
-  
-    <h4>Positional Titles</h4>
-    <p><i>Below are a list of positional rankings which are awarded based on the chain of command.</i></p>
-    <dl style="padding: 8px; display: block; border: 1px solid black;">
-  
-      <dt>AD</dt>
-      <dd>Administrator ~ administrator in one or more projects or departments</dd>
-      <dt>SP</dt>
-      <dd>Supervisor ~ high-level staff member in one or more departments with authority</dd>
-      <dt>ST</dt>
-      <dd>Staff/Core Team | Board Certified ~ board certified Core Team and Staff member</dd><br>
-      <dt>AS-BC</dt>
-      <dd>Associate | Board Certified ~ board certified Associate whom has completed training</dd>
-      <dt>AS</dt>
-      <dd>Associate | Intern ~ associate whom is currently an intern/in-training</dd>
-      <dt></dt>
-    </dl>
-    <h4>Member Titles</h4>
-    <p><i>Staff members and Associates are not eligible to receive these titles, they're reserved for community members only.</i></p>
-    <dl style="padding: 8px; display: block; border: 1px solid black;">
-      <dt>RCA</dt>
-      <dd>Registered Community Ambassador - this member is a registered Community Ambassador. They were nominated by the Staff Team for the role and elected by the community.</dd>
-      <dt>PRF-C</dt>
-      <dd>Proficient/Experienced | Board Certified - this member's proficiency credentials in an IT field have been board certified.</dd>
-      <dt>EdP-C</dt>
-      <dd>Educational Services Course | Certified - this member was certified by an Educational Services Instructor by taking one of our courses.</dd>
-    </dl>
-    <div class="fixed-bottom">
-      <footer class="text-center font-weight-light text-monospace">© 2021 Library of Code sp-us | Department of Operations</footer>
-    </div>
-  </div>
-  <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://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://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
-</body>
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        
+        <title>Staff Directory</title>
+
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet">
+        <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/github-dark.min.css" rel="stylesheet">
+
+        <style>
+            body {
+                background-color: #181a1b; 
+                color: #eee; 
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container-fluid">
+            <h1>
+                Staff Directory
+            </h1>
+
+            <table class="table" id="directory" style="color: white;">
+                <thead>
+                    <tr>
+                        <th scope="col">Name</th>
+                        <th scope="col">Title/Department</th>
+                        <th scope="col">Email</th>
+                    </tr>
+                </thead>
+                <tbody>
+                </tbody>
+            </table>
+
+            <div id="loading" class="alert alert-info" role="alert" style="display: block;">
+                Loading... |
+            </div>
+          
+            <script src="./script.js"></script>
+        </div>
+    </body>
+</html>
