From 1e998e5d207701175178139dc6189698eaf68029 Mon Sep 17 00:00:00 2001
From: John Hess <john@jthess.com>
Date: Wed, 12 Jun 2024 21:02:43 -0500
Subject: [PATCH] support more extensions

---
 assets/images/{ext-img.svg => ext-dmg.svg} | 0
 assets/images/ext-exe.svg                  | 5 +++++
 assets/images/ext-jpg.svg                  | 5 +++++
 assets/images/ext-mp3.svb                  | 5 +++++
 assets/images/ext-png.svg                  | 5 +++++
 assets/images/ext-ppt.svg                  | 6 ++++++
 assets/images/ext-pptx.svg                 | 6 ++++++
 assets/images/ext-unknown.svg              | 9 ++++-----
 assets/js/butter-dir-listing.js            | 2 +-
 simulated-usb-butter/Learn/index.html      | 4 ++--
 10 files changed, 39 insertions(+), 8 deletions(-)
 rename assets/images/{ext-img.svg => ext-dmg.svg} (100%)
 create mode 100644 assets/images/ext-exe.svg
 create mode 100644 assets/images/ext-jpg.svg
 create mode 100644 assets/images/ext-mp3.svb
 create mode 100644 assets/images/ext-png.svg
 create mode 100644 assets/images/ext-ppt.svg
 create mode 100644 assets/images/ext-pptx.svg

