diff --git a/conf.py b/conf.py
index c6e288e1..d7d9bca2 100644
--- a/conf.py
+++ b/conf.py
@@ -53,6 +53,9 @@
 # This pattern also affects html_static_path and html_extra_path.
 exclude_patterns = ["_build", "Thumbs.db", ".DS_Store", ".env", "node_modules", "talks"]
 
+# -- Options for Awdur extension -- ---------------------------------------------
+awdur_htmx_url = None
+
 # -- Options for the Blog --------- ---------------------------------------------
 blog_baseurl = "https://www.alcarney.me"
 blog_title = "Alex Carney | Blog"
diff --git a/dotfiles.rst b/dotfiles.rst
index 8ff968d2..14e46708 100644
--- a/dotfiles.rst
+++ b/dotfiles.rst
@@ -3,6 +3,8 @@ Dotfiles
 
 Some of my dotfiles
 
+.. awdur:project-browser::
+
 .. grid:: 1 2 2 2
    :gutter: 2
    :padding: 0
diff --git a/styles.css b/styles.css
index 59930949..5b18019e 100644
--- a/styles.css
+++ b/styles.css
@@ -165,8 +165,17 @@ kbd {
 
 /*-- Awdur integration --*/
 
-.awdur-codeblock-header {
-    @apply px-2 border-t border-r border-l rounded-t dark:border-gray-600 dark:bg-gray-800
+.awdur-container {
+    @apply my-4
+}
+
+.awdur-codeblock {
+
+}
+
+.awdur-codeblock-header,
+.awdur-directory-header {
+    @apply prose prose-emerald px-2 border-t border-r border-l rounded-t dark:border-gray-600 dark:bg-gray-800 max-w-none
 }
 
 .awdur-codeblock-filename::after,
@@ -177,3 +186,44 @@ kbd {
 .awdur-codeblock div.highlight {
     @apply border-t-0 rounded-t-none
 }
+
+
+.awdur-directory-listing {
+    @apply prose prose-emerald p-0 m-0 border-r border-b border-l rounded-b dark:border-gray-600 max-w-none
+}
+
+.awdur-directory-listing li  {
+    @apply m-0 border-t dark:border-gray-600
+}
+
+.awdur-directory-listing li {
+    list-style: none;
+    position: relative;
+    padding: 0.2em 2em;
+}
+
+.awdur-directory::before {
+    content: '';
+    position: absolute;
+    left: 3px;
+    top: 4px;
+    width: 1.5em;
+    height: 1.5em;
+    background-repeat: no-repeat;
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InctNiBoLTYiIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJNMjIgMTlhMiAyIDAgMCAxLTIgMkg0YTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDEgMi0yaDVsMiAzaDlhMiAyIDAgMCAxIDIgMnoiLz4KPC9zdmc+Cg==");
+}
+
+.awdur-file::before {
+    content: '';
+    position: absolute;
+    left: 3px;
+    top: 4px;
+    width: 1.5em;
+    height: 1.5em;
+    background-repeat: no-repeat;
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InctNiBoLTYiIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE0IDJINmEyIDIgMCAwIDAtMiAydjE2YTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlY4eiIvPgogIDxwYXRoIGQ9Ik0xNCAydjZoNk0xNiAxM0g4TTE2IDE3SDhNMTAgOUg4Ii8+Cjwvc3ZnPg==");
+}
+
+.awdur-directory-listing li:hover {
+    @apply bg-gray-50 dark:bg-gray-800
+}