update html

Signed-off-by: Mike Fiedler <miketheman@gmail.com>

Author: miketheman

pep_sphinx_extensions/pep_theme/templates/page.html

@@ -5,7 +5,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="color-scheme" content="light dark">
-    <title data-pagefind-weight="8">{{ title + " | peps.python.org"|safe }}</title>
+    <title>{{ title + " | peps.python.org"|safe }}</title>
     <link rel="shortcut icon" href="{{ pathto('_static/py.png', resource=True) }}">
     <link rel="canonical" href="https://peps.python.org/{{ pagename }}/">
     <link rel="stylesheet" href="{{ pathto('_static/style.css', resource=True) }}" type="text/css">
@@ -55,7 +55,7 @@ <h1 data-pagefind-ignore>Python Enhancement Proposals</h1>
         <article data-pagefind-body>
         {%- endif %}
             {# Add pagefind meta for the title to improve search result display #}
-            <h1 data-pagefind-meta="title:{{ title }}" style="display:none;">{{ title }}</h1>
+            <span data-pagefind-meta="title:{{ title }}" data-pagefind-weight="10" class="visually-hidden">{{ title }}</span>
             {{ body }}
         </article>
         {%- if not pagename.startswith(("404", "numerical")) %}
@@ -78,13 +78,20 @@ <h2>Contents</h2>
     <script src="/pagefind/pagefind-ui.js"></script>
     <script>
         window.addEventListener('DOMContentLoaded', (event) => {
-            // Initialize pagefind for desktop sidebar
-            new PagefindUI({ element: "#search", showSubResults: true });
+            // Ranking configuration to boost exact title matches
+            const searchOptions = {
+                ranking: {
+                    termSimilarity: 9.0, // Higher values favor exact matches
+                    termFrequency: 0.5, // Lower values reduce penalty for low term frequency
+                    pageLength: 0.2, // Lower values reduce the impact of page length
+                }
+            };
 
-            // Initialize pagefind for mobile view
-            const mobileSearch = document.getElementById('mobile-search');
-            if (mobileSearch && window.innerWidth <= 640) {
-                new PagefindUI({ element: "#mobile-search", showSubResults: false });
+            // Initialize pagefind for either mobile or desktop, not both
+            if (window.innerWidth <= 640) {
+                new PagefindUI({ element: "#mobile-search", ...searchOptions, showSubResults: false });
+            } else {
+                new PagefindUI({ element: "#search", ...searchOptions, showSubResults: true });
             }
         });
     </script>