server-side completed

2024-01-16 09:57:25 +00:00
parent 8bfb336450
commit 810873cfac
15 changed files with 842 additions and 62 deletions
--- a/server/index.html
+++ b/server/index.html
@@ -7,35 +7,89 @@
  <style>
    /* Add your custom styles here */
    body {
-      font-family: Arial, sans-serif;
+	  font-family: 'Comic Sans MS', cursive;
      margin: 20px;
+	  display: flex;
+	  flex-direction: column;
    }
-    h1 {
-      color: #333;
-    }
-    ul {
-      list-style-type: none;
-      padding: 0;
-    }
-    li {
-      margin-bottom: 10px;
-    }
-    a {
-      text-decoration: none;
-      color: #1a0dab;
-    }
-    a:hover {
-      text-decoration: underline;
-    }
+
+	.index-cont{
+		display: flex;
+		flex-direction: column;
+		margin-bottom: 25px;
+		gap: 12.5px;
+	}
+
+	.index-cont img{
+		cursor: pointer;
+	}
+
+	.index-txt{
+		font-size: 2rem;
+	}
+	
+	.line-break{
+		background-color:#000000; height:1px; width:50%;
+	}
+
+	.return-cont{
+		display: flex;
+		flex-direction: row;
+		gap: 12.5px;
+		justify-content: last baseline;
+	}
+
+    .main-cont{
+		display: flex;
+		flex-wrap: wrap;
+		gap: 25px;
+	}
+
+	.folder {
+		display: flex;
+		flex-direction: column;
+		text-align: center;
+		text-decoration: none;
+		filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.2));
+		align-items: center;
+	}
+
+	.folder img{
+		width: 50px;
+		height: auto;
+	}
+
+	a{
+		text-decoration: none;
+		color: black;
+	}
+
+	.file {
+		display: flex;
+		flex-direction: column;
+		text-align: center;
+		text-decoration: none;
+		cursor: pointer;
+		filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.2));
+		align-items: center;
+	}
+
+	.file img {
+		width: 50px;
+		height: auto;
+	}
+
+	.info-name {
+		padding-top: 12.5px;
+	}
  </style>
+  <script>
+	document.addEventListener('contextmenu', event => {
+		event.preventDefault();
+	});
+  </script>
 </head>
 <body>
-
-<h1>Custom Directory Listing</h1>
-
-<ul>
-  {files}
-</ul>
-
+	<!-- Dynamic Content Placeholder -->
 </body>
 </html>