feat: website upgrades

Author: JesperDramsch

_includes/header.html

@@ -1,3 +1,4 @@
+<a href="#main-content" class="skip-nav">Skip to main content</a>
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 	<div class="container">
 		<div style="vertical-align: middle; padding-top: 8px">

_pages/search.html

@@ -13,10 +13,30 @@
 title: titles.search
 ---
 
-<div id="search-results"></div>
+<div id="search-results" role="region" aria-live="polite" aria-label="Search Results"></div>
 
+<script src="/static/js/search.js"></script>
 <script>
 	(function () {
+		// Initialize conference types from Jekyll data
+		if (typeof initializeConferenceTypes === 'function') {
+			const types = [
+				{% for type in site.data.types %}
+				{ name: "{{ type.name }}", sub: "{{ type.sub }}", color: "{{ type.color }}" }{% unless forloop.last %},{% endunless %}
+				{% endfor %}
+			];
+			initializeConferenceTypes(types);
+		}
+
+		// Set translation strings
+		if (typeof setSearchTranslations === 'function') {
+			setSearchTranslations({
+				noResults: '{% t search.no-results %}',
+				error: '{% t search.error %}',
+				loading: 'Loading...',
+				clickToFilter: 'Click to filter by'
+			});
+		}
 		function displaySearchResults(results, docs) {
 			var searchResults = document.getElementById('search-results');
 

index.html

@@ -21,7 +21,7 @@
 
     {% include masthead.html url=page.url title=fp_title hook=fp_hook description=fp_description %}
 
-    <div class="container">
+    <div class="container" id="main-content">
       <div id="confs">
         <div id="coming_confs">
           {% assign confs = site.data.conferences | sort: "cfp" | reverse %}
@@ -178,6 +178,10 @@ <h1 id="archive-link"><a href="{% tl archive %}">{% t titles.visit_archive %}</a
 
     });
     </script>
+
+    <!-- Lazy Loading for Performance -->
+    <script type="text/javascript" src="{{ "/static/js/lazy-load.js" | prepend:site.baseurl_root }}?t={{site.time | date: '%s'}}"></script>
+
     {% include sneks.html %}
   </body>
 </html>