F diff --git a/css/style.css b/css/style.css --- a/css/style.css +++ b/css/style.cssfont-weight: bold;}-form {background: white;margin: 4.5rem;from { opacity: 0; }to { opacity: 1; }}- input {++ input:not([type=file]) {min-width: 300px;border: 1px solid #bbb;padding: 0.5rem;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%);+ }F diff --git a/loggedin.php b/loggedin.php --- a/loggedin.php +++ b/loggedin.php<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>F diff --git a/mimeicons/application-octet-stream.png b/mimeicons/application-octet-stream.png new file mode 100644B Binary files /dev/null and b/mimeicons/application-octet-stream.png differF diff --git a/mimeicons/application-pdf.png b/mimeicons/application-pdf.png new file mode 100644B Binary files /dev/null and b/mimeicons/application-pdf.png differF diff --git a/mimeicons/application-rss_xml.png b/mimeicons/application-rss_xml.png new file mode 100644B Binary files /dev/null and b/mimeicons/application-rss_xml.png differF diff --git a/mimeicons/application-x-bittorrent.png b/mimeicons/application-x-bittorrent.png new file mode 100644B Binary files /dev/null and b/mimeicons/application-x-bittorrent.png differF diff --git a/mimeicons/application-x-cd-image.png b/mimeicons/application-x-cd-image.png new file mode 100644B Binary files /dev/null and b/mimeicons/application-x-cd-image.png differF diff --git a/mimeicons/application-x-executable.png b/mimeicons/application-x-executable.png new file mode 100644B Binary files /dev/null and b/mimeicons/application-x-executable.png differF diff --git a/mimeicons/application-x-object.png b/mimeicons/application-x-object.png new file mode 100644B Binary files /dev/null and b/mimeicons/application-x-object.png differF diff --git a/mimeicons/audio-x-generic.png b/mimeicons/audio-x-generic.png new file mode 100644B Binary files /dev/null and b/mimeicons/audio-x-generic.png differF diff --git a/mimeicons/font-x-generic.png b/mimeicons/font-x-generic.png new file mode 100644B Binary files /dev/null and b/mimeicons/font-x-generic.png differF diff --git a/mimeicons/image-x-generic.png b/mimeicons/image-x-generic.png new file mode 100644B Binary files /dev/null and b/mimeicons/image-x-generic.png differF diff --git a/mimeicons/package-x-generic.png b/mimeicons/package-x-generic.png new file mode 100644B Binary files /dev/null and b/mimeicons/package-x-generic.png differF diff --git a/mimeicons/text-html.png b/mimeicons/text-html.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-html.png differF diff --git a/mimeicons/text-vnd.trolltech.linguist.png b/mimeicons/text-vnd.trolltech.linguist.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-vnd.trolltech.linguist.png differF diff --git a/mimeicons/text-x-changelog.png b/mimeicons/text-x-changelog.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-changelog.png differF diff --git a/mimeicons/text-x-chdr.png b/mimeicons/text-x-chdr.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-chdr.png differF diff --git a/mimeicons/text-x-cpp.png b/mimeicons/text-x-cpp.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-cpp.png differF diff --git a/mimeicons/text-x-csrc.png b/mimeicons/text-x-csrc.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-csrc.png differF diff --git a/mimeicons/text-x-css.png b/mimeicons/text-x-css.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-css.png differF diff --git a/mimeicons/text-x-generic.png b/mimeicons/text-x-generic.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-generic.png differF diff --git a/mimeicons/text-x-go.png b/mimeicons/text-x-go.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-go.png differF diff --git a/mimeicons/text-x-javascript.png b/mimeicons/text-x-javascript.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-javascript.png differF diff --git a/mimeicons/text-x-preview.png b/mimeicons/text-x-preview.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-preview.png differF diff --git a/mimeicons/text-x-python.png b/mimeicons/text-x-python.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-python.png differF diff --git a/mimeicons/text-x-script.png b/mimeicons/text-x-script.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-script.png differF diff --git a/mimeicons/text-x-vala.png b/mimeicons/text-x-vala.png new file mode 100644B Binary files /dev/null and b/mimeicons/text-x-vala.png differF diff --git a/mimeicons/video-x-generic.png b/mimeicons/video-x-generic.png new file mode 100644B Binary files /dev/null and b/mimeicons/video-x-generic.png differF diff --git a/mimeicons/x-office-calendar.png b/mimeicons/x-office-calendar.png new file mode 100644B Binary files /dev/null and b/mimeicons/x-office-calendar.png differF diff --git a/mimeicons/x-office-document-template.png b/mimeicons/x-office-document-template.png new file mode 100644B Binary files /dev/null and b/mimeicons/x-office-document-template.png differF diff --git a/mimeicons/x-office-document.png b/mimeicons/x-office-document.png new file mode 100644B Binary files /dev/null and b/mimeicons/x-office-document.png differF diff --git a/mimeicons/x-office-drawing-template.png b/mimeicons/x-office-drawing-template.png new file mode 100644B Binary files /dev/null and b/mimeicons/x-office-drawing-template.png differF diff --git a/mimeicons/x-office-drawing.png b/mimeicons/x-office-drawing.png new file mode 100644B Binary files /dev/null and b/mimeicons/x-office-drawing.png differF diff --git a/mimeicons/x-office-presentation-template.png b/mimeicons/x-office-presentation-template.png new file mode 100644B Binary files /dev/null and b/mimeicons/x-office-presentation-template.png differF diff --git a/mimeicons/x-office-presentation.png b/mimeicons/x-office-presentation.png new file mode 100644B Binary files /dev/null and b/mimeicons/x-office-presentation.png differF diff --git a/mimeicons/x-office-spreadsheet-template.png b/mimeicons/x-office-spreadsheet-template.png new file mode 100644B Binary files /dev/null and b/mimeicons/x-office-spreadsheet-template.png differF diff --git a/mimeicons/x-office-spreadsheet.png b/mimeicons/x-office-spreadsheet.png new file mode 100644B Binary files /dev/null and b/mimeicons/x-office-spreadsheet.png differF diff --git a/php/configuration.php b/php/configuration.php --- a/php/configuration.php +++ b/php/configuration.php$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";}F diff --git a/php/upload.php b/php/upload.php --- a/php/upload.php +++ b/php/upload.phpexit();}-$file = $_FILES['uf'];