From dcf61354050bfe81d6983f1aec34d7d3d6733a0d Mon Sep 17 00:00:00 2001
From: Alex Vitkov <alexvitkov98@gmail.com>
Date: Fri, 29 Jan 2021 13:43:53 +0200
Subject: index.html + login.html => index.php

those files had the entire HTML tree duplicated, which would make it
difficult to make any changes to the front end. this commit combines the
two files in one, with some front-end JS to switch between the login and
register forms.
---
 css/style.css | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'css')

diff --git a/css/style.css b/css/style.css
index 31778c4..18d4817 100644
--- a/css/style.css
+++ b/css/style.css
@@ -195,3 +195,7 @@ input[type=submit]:hover {
 	bottom: 0;
 	z-index: -200;
 }
+
+#loginform {
+    display: none;
+}
-- 
cgit v1.2.3


From 8ba2c35a306719932307ec5f99701101637e1fd2 Mon Sep 17 00:00:00 2001
From: Alex Vitkov <alexvitkov98@gmail.com>
Date: Fri, 29 Jan 2021 14:45:52 +0200
Subject: Menu bar, different .php pages for logged in/not logged in

---
 css/style.css | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

(limited to 'css')

diff --git a/css/style.css b/css/style.css
index 18d4817..9296e87 100644
--- a/css/style.css
+++ b/css/style.css
@@ -23,13 +23,38 @@ body {
 #header {
 	background: white;
 	margin: 0;
-	padding: 1rem;
+	padding: 0;
+    height: 3rem;
 	font-size: 2em;
+    display: flex;
+    align-items: stretch;
+    user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}
+
+#topmenu {
+    font-size: 1.3rem;
+    list-style-type: none;
+    display: flex;
+    margin: 0;
+    padding: 0;
+}
+
+#topmenu > li {
+    cursor: pointer;
+    padding: 10px;
+}
+
+#topmenu > li:hover {
+    background: #eee;
 }
 
 .logo {
 	font-family: monospace;
 	margin: 0;
+    align-self: center;
+    padding-left: 2rem;
 }
 
 #hero {
@@ -199,3 +224,4 @@ input[type=submit]:hover {
 #loginform {
     display: none;
 }
+
-- 
cgit v1.2.3


From 74f6993d61b6b8d7b120d6b952787ccbe65788ae Mon Sep 17 00:00:00 2001
From: Alex Vitkov <alexvitkov98@gmail.com>
Date: Sat, 30 Jan 2021 10:19:29 +0200
Subject: HTML/CSS for user's filesystem

---
 css/style.css | 44 ++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 42 insertions(+), 2 deletions(-)

(limited to 'css')

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%);
+}
-- 
cgit v1.2.3


From f1cd0085cd8dba8b25818fc998d315b28e6c13a5 Mon Sep 17 00:00:00 2001
From: Alex Vitkov <alexvitkov98@gmail.com>
Date: Sat, 30 Jan 2021 11:02:15 +0200
Subject: HTML/CSS for the path field

---
 css/style.css | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

(limited to 'css')

diff --git a/css/style.css b/css/style.css
index 060fdde..aa29cf6 100644
--- a/css/style.css
+++ b/css/style.css
@@ -135,6 +135,7 @@ form > .content {
 	justify-content: center;
 }
 
+.filesystem > h2,
 form > h2 {
 	color: #4d4d4d;
 	margin: 0;
@@ -228,11 +229,17 @@ input[type=submit]:hover {
 .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;
@@ -265,3 +272,22 @@ input[type=submit]:hover {
 .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;
+}
-- 
cgit v1.2.3