diff --git a/index.html b/index.html
index 89e16a6..67363d5 100644
--- a/index.html
+++ b/index.html
@@ -1,34 +1,126 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <!-- Bootstrap CSS -->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
-    <link rel="stylesheet"
-          href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
-          
-    <title>Lab schemas</title>
-  </head>
-  <body>
-    <nav class="navbar navbar-expand-lg py-2 mb-4 border-bottom navbar-light" aria-label="navbar" style="background-color: #EFF3F6;">
-      <div class="container">
-        <a href="https://databio.org" alt="Sheffield lab of computational biology" class="align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
-          <img src="https://databio.org/images/logo/logo_databio_long.svg" alt="databio" width="240">
-        </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 me-auto" id="navbarSupportedContent">
-          <ul class="navbar-nav ms-auto mb-2 mb-sm-0">
-            <li class="nav-item mx-2 my-0 h5"><a href="https://github.com/databio/schema.databio.org" class="nav-link">GitHub Repository</a></li>
-          </ul>
-        </div>
+<head>
+  <!-- Required meta tags -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Bootstrap CSS -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+  <link rel="stylesheet"
+        href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
+  <style>
+    h1 {
+      font-size: 2.2em;
+      color: green;
+
+    }
+    h2 {
+      font-size: 1.6em;
+      margin-top: 25px;
+    }
+    h3 {
+      font-size: 1.4em;
+      margin-top: 15px;
+    }
+    h4 {
+      font-size: 1.2em;
+      margin-top: 5px;
+    }
+    .label {
+      font-weight: 700;
+      margin-left: 20px;
+    }
+    .path {
+      color: green;
+      font-weight: 700;
+      font-family: monospace;
+    }
+    .header { margin-bottom:25px; }
+    .header img {
+      float: left;
+      margin-right: 10px;
+    }
+    .header h1 {
+      margin-top: 20px;
+    }
+
+  </style>
+
+  <title>Lab schemas</title>
+</head>
+<body>
+  <nav class="navbar navbar-expand-lg py-2 mb-4 border-bottom navbar-light" aria-label="navbar" style="background-color: #EFF3F6;">
+    <div class="container">
+      <a href="https://databio.org" alt="Sheffield lab of computational biology" class="align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
+        <img src="https://databio.org/images/logo/logo_databio_long.svg" alt="databio" width="240">
+      </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 me-auto" id="navbarSupportedContent">
+        <ul class="navbar-nav ms-auto mb-2 mb-sm-0">
+          <li class="nav-item mx-2 my-0 h5"><a href="https://github.com/databio/schema.databio.org" class="nav-link">GitHub Repository</a></li>
+        </ul>
       </div>