diff --git a/assets/images/ext-img.svg b/assets/images/ext-dmg.svg
similarity index 100%
rename from assets/images/ext-img.svg
rename to assets/images/ext-dmg.svg
diff --git a/assets/images/ext-exe.svg b/assets/images/ext-exe.svg
new file mode 100644
index 0000000..7014d94
--- /dev/null
+++ b/assets/images/ext-exe.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="32" height="32" rx="16" fill="#1BACEF"/>
+    <path d="M8 16V10.236L14.6667 9.33267V16H8ZM15.3333 16H24V8L15.3333 9.20467V16ZM14.6667 16.6667H8V21.764L14.6667 22.6673V16.6667ZM15.3333 16.6667V22.796L24 24V16.6667H15.3333Z" fill="white"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/assets/images/ext-jpg.svg b/assets/images/ext-jpg.svg
new file mode 100644
index 0000000..31a1c39
--- /dev/null
+++ b/assets/images/ext-jpg.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="32" height="32" rx="16" fill="#69A0F2"/>
+    <path d="M25 23V9C25 7.9 24.1 7 23 7H9C7.9 7 7 7.9 7 9V23C7 24.1 7.9 25 9 25H23C24.1 25 25 24.1 25 23ZM12.5 17.5L15 20.51L18.5 16L23 22H9L12.5 17.5Z" fill="white"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/assets/images/ext-mp3.svb b/assets/images/ext-mp3.svb
new file mode 100644
index 0000000..ed31bce
--- /dev/null
+++ b/assets/images/ext-mp3.svb
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="32" height="32" rx="16" fill="#61D17A"/>
+    <path d="M22.8871 8.96505C22.8894 8.57365 22.7066 8.2049 22.3949 7.96818C22.0824 7.73225 21.6769 7.65725 21.3011 7.76505L13.1011 10.1354C12.5691 10.2916 12.2043 10.7807 12.205 11.3354V19.3214C11.5753 18.6526 10.6683 18.3175 9.75502 18.4151C8.84174 18.5128 8.02619 19.0323 7.55186 19.819C7.07686 20.605 6.99717 21.5682 7.33701 22.4222C7.67607 23.2761 8.39561 23.9214 9.28067 24.1675C10.1657 24.4137 11.115 24.2308 11.8463 23.6746C12.5777 23.1183 13.0057 22.2519 13.0049 21.3339V14.5716L22.0869 11.9457V16.4817C21.4573 15.813 20.5502 15.4778 19.6369 15.5755C18.7237 15.6731 17.9081 16.1927 17.4338 16.9786C16.9588 17.7653 16.8791 18.7286 17.2189 19.5826C17.558 20.4365 18.2775 21.0818 19.1626 21.328C20.0477 21.5741 20.9969 21.3912 21.7283 20.835C22.4587 20.2787 22.8876 19.4123 22.8869 18.4937L22.8871 8.96505Z" fill="white"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/assets/images/ext-png.svg b/assets/images/ext-png.svg
new file mode 100644
index 0000000..31a1c39
--- /dev/null
+++ b/assets/images/ext-png.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="32" height="32" rx="16" fill="#69A0F2"/>
+    <path d="M25 23V9C25 7.9 24.1 7 23 7H9C7.9 7 7 7.9 7 9V23C7 24.1 7.9 25 9 25H23C24.1 25 25 24.1 25 23ZM12.5 17.5L15 20.51L18.5 16L23 22H9L12.5 17.5Z" fill="white"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/assets/images/ext-ppt.svg b/assets/images/ext-ppt.svg
new file mode 100644
index 0000000..a51103b
--- /dev/null
+++ b/assets/images/ext-ppt.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="32" height="32" rx="16" fill="#F26925"/>
+    <path d="M7 10.6839C7 10.1697 7.38998 9.73926 7.90171 9.68872L23.9017 8.10847C24.49 8.05037 25 8.5125 25 9.10363V22.8964C25 23.4875 24.49 23.9496 23.9017 23.8915L7.90171 22.3113C7.38998 22.2607 7 21.8303 7 21.3161V10.6839Z" fill="white"/>
+    <path d="M20 14.4756C20 14.9035 19.8939 15.3047 19.6817 15.6791C19.4774 16.0535 19.1513 16.3553 18.7033 16.5845C18.2633 16.8138 17.7053 16.9284 17.0295 16.9284H15.6503V20H14V12H17.0295C17.666 12 18.2083 12.107 18.6562 12.3209C19.1041 12.5349 19.4381 12.829 19.6582 13.2034C19.8861 13.5778 20 14.0019 20 14.4756ZM16.9587 15.6332C17.4145 15.6332 17.7525 15.5339 17.9725 15.3352C18.1925 15.1289 18.3026 14.8424 18.3026 14.4756C18.3026 13.6963 17.8546 13.3066 16.9587 13.3066H15.6503V15.6332H16.9587Z" fill="#F26925"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/assets/images/ext-pptx.svg b/assets/images/ext-pptx.svg
new file mode 100644
index 0000000..a51103b
--- /dev/null
+++ b/assets/images/ext-pptx.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="32" height="32" rx="16" fill="#F26925"/>
+    <path d="M7 10.6839C7 10.1697 7.38998 9.73926 7.90171 9.68872L23.9017 8.10847C24.49 8.05037 25 8.5125 25 9.10363V22.8964C25 23.4875 24.49 23.9496 23.9017 23.8915L7.90171 22.3113C7.38998 22.2607 7 21.8303 7 21.3161V10.6839Z" fill="white"/>
+    <path d="M20 14.4756C20 14.9035 19.8939 15.3047 19.6817 15.6791C19.4774 16.0535 19.1513 16.3553 18.7033 16.5845C18.2633 16.8138 17.7053 16.9284 17.0295 16.9284H15.6503V20H14V12H17.0295C17.666 12 18.2083 12.107 18.6562 12.3209C19.1041 12.5349 19.4381 12.829 19.6582 13.2034C19.8861 13.5778 20 14.0019 20 14.4756ZM16.9587 15.6332C17.4145 15.6332 17.7525 15.5339 17.9725 15.3352C18.1925 15.1289 18.3026 14.8424 18.3026 14.4756C18.3026 13.6963 17.8546 13.3066 16.9587 13.3066H15.6503V15.6332H16.9587Z" fill="#F26925"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/assets/images/ext-unknown.svg b/assets/images/ext-unknown.svg
index f190336..287dd02 100644
--- a/assets/images/ext-unknown.svg
+++ b/assets/images/ext-unknown.svg
@@ -1,7 +1,6 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="32" height="32" rx="16" fill="#69A0F2" />
-    <path
-        d="M25 23V9C25 7.9 24.1 7 23 7H9C7.9 7 7 7.9 7 9V23C7 24.1 7.9 25 9 25H23C24.1 25 25 24.1 25 23ZM12.5 17.5L15 20.51L18.5 16L23 22H9L12.5 17.5Z"
-        fill="white" />
-</svg>
+    <rect width="32" height="32" rx="16" fill="#EDE8DD"/>
+    <rect width="32" height="32" rx="16" fill="black" fill-opacity="0.1"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.58579 8.58579C9 9.17157 9 10.1144 9 12V20C9 21.8856 9 22.8284 9.58579 23.4142C10.1716 24 11.1144 24 13 24H19C20.8856 24 21.8284 24 22.4142 23.4142C23 22.8284 23 21.8856 23 20V12C23 10.1144 23 9.17157 22.4142 8.58579C21.8284 8 20.8856 8 19 8H13C11.1144 8 10.1716 8 9.58579 8.58579ZM13 11.7059C12.4477 11.7059 12 12.1536 12 12.7059C12 13.2582 12.4477 13.7059 13 13.7059H19C19.5523 13.7059 20 13.2582 20 12.7059C20 12.1536 19.5523 11.7059 19 11.7059H13ZM13 15.4706C12.4477 15.4706 12 15.9183 12 16.4706C12 17.0229 12.4477 17.4706 13 17.4706H19C19.5523 17.4706 20 17.0229 20 16.4706C20 15.9183 19.5523 15.4706 19 15.4706H13ZM13 19.2353C12.4477 19.2353 12 19.683 12 20.2353C12 20.7876 12.4477 21.2353 13 21.2353H17C17.5523 21.2353 18 20.7876 18 20.2353C18 19.683 17.5523 19.2353 17 19.2353H13Z" fill="white"/>
+    </svg>
     
