Spaces:

imspidey
/

gallerytest

Running

App Files Files Community

imspidey commited on Sep 21, 2023

Commit

ed2e85d

1 Parent(s): 1230d46

Update index.html

Browse files

Files changed (1) hide show

index.html +49 -42

index.html CHANGED Viewed

@@ -1,54 +1,61 @@
 <!DOCTYPE html>
-<html>
 <head>
     <meta charset="UTF-8">
-    <title>Spider-Man Gallery</title>
     <style>
-        /* Basic CSS for gallery layout */
-        .gallery {
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-            gap: 10px;
         }
-        .gallery img {
-            width: 100%;
-            height: auto;
         }
     </style>
 </head>
 <body>
-    <h1>Spider-Man Gallery</h1>
-    <div class="gallery">
-        <!-- JavaScript will populate this section with images from the folder -->
-    </div>
-    <script>
-        // JavaScript code to load images from the folder
-        const galleryContainer = document.querySelector('.gallery');
-        // Replace 'spidey_images/' with the actual path to your image folder
-        const folderPath = 'spidey/'
-';
-        // Fetch a list of image files from the server
-        fetch(`${folderPath}`)
-            .then(response => response.text())
-            .then(text => {
-                // Split the response into lines, assuming each line is a file name
-                const imageFileNames = text.split('\n').filter(Boolean);
-                // Loop through the file names and create img elements
-                imageFileNames.forEach(fileName => {
-                    const img = document.createElement('img');
-                    img.src = `${folderPath}${fileName}`;
-                    img.alt = fileName;
-                    galleryContainer.appendChild(img);
-                });
-            })
-            .catch(error => {
-                console.error('Error loading images:', error);
-            });
-    </script>
 </body>
 </html>

 <!DOCTYPE html>
+<html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Directory Listing</title>
     <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            padding: 20px;
         }
+        h1 {
+            background-color: #333;
+            color: #fff;
+            padding: 10px;
+        }
+        ul {
+            list-style: none;
+            padding: 0;
+        }
+        li {
+            margin: 5px;
+            padding: 5px;
+            background-color: #fff;
+            border: 1px solid #ccc;
+        }
+        a {
+            text-decoration: none;
+            color: #0077cc;
+        }
+        a:hover {
+            text-decoration: underline;
         }
     </style>
 </head>
 <body>
+    <h1>Directory Listing</h1>
+    <ul>
+        <?php
+        // Get the list of files and subfolders in the 'spidey' directory
+        $directory = 'spidey';
+        $contents = scandir($directory);
+        // Loop through the contents and display them as links
+        foreach ($contents as $item) {
+            // Exclude '.' and '..' (current directory and parent directory)
+            if ($item != '.' && $item != '..') {
+                $path = $directory . '/' . $item;
+                echo '<li><a href="' . $path . '">' . $item . '</a></li>';
+            }
+        }
+        ?>
+    </ul>
 </body>
 </html>