diff --git a/_includes/helpers/get-icon-svg.html b/_includes/helpers/get-icon-svg.html
deleted file mode 100644
index 6fec11f7..00000000
--- a/_includes/helpers/get-icon-svg.html
+++ /dev/null
@@ -1,26 +0,0 @@
-{% comment %}
-  Liquid utility to get a theme icon based on display_template or format.
-  returns an svg sprite (in html)
-
-  E.G. --> {% include helpers/get-icon-svg.html template="pdf" type="hidden" %}
-
-  Options:
-
-  - "template" - the display_template to represent (usually provided from an item metadata "display_template" or "format")
-  - "type" - choose from "thumb" (svg like an image), "hidden" (svg aria-hidden), or "sprite" (svg sprite) (optional, default "sprite")
-{% endcomment %}
-{%- capture iconId -%}{% if include.template contains 'image' %}icon-image{% elsif include.template contains 'pdf' %}icon-pdf{% elsif include.template contains 'video' %}icon-video{% elsif include.template contains 'audio' %}icon-audio{% elsif include.template contains 'panorama' %}icon-panorama{% elsif include.template contains 'compound' %}icon-compound-object{% elsif include.template contains 'multiple' %}icon-multiple{% elsif include.template contains 'record' %}icon-record{% else %}icon-default{% endif %}{%- endcapture -%}
-{% if include.type == 'thumb' %}
-  <svg class="bi text-body img-fluid" fill="currentColor" role="img">
-    <title>{{ include.template }} file icon</title><use xlink:href="{{ '/assets/lib/cb-icons.svg' | relative_url }}#{{ iconId }}"/>
-  </svg>
-{%- else -%}
-  <svg
-    class="bi icon-sprite"
-    {% if include.type == 'hidden' %}
-      aria-hidden="true"
-    {% endif %}
-  >
-    <use xlink:href="{{ '/assets/lib/cb-icons.svg' | relative_url }}#{{ iconId }}"/>
-  </svg>
-{% endif %}
diff --git a/_includes/js/browse-js.html b/_includes/js/browse-js.html
index bf99fa48..511f50a9 100644
--- a/_includes/js/browse-js.html
+++ b/_includes/js/browse-js.html
@@ -5,208 +5,168 @@
 {% endif %}
 {%- assign fields = site.data['config-browse'] -%}
 <script>
