HTML/CSS for user's filesystem

39 files changed, 135 insertions, 4 deletions

diff --git a/css/style.css b/css/style.css
index 9296e87..060fdde 100644
--- a/css/style.css
+++ b/css/style.css
@@ -95,7 +95,6 @@ body {
 	font-weight: bold;
 }
 
-
 form {
 	background: white;
 	margin: 4.5rem;
@@ -165,7 +164,8 @@ form p {
 	from { opacity: 0; }
 	to   { opacity: 1; }
 }
-input {
+
+input:not([type=file]) {
 	min-width: 300px;
 	border: 1px solid #bbb;
 	padding: 0.5rem;
@@ -225,3 +225,43 @@ input[type=submit]:hover {
     display: none;
 }
 
+.filesystem {
+	background: #fafafa;
+	margin: 1rem;
+	padding: 1rem;
+	box-shadow: 0 0.8rem 1.3rem rgba(0,0,0,0.2);
+	border-radius: 0.5rem;
+	border-radius: 0.5rem;
+	border: 1px solid #b9b9b9;
+    display: grid;
+
+    grid-gap: 20px;
+    grid-auto-rows: 10rem;
+    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+}
+
+.file {
+    padding: 0.5rem;
+    cursor: pointer;
+    color: #333;
+    user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    border: 1px solid #fafafa;
+    border-radius: 0.3rem;
+}
+
+.file:hover {
+    padding: 0.5rem;
+    background: white;
+    color: black;
+    border-color: #ddd;
+}
+
+.file:hover > img {
+    filter: brightness(150%);
+}
diff --git a/loggedin.php b/loggedin.php
index 884f4b9..bafdd51 100644
--- a/loggedin.php
+++ b/loggedin.php
@@ -1,5 +1,93 @@
 <div>
-    ALALALLALALLAl
+
+    <div class="filesystem">
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+        <div class="file"> 
+            <img src="/mimeicons/application-pdf.png">
+            <div class="filename">asdf</div>
+        </div>
+    </div>
+
+
 </div>
 
 
diff --git a/mimeicons/application-octet-stream.png b/mimeicons/application-octet-stream.png
new file mode 100644
index 0000000..741abd2
--- /dev/null
+++ b/mimeicons/application-octet-stream.png
diff --git a/mimeicons/application-pdf.png b/mimeicons/application-pdf.png
new file mode 100644
index 0000000..a5589da
--- /dev/null
+++ b/mimeicons/application-pdf.png
diff --git a/mimeicons/application-rss_xml.png b/mimeicons/application-rss_xml.png
new file mode 100644
index 0000000..22095de
--- /dev/null
+++ b/mimeicons/application-rss_xml.png
diff --git a/mimeicons/application-x-bittorrent.png b/mimeicons/application-x-bittorrent.png
new file mode 100644
index 0000000..f1d5ddd
--- /dev/null
+++ b/mimeicons/application-x-bittorrent.png
diff --git a/mimeicons/application-x-cd-image.png b/mimeicons/application-x-cd-image.png
new file mode 100644
index 0000000..562c663
--- /dev/null
+++ b/mimeicons/application-x-cd-image.png
diff --git a/mimeicons/application-x-executable.png b/mimeicons/application-x-executable.png
new file mode 100644
index 0000000..7c65294
--- /dev/null
+++ b/mimeicons/application-x-executable.png
diff --git a/mimeicons/application-x-object.png b/mimeicons/application-x-object.png
new file mode 100644
index 0000000..e8e1a9a
--- /dev/null
+++ b/mimeicons/application-x-object.png
diff --git a/mimeicons/audio-x-generic.png b/mimeicons/audio-x-generic.png
new file mode 100644
index 0000000..624c09c
--- /dev/null
+++ b/mimeicons/audio-x-generic.png
diff --git a/mimeicons/font-x-generic.png b/mimeicons/font-x-generic.png
new file mode 100644
index 0000000..ab3d469
--- /dev/null
+++ b/mimeicons/font-x-generic.png
diff --git a/mimeicons/image-x-generic.png b/mimeicons/image-x-generic.png
new file mode 100644
index 0000000..17071bb
--- /dev/null
+++ b/mimeicons/image-x-generic.png
diff --git a/mimeicons/package-x-generic.png b/mimeicons/package-x-generic.png
new file mode 100644
index 0000000..1fca710
--- /dev/null
+++ b/mimeicons/package-x-generic.png
diff --git a/mimeicons/text-html.png b/mimeicons/text-html.png
new file mode 100644
index 0000000..31ba1bd
--- /dev/null
+++ b/mimeicons/text-html.png
diff --git a/mimeicons/text-vnd.trolltech.linguist.png b/mimeicons/text-vnd.trolltech.linguist.png
new file mode 100644
index 0000000..3cd52b3
--- /dev/null
+++ b/mimeicons/text-vnd.trolltech.linguist.png
diff --git a/mimeicons/text-x-changelog.png b/mimeicons/text-x-changelog.png
new file mode 100644
index 0000000..0d3f7bf
--- /dev/null
+++ b/mimeicons/text-x-changelog.png
diff --git a/mimeicons/text-x-chdr.png b/mimeicons/text-x-chdr.png
new file mode 100644
index 0000000..adfc066
--- /dev/null
+++ b/mimeicons/text-x-chdr.png
diff --git a/mimeicons/text-x-cpp.png b/mimeicons/text-x-cpp.png
new file mode 100644
index 0000000..fa76ba0
--- /dev/null
+++ b/mimeicons/text-x-cpp.png
diff --git a/mimeicons/text-x-csrc.png b/mimeicons/text-x-csrc.png
new file mode 100644
index 0000000..6a9f2e8
--- /dev/null
+++ b/mimeicons/text-x-csrc.png
diff --git a/mimeicons/text-x-css.png b/mimeicons/text-x-css.png
new file mode 100644
index 0000000..6d3b7e7
--- /dev/null
+++ b/mimeicons/text-x-css.png
diff --git a/mimeicons/text-x-generic.png b/mimeicons/text-x-generic.png
new file mode 100644
index 0000000..924a5eb
--- /dev/null
+++ b/mimeicons/text-x-generic.png
diff --git a/mimeicons/text-x-go.png b/mimeicons/text-x-go.png
new file mode 100644
index 0000000..3ca93a6
--- /dev/null
+++ b/mimeicons/text-x-go.png
diff --git a/mimeicons/text-x-javascript.png b/mimeicons/text-x-javascript.png
new file mode 100644
index 0000000..a37deb8
--- /dev/null
+++ b/mimeicons/text-x-javascript.png
diff --git a/mimeicons/text-x-preview.png b/mimeicons/text-x-preview.png
new file mode 100644
index 0000000..b86d1ca
--- /dev/null
+++ b/mimeicons/text-x-preview.png
diff --git a/mimeicons/text-x-python.png b/mimeicons/text-x-python.png
new file mode 100644
index 0000000..05a7a7c
--- /dev/null
+++ b/mimeicons/text-x-python.png
diff --git a/mimeicons/text-x-script.png b/mimeicons/text-x-script.png
new file mode 100644
index 0000000..e476856
--- /dev/null
+++ b/mimeicons/text-x-script.png
diff --git a/mimeicons/text-x-vala.png b/mimeicons/text-x-vala.png
new file mode 100644
index 0000000..81595dd
--- /dev/null
+++ b/mimeicons/text-x-vala.png
diff --git a/mimeicons/video-x-generic.png b/mimeicons/video-x-generic.png
new file mode 100644
index 0000000..167c9d0
--- /dev/null
+++ b/mimeicons/video-x-generic.png
diff --git a/mimeicons/x-office-calendar.png b/mimeicons/x-office-calendar.png
new file mode 100644
index 0000000..5da8bd3
--- /dev/null
+++ b/mimeicons/x-office-calendar.png
diff --git a/mimeicons/x-office-document-template.png b/mimeicons/x-office-document-template.png
new file mode 100644
index 0000000..834ebbe
--- /dev/null
+++ b/mimeicons/x-office-document-template.png
diff --git a/mimeicons/x-office-document.png b/mimeicons/x-office-document.png
new file mode 100644
index 0000000..20f5939
--- /dev/null
+++ b/mimeicons/x-office-document.png
diff --git a/mimeicons/x-office-drawing-template.png b/mimeicons/x-office-drawing-template.png
new file mode 100644
index 0000000..34aa16d
--- /dev/null
+++ b/mimeicons/x-office-drawing-template.png
diff --git a/mimeicons/x-office-drawing.png b/mimeicons/x-office-drawing.png
new file mode 100644
index 0000000..7239629
--- /dev/null
+++ b/mimeicons/x-office-drawing.png
diff --git a/mimeicons/x-office-presentation-template.png b/mimeicons/x-office-presentation-template.png
new file mode 100644
index 0000000..d1e9bff
--- /dev/null
+++ b/mimeicons/x-office-presentation-template.png
diff --git a/mimeicons/x-office-presentation.png b/mimeicons/x-office-presentation.png
new file mode 100644
index 0000000..dfc73b4
--- /dev/null
+++ b/mimeicons/x-office-presentation.png
diff --git a/mimeicons/x-office-spreadsheet-template.png b/mimeicons/x-office-spreadsheet-template.png
new file mode 100644
index 0000000..dcec754
--- /dev/null
+++ b/mimeicons/x-office-spreadsheet-template.png
diff --git a/mimeicons/x-office-spreadsheet.png b/mimeicons/x-office-spreadsheet.png
new file mode 100644
index 0000000..03e7755
--- /dev/null
+++ b/mimeicons/x-office-spreadsheet.png
diff --git a/php/configuration.php b/php/configuration.php
index 89efb2a..a8a7a29 100644
--- a/php/configuration.php
+++ b/php/configuration.php
@@ -8,12 +8,16 @@ if (file_exists("/home/alex")) {
     $database_username="alex";
     $database_password="lol";
     $database_location="127.0.0.1";
+
+    $storage_root = "/home/alex/fileup_storage";
 }
 else {
     $database_name="adam";
     $database_username="adam";
     $database_password="asdfd";
     $database_location="127.0.0.1";
+
+    $storage_root = "/home/adam/fileup_storage";
 }
 
 
diff --git a/php/upload.php b/php/upload.php
index 93fa778..d9110c7 100644
--- a/php/upload.php
+++ b/php/upload.php
@@ -5,7 +5,6 @@ if (!array_key_exists('uf', $_FILES)) {
 	exit();
 }
 
-
 $file = $_FILES['uf'];