FILEUP

F diff --git a/css/style.css b/css/style.css
--- a/css/style.css
+++ b/css/style.css
  	justify-content: center;
  }
  
+ .filesystem > h2,
  form > h2 {
  	color: #4d4d4d;
  	margin: 0;
  .filesystem {
  	background: #fafafa;
  	margin: 1rem;
- 	padding: 1rem;
+ 	padding: 0;
  	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: block;
+ }
+ 
+ .files {
+     padding: 1rem;
      display: grid;
  
      grid-gap: 20px;
  .file:hover > img {
      filter: brightness(150%);
  }
+ 
+ .path {
+     font-size: 1.5rem;
+ }
+ 
+ .path > a {
+     color: #333;
+     text-decoration: none;
+ }
+ 
+ .path > a:hover {
+     text-decoration: underline;
+ }
+ 
+ .filesystem > h2 {
+     display: flex;
+     align-items: baseline;
+     font-weight: normal;
+ }
F diff --git a/loggedin.php b/loggedin.php
--- a/loggedin.php
+++ b/loggedin.php
  <div>
- 
      <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>
+ 
+         <h2>
+             <div class="path">
+                 <a class="pathentry" href="#"> <?php echo $_SESSION['username'] ?>'s files/</a><a class="pathentry" href="#">foo/</a><a class="pathentry" href="#">bar</a></div>
+             <input type="button" value="New Folder">
+         </h2>
+ 
+         <div class="files">
+             <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>