-
-/* add items */
-var items = [
+/* Add items */
+const items = [
     {% for item in items %}
-    { {% for f in fields %}{% if item[f.field] %}{{ f.field | escape | jsonify }}:{{ item[f.field] | strip | jsonify }}, {%- endif -%}{%- endfor -%}
-        {% if item.image_thumb %}"img": {{ item.image_thumb | relative_url | jsonify }}, {%- endif -%} 
-        {% if item.display_template %}"template": {{ item.display_template | jsonify }}, {%- endif -%}
-        {% if item.format %}"format": {{ item.format | jsonify }}, {%- endif -%}
-        {% if item.image_alt_text %}"alt": {{ item.image_alt_text | escape | jsonify }}, {%- endif -%}
-        "title":{{ item.title | strip | escape | jsonify }},
-        {% if item.parentid %}"parent": {{ item.parentid | jsonify }}, {%- endif -%}
-        "id":{{ item.objectid | jsonify }} }{% unless forloop.last %},{% endunless %}{%- endfor -%}
+    {
+        {% for f in fields %}
+            {% if item[f.field] %} {{ f.field | escape | jsonify }}: {{ item[f.field] | strip | jsonify }}, {% endif %}
+        {% endfor %}
+        {% if item.image_thumb %} "img": {{ item.image_thumb | relative_url | jsonify }}, {% endif %}
+        {% if item.display_template %} "template": {{ item.display_template | replace: "_", " " | jsonify }}, {% endif %}
+        {% if item.format %} "format": {{ item.format | jsonify }}, {% endif %}
+        {% if item.image_alt_text %} "alt": {{ item.image_alt_text | escape | jsonify }}, {% endif %}
+        "title": {{ item.title | strip | escape | jsonify }},
+        {% if item.parentid %} "parent": {{ item.parentid | jsonify }}, {% endif %}
+        "id": {{ item.objectid | jsonify }}
+    } {% unless forloop.last %},{% endunless %}
+    {% endfor %}
 ];
 
-{% include helpers/get-icon.js %}
-
-/* function to create cards for each item */ 
-function makeCard(obj) {
-    // placeholder image for lazyload
-    var placeholder = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E";
-    // find item link
-    var itemHref = `{{ '/items/' | relative_url }}${ obj.parent ? obj.parent + ".html#" + obj.id : obj.id + ".html"}`; 
-    // find image
-    var imgSrc, thumbIcon;
-    // if there is a thumb in the csv display it
-    if(obj.img) {
-        imgSrc = obj.img;
-    // else add an icon based on display_template or format
-    } else {
-        thumbIcon = getIcon(obj.template,obj.format,"thumb");
-    }
-    var imgAlt = obj.alt ? obj.alt : obj.title;
+{% include js/get-icon.js %}
 
-    // start card
-    var card = '<div class="item col-lg-4 col-md-6 mb-2"><div class="card">';
-    // top image for items with image
-    if(imgSrc) {
-        card += '<a href="' + itemHref + '"> <img class="card-img-top lazyload" src="' + placeholder + '" data-src="' + imgSrc + '" alt="' + imgAlt + '"></a>';
-    }
-    // title
-    card += '<div class="card-body text-center"> <h3 class="card-title h4"><a href="' + itemHref + '" class="text-dark">' + obj.title + '</a></h3>';
-    // icon thumb for item without image
-    if(thumbIcon){
-        card += '<p><a href="' + itemHref + '">' + thumbIcon + '</a></p>';
-    }
-    // other fields
-    card += '<p class="card-text">';
-    {% for f in fields %}{% unless f.hidden == 'true' %}
-    if(obj[{{ f.field | jsonify }}]){
-    {% if f.display_name %}card += '<strong>{{ f.display_name }}:</strong> ';{% endif %}
-    {% if f.btn == 'true' %}
-    var btns = obj[{{ f.field | jsonify }}].split(";");
-    for (var i = 0, len = btns.length; i < len; i++) {
-        if(btns[i] != "") {
-        card += '<a class="btn btn-sm btn-secondary m-1 text-wrap" href="{{ page.url | relative_url }}#' + encodeURIComponent(btns[i].trim()) + '">' + btns[i].trim() + '</a>';
-        }
-    }
-    {% else %}
-    card += obj[{{ f.field | jsonify }}];
-    {% endif %}
-    {% unless forloop.last %}card += '<br>';{% endunless %}
+/* Function to create a card for each item */
+const makeCard = (obj) => {
+    const placeholder = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E";
+    const itemHref = `{{ '/items/' | relative_url }}${obj.parent ? obj.parent + ".html#" + obj.id : obj.id + ".html"}`;
+    const imgSrc = obj.img || getIcon(obj.template, obj.format, "thumb");
+    const imgAlt = obj.alt || obj.title;
+
+    // Build card HTML structure
+    let card = `<div class="item col-lg-4 col-md-6 mb-2"><div class="card">`;
+    card += createImageSection(imgSrc, itemHref, imgAlt, placeholder);
+    card += `<div class="card-body text-center">`;
+    card += `<h2 class="card-title h4"><a href="${itemHref}" class="text-dark">${obj.title}</a></h2>`;
+
+    if (!obj.img) {
+        card += `<p><a href="${itemHref}">${imgSrc}</a></p>`;
     }
-    {% endunless %}{% endfor %}
-    card += '</p>';
-    // media type
-    // if(obj.template && obj.template != "") {
-    //     mediaIcon = getIcon(obj.template,obj.format,"hidden");
-    //     card += '<p class="card-text"><small><a class="btn btn-sm btn-outline-secondary" href="{{ page.url | relative_url }}#' + encodeURIComponent(obj.template) + '">' + 
-    //     obj.template.toUpperCase().replace("_"," ") + ' ' + mediaIcon + '</a></small></p>';
-    // }
-    // view button
-    card += '<hr><a href="' + itemHref + '" class="btn btn-sm btn-light" title="link to ' + obj.title + '">View Full Record</a>';
-    // close divs
-    card += '</div></div></div>';
-    // send back big string
+
+    card += `<p class="card-text">${generateFieldsContent(obj)}</p>`;
+
+    card += `<hr><a href="${itemHref}" class="btn btn-sm btn-outline-primary" title="link to ${obj.title}">` +
+            `{{ site.data.translations['_includes']['js']['browse-js.html']['view-full-record'][site.lang] | default: 'View Full Record' }}</a>`;
+    card += `</div></div></div>`;
+
     return card;
-}
+};
 
-/* filter items function */
-function filterItems(arr,q) {
-    // show loading icon
-    loadingIcon.classList.remove("d-none");
-    // dont filter if no q 
-    if (q=="") { 
-        var filteredItems = arr; 
-    } else {
-        q = q.trim().toUpperCase(); 
-        // js indexOf filter
-        var filteredItems = [];
-        for (var i = 0, len = arr.length; i < len; i++) {
-            var val = "";
-        for (var k in arr[i]) { val += arr[i][k] + " "; }
-            if(val.toUpperCase().indexOf(q) != -1){
-                filteredItems.push(arr[i]);
-            }
-        }
-    }
-    // add number 
-    document.querySelector("#numberOf").innerHTML = filteredItems.length + " of {{ items | size }} items";
-    
-    // add stuff, make cards first in giant var, then add all at once to speed things up
-    var cards = "";
-    for (var i = 0, len = filteredItems.length; i < len; i++) {
-        cards += makeCard(filteredItems[i]);
+/* Helper function to create the image section of the card */
+const createImageSection = (imgSrc, itemHref, imgAlt, placeholder) => (
+    imgSrc ? `<a href="${itemHref}"><img class="card-img-top lazyload" src="${placeholder}" data-src="${imgSrc}" alt="${imgAlt}"></a>` : ''
+);
+
+/* Helper function to generate content for other fields */
+const generateFieldsContent = (obj) => {
+    let content = '';
+    {% for f in fields %} {% unless f.hidden == 'true' %}
+    if (obj[{{ f.field | jsonify }}]) {
+        {% if f.display_name %} content += `<strong>{{ f.display_name }}:</strong> `; {% endif %}
+        {% if f.btn == 'true' %}
+            content += createButtonLinks(obj[{{ f.field | jsonify }}], "{{ page.url | relative_url }}");
+        {% else %}
+            content += obj[{{ f.field | jsonify }}];
+        {% endif %}
+        content += '<br>';
     }
+    {% endunless %} {% endfor %}
+    return content;
+};
+
+/* Helper function to create buttons for field values */
+const createButtonLinks = (fieldValue, baseUrl) => {
+    const btns = fieldValue.split(";");
+    return btns.map(btn => btn ? `<a class="btn btn-sm btn-secondary m-1 text-wrap" href="${baseUrl}#${encodeURIComponent(btn.trim())}">${btn.trim()}</a>` : '').join('');
+};
+
+/* Filter items function */
+const filterItems = (arr, q) => {
+    loadingIcon.classList.remove("d-none");
+    const query = q.trim().toUpperCase();
+
+    const filteredItems = query === "" ? arr : arr.filter(item => {
+        const itemValues = Object.values(item).join(" ").toUpperCase();
+        return itemValues.includes(query);
+    });
+
+    document.querySelector("#numberOf").innerHTML = `${filteredItems.length} / {{ items | size }}`;
+    const cards = filteredItems.map(makeCard).join("");
     browseItemsDiv.innerHTML = cards;
 
-    // finish
-    filterButton.focus();
+    filterTextBox.focus();
     loadingIcon.classList.add("d-none");
 };
 
-/* Fisher-Yates shuffle https://bost.ocks.org/mike/shuffle/ */
-function shuffle(array) {
-    var m = array.length, t, i;
-    while (m) {
-        i = Math.floor(Math.random() * m--);
-        t = array[m];
-        array[m] = array[i];
-        array[i] = t;
-    }
-    return array;
-}
 
-/* init browse page */
+/* Initialize browse page */
 
-/* randomize items once at page load */
-shuffle(items);
+/* Randomize items once at page load */
+items.sort(() => Math.random() - 0.5);
 
-/* set some elements */ 
-var loadingIcon = document.querySelector("#loadingIcon");
-var filterTextBox = document.querySelector('#filterTextBox');
-var filterButton = document.querySelector("#filterButton");
-var browseItemsDiv = document.querySelector("#browseItems");
+/* Set elements */
+const loadingIcon = document.querySelector("#loadingIcon");
+const filterTextBox = document.querySelector('#filterTextBox');
+const filterButton = document.querySelector("#filterButton");
+const browseItemsDiv = document.querySelector("#browseItems");
 
-/* filter if hash in initial URL */
-var query = "";
-if(window.location.hash) {
+/* Filter if hash in initial URL */
+let query = "";
+if (window.location.hash) {
     query = decodeURIComponent(location.hash.substr(1));
     filterTextBox.value = query;
-    filterItems(items,query);
+    filterItems(items, query);
 } else {
-    query = "";
-    filterItems(items,query);
+    filterItems(items, "");
 }
 
-/* filter form */
-function submitFilter() {
+/* Filter form */
+const submitFilter = () => {
     query = filterTextBox.value;
     window.location.hash = encodeURIComponent(query);
-}
-/* reset filters */ 
-function resetFilter() {
+};
+
+/* Reset filters */
+const resetFilter = () => {
     query = "";
     filterTextBox.value = query;
     window.location.hash = encodeURIComponent(query);
-}
+};
 
-/* filter if hash changes */ 
-window.addEventListener("hashchange", function() {
-    // read hash
+/* Filter if hash changes */
+window.addEventListener("hashchange", () => {
     query = decodeURIComponent(location.hash.substr(1));
     filterTextBox.value = query;
-    // filter
-    filterItems(items,query);
+    filterItems(items, query);
 });
 
-/* item array sorting function */
-function sorting(json_object, key_to_sort_by) {
-    function sortByKey(a, b) {
-        var x = a[key_to_sort_by];
-        var y = b[key_to_sort_by];
-        if (typeof x === 'string' ) { x = x.toUpperCase(); }
-        if (typeof y === 'string' ) { y = y.toUpperCase(); }
-        return ((x==null) ? 1: (y==null) ? -1: (x < y) ? -1 : ((x > y) ? 1 : 0));
-    }
-    json_object.sort(sortByKey);
+/* Sorting function */
+const sorting = (arr, key) => {
+    arr.sort((a, b) => (a[key] || "").localeCompare(b[key] || "", undefined, { sensitivity: 'base' }));
 };
 
-/* add sort function on click of sort options */
-var sortFilter = document.querySelector("#sortFilter");
-var sortOptions = document.querySelectorAll(".browse-sort-item");
+/* Add sort function on click of sort options */
+const sortFilter = document.querySelector("#sortFilter");
+const sortOptions = document.querySelectorAll(".browse-sort-item");
+
 sortOptions.forEach((button) => {
-  button.addEventListener("click", (event) => {
-    // get the sort field
-    var field = button.dataset.filter;
-    var display_name = button.textContent;
-    // get current filter
-    var query = filterTextBox.value;
-    // switch active sort option
-    sortOptions.forEach((option) => { option.classList.remove("active"); } );
-    button.classList.add("active");
-    sortFilter.innerHTML = display_name;
-    // send to sort and filter
-    if (field != 'random') {
-        sorting(items, field);
-        filterItems(items, query);
-    }
-    else {
-        shuffle(items);
+    button.addEventListener("click", () => {
+        const field = button.dataset.filter;
+        const displayName = button.textContent;
+        const query = filterTextBox.value;
+
+        // Update active sort option
+        sortOptions.forEach(option => option.classList.remove("active"));
+        button.classList.add("active");
+        sortFilter.innerHTML = displayName;
+
+        // Perform sorting or random shuffle
+        if (field !== 'random') {
+            sorting(items, field);
+        } else {
+            items.sort(() => Math.random() - 0.5);
+        }
+        
         filterItems(items, query);
-    }
-  });
+    });
 });
 </script>
diff --git a/_includes/helpers/get-icon.js b/_includes/js/get-icon.js
similarity index 94%
rename from _includes/helpers/get-icon.js
rename to _includes/js/get-icon.js
index ebda56c5..990e2a20 100644
--- a/_includes/helpers/get-icon.js
+++ b/_includes/js/get-icon.js
@@ -33,9 +33,6 @@ function getIcon(objectTemplate, objectFormat, svgType) {
   } else if (iconTemplate.includes("multiple")) {
     iconId = "icon-multiple";
     iconTitle = "multiple object icon";
-  } else if (iconTemplate.includes("record")) {
-    iconId = "icon-record";
-    iconTitle = "record object icon";
   } else if (iconTemplate.includes("geodata")) {
     iconId = "icon-geodata";
     iconTitle = "geodata icon";