-    </nav>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+    </div>
+  </nav>
+  <div class="container">
+    <div class="header">
+      <h1>Lab schemas</h1>
+    </div>
+    <h2>About</h2>
+
+    Here you'll find an API for databio lab schemas like bulker, pep, pipelines, refgenie, refget, etc.
+
+    <h2>Contributing a schema</h2>
+
+    <h4>Write a schema</h4>
+
+    First, you have to write a schema yaml file. It should follow json-schema format.
+
+    <h4>Upload your schema</h4>
+
+    After creating your schema file, you can contribute it to this repository so that you and others can more easily load it. Name your schema yaml file with the name of the schema. Schemas in the registry are divided into namespaces, which are represented as subfolders in this repository. So, place your schema into an appropriate subfolder, and then open a pull request.
+
+    <h2>List of schemas (<a href="https://schema.databio.org/list.json">JSON</a>)</h2>
+    <div id="templateList"></div>
+
+    <div style="margin:50px">Brought to you by: <a href="https://databio.org">Sheffield lab of computational biology</a></div>
+  </div>
+
+
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
+  <script>
+    hljs.highlightAll();
+    getList = async () => {
+      var tplList = await fetch("https://schema.databio.org/list.json")
+      .then(response => response.json())
+      .then(response => {
+        console.log(response)
+        tplList = Object.values(response)
+        var tplHTML = "";
+        for (const tpl in response) {
+          console.log(`${tpl}: ${response[tpl]}`);
+          tplHTML += `<h3>${tpl}</h3>
+          <span class="label">Project</span>: ${response[tpl]["project"]}<br>
+          <span class="label">Description</span>: ${response[tpl]["description"]}<br>
+          <span class="label">Relative Path</span>: <span class="path">${response[tpl]["url"]}</span><br>
+          <span class="label">API Endpoint</span>:  <a href="${response[tpl]["url"]}">https://schema.databio.org/${response[tpl]["url"]}</a>`
+
+        }
+        document.getElementById("templateList").innerHTML = tplHTML
+        return tplList
+      })
+      return tplList;
+    }
+    var tplList;
+    tplList = getList()
+  </script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/index_new.html b/index_new.html
new file mode 100644
index 0000000..89e16a6
--- /dev/null
+++ b/index_new.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet"
+          href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
+          
+    <title>Lab schemas</title>
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-lg py-2 mb-4 border-bottom navbar-light" aria-label="navbar" style="background-color: #EFF3F6;">
+      <div class="container">
+        <a href="https://databio.org" alt="Sheffield lab of computational biology" class="align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
+          <img src="https://databio.org/images/logo/logo_databio_long.svg" alt="databio" width="240">
+        </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 me-auto" id="navbarSupportedContent">
+          <ul class="navbar-nav ms-auto mb-2 mb-sm-0">
+            <li class="nav-item mx-2 my-0 h5"><a href="https://github.com/databio/schema.databio.org" class="nav-link">GitHub Repository</a></li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/index_old.html b/index_old.html
deleted file mode 100644
index 67363d5..0000000
--- a/index_old.html
+++ /dev/null
@@ -1,126 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <!-- Required meta tags -->
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-
-  <!-- Bootstrap CSS -->
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
-  <link rel="stylesheet"
-        href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
-  <style>
-    h1 {
-      font-size: 2.2em;
-      color: green;
-
-    }
-    h2 {
-      font-size: 1.6em;
-      margin-top: 25px;
-    }
-    h3 {
-      font-size: 1.4em;
-      margin-top: 15px;
-    }
-    h4 {
-      font-size: 1.2em;
-      margin-top: 5px;
-    }
-    .label {
-      font-weight: 700;
-      margin-left: 20px;
-    }
-    .path {
-      color: green;
-      font-weight: 700;
-      font-family: monospace;
-    }
-    .header { margin-bottom:25px; }
-    .header img {
-      float: left;
-      margin-right: 10px;
-    }
-    .header h1 {
-      margin-top: 20px;
-    }
-
-  </style>
-
-  <title>Lab schemas</title>
-</head>
-<body>
-  <nav class="navbar navbar-expand-lg py-2 mb-4 border-bottom navbar-light" aria-label="navbar" style="background-color: #EFF3F6;">
-    <div class="container">
-      <a href="https://databio.org" alt="Sheffield lab of computational biology" class="align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
-        <img src="https://databio.org/images/logo/logo_databio_long.svg" alt="databio" width="240">
-      </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 me-auto" id="navbarSupportedContent">
-        <ul class="navbar-nav ms-auto mb-2 mb-sm-0">
-          <li class="nav-item mx-2 my-0 h5"><a href="https://github.com/databio/schema.databio.org" class="nav-link">GitHub Repository</a></li>
-        </ul>
-      </div>
-    </div>
-  </nav>
-  <div class="container">
-    <div class="header">
-      <h1>Lab schemas</h1>
-    </div>
-    <h2>About</h2>
-
-    Here you'll find an API for databio lab schemas like bulker, pep, pipelines, refgenie, refget, etc.
-
-    <h2>Contributing a schema</h2>
-
-    <h4>Write a schema</h4>
-
-    First, you have to write a schema yaml file. It should follow json-schema format.
-
-    <h4>Upload your schema</h4>
-
-    After creating your schema file, you can contribute it to this repository so that you and others can more easily load it. Name your schema yaml file with the name of the schema. Schemas in the registry are divided into namespaces, which are represented as subfolders in this repository. So, place your schema into an appropriate subfolder, and then open a pull request.
-
-    <h2>List of schemas (<a href="https://schema.databio.org/list.json">JSON</a>)</h2>
-    <div id="templateList"></div>
-
-    <div style="margin:50px">Brought to you by: <a href="https://databio.org">Sheffield lab of computational biology</a></div>
-  </div>
-
-
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
-  <script>
-    hljs.highlightAll();
-    getList = async () => {
-      var tplList = await fetch("https://schema.databio.org/list.json")
-      .then(response => response.json())
-      .then(response => {
-        console.log(response)
-        tplList = Object.values(response)
-        var tplHTML = "";
-        for (const tpl in response) {
-          console.log(`${tpl}: ${response[tpl]}`);
-          tplHTML += `<h3>${tpl}</h3>
-          <span class="label">Project</span>: ${response[tpl]["project"]}<br>
-          <span class="label">Description</span>: ${response[tpl]["description"]}<br>
-          <span class="label">Relative Path</span>: <span class="path">${response[tpl]["url"]}</span><br>
-          <span class="label">API Endpoint</span>:  <a href="${response[tpl]["url"]}">https://schema.databio.org/${response[tpl]["url"]}</a>`
-
-        }
-        document.getElementById("templateList").innerHTML = tplHTML
-        return tplList
-      })
-      return tplList;
-    }
-    var tplList;
-    tplList = getList()
-  </script>
-
-
-</body>
-
-</html>
\ No newline at end of file
