6 files changed, 28 insertions, 24 deletions
diff --git a/templates/fragments/file_browser.html b/templates/fragments/file_browser.html
new file mode 100644
index 0000000..54a0f35
--- /dev/null
+++ b/templates/fragments/file_browser.html
@@ -0,0 +1,16 @@
+<ul>
+{% for item in listing %}
+  <li>
+  {% if item.kind == "file" %}
+    <a href="{{ item.static_path }}">📄 {{ item.name }}</a>
+  {% else %}
+    <a
+      href="/?show_files=1&dir={{ item.full_path | urlencode }}"
+      hx-post="/navigate_files/{{ item.full_path | urlencode }}"
+      hx-trigger="click"
+      hx-target="#file-browser"
+      hx-swap="outerHTML">📂 {{ item.name }}/</a>
+  {% endif %}
+  </li>
+{% endfor %}
+</ul>
diff --git a/templates/fragments/files_drawer_form.html b/templates/fragments/files_drawer_form.html
index 8b277da..423d4d7 100644
--- a/templates/fragments/files_drawer_form.html
+++ b/templates/fragments/files_drawer_form.html
@@ -15,7 +15,7 @@
 
   {% if not files_expanded %}
   <style>
-  #files-list {
+  #file-browser {
     display: none;
   }
   </style>
diff --git a/templates/fragments/files_list.html b/templates/fragments/files_list.html
deleted file mode 100644
index aba3000..0000000
--- a/templates/fragments/files_list.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<div id="files-list">
-  <ul>
-  {% for item in listing %}
-    <li>
-    {% if item.kind == "file" %}
-      <a href="{{ item.static_path }}">📄 {{ item.name }}</a>
-    {% else %}
-      <a
-        href="/?show_files=1&dir={{ item.full_path | urlencode }}"
-        hx-post="/navigate_files/{{ item.full_path | urlencode }}"
-        hx-trigger="click"
-        hx-target="#files-list"
-        hx-swap="outerHTML">📂 {{ item.name }}/</a>
-    {% endif %}
-    </li>
-  {% endfor %}
-  </ul>
-</div>
diff --git a/templates/index.html b/templates/index.html
index 911992f..b2d09e3 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,8 +6,9 @@
   <meta name="viewport" content="width=device-width" />
   <title>Jan Tuomi</title>
   <meta name="description" content="The personal home page of Jan Tuomi" />
+  <link rel="preload" href="static/index.css" as="style">
+  <link rel="preload" href="static/htmx.min.js" as="script">
   <link rel="stylesheet" href="static/index.css">
-  <script src="static/htmx.min.js"></script>
 </head>
 
 <body>
@@ -31,9 +32,12 @@
       <div class="boxes">
         {% include 'fragments/files_drawer_form.html' %}
       </div>
-      {% include 'fragments/files_list.html' %}
+      <div id="file-browser">
+        {% include 'fragments/file_browser.html' %}
+      </div>
     </main>
   </div>
+  <script defer src="static/htmx.min.js"></script>
 </body>
 
 </html>
diff --git a/templates/responses/click_files_drawer_toggle.html b/templates/responses/click_files_drawer_toggle.html
index 87936f4..ab79013 100644
--- a/templates/responses/click_files_drawer_toggle.html
+++ b/templates/responses/click_files_drawer_toggle.html
@@ -1,7 +1,7 @@
 {% include 'fragments/files_drawer_form.html' %}
 
-<div id="files-list"
+<div id="file-browser"
   hx-swap-oob="outerHTML">
 
-  {% include 'fragments/files_list.html' %}
+  {% include 'fragments/file_browser.html' %}
 </div>
diff --git a/templates/responses/navigate_files.html b/templates/responses/navigate_files.html
index 23763ba..7aeb45d 100644
--- a/templates/responses/navigate_files.html
+++ b/templates/responses/navigate_files.html
@@ -1 +1,3 @@
-{% include 'fragments/files_list.html' %}
+<div id="file-browser">
+    {% include 'fragments/file_browser.html' %}
+</div>