\ No newline at end of file
diff --git a/assets/js/butter-dir-listing.js b/assets/js/butter-dir-listing.js
index 4f22b67..ad5d545 100644
--- a/assets/js/butter-dir-listing.js
+++ b/assets/js/butter-dir-listing.js
@@ -8,7 +8,7 @@
 
 console.log("butter-dir-listing.js loaded!");
 
-const supported_extensions = ["apk", "deb", "img", "pdf"];
+const supported_extensions = ["apk", "deb", "dmg", "pdf", "exe", "jpg", "png", "pptx", "ppt", "mp3"];
 const usbRoot = "usb-butter/";
 const inferredBaseURL = window.location.pathname.split("/" + usbRoot)[0] + "/";
 console.log("Inferred Base URL:", inferredBaseURL);
diff --git a/simulated-usb-butter/Learn/index.html b/simulated-usb-butter/Learn/index.html
index 1c0a484..57ac702 100644
--- a/simulated-usb-butter/Learn/index.html
+++ b/simulated-usb-butter/Learn/index.html
@@ -10,14 +10,14 @@ layout: empty
 <html>
 
 <head>
-    <title>Index of /usb-butter/Download/Desktop/</title>
+    <title>Index of /usb-butter/Download/Learn/</title>
     <meta name="viewport" content="initial-scale=1">
     <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/butter-dir-listing.css">
     <script src="{{ site.baseurl }}/assets/js/butter-dir-listing.js"></script>
 </head>
 
 <body>
-    <h2>Index of /usb-butter/Download/Desktop/</h2>
+    <h2>Index of /usb-butter/Download/Learn/</h2>
     <div class="list">
         <table summary="Directory Listing" cellpadding="0" cellspacing="0">
             <thead>