www.spaceplanner.app

commit 9c450eae9a064acb6b55096bddf39914872a357a
parent de7ce9f1c508709775e29e942aa5cd77e12de15c
Author: Jacob R. Edwards <jacob@jacobedwards.org>
Date:   Thu, 17 Oct 2024 22:02:53 -0700

Update bar and landing page styles

Diffstat:
M
files/css/main.css
 | 
38
++++++++++++++++++++++++--------------
M
files/index.html
 | 
7
++++---
M
files/lib/etc.js
 | 
6
+++---
M
files/main.css
 | 
4
++--

4 files changed, 33 insertions(+), 22 deletions(-)
diff --git a/files/css/main.css b/files/css/main.css
@@ -18,27 +18,36 @@ body {
 	height: var(--bar-height);
 	display: flex;
 	align-items: center;
-	padding: .4em;
+	padding: .8em;
 
 	background-color: white;
-	border-bottom: thin solid black;
+	border-bottom: thin solid lightgrey;
 }
 
-#bar > ul {
+#bar > ul.left {
 	list-style: none;
 	display: inline-block;
-	padding: 0;
 	margin: 0;
+	padding: 0;
 }
 
 #bar > ul.right {
-	margin-top: .3em;
+	list-style: none;
 	margin-left: auto;
 }
 
+#bar > ul > * > a:not(.button):hover {
+	color: rgba(0, 0, 0, .6);
+}
+
+#bar > ul > * > a:not(.button) {
+	text-decoration: none;
+	color: black;
+}
+
 #bar > ul > li {
 	display: inline-block;
-	margin: 0 0.25em;
+	padding: 0 .2em;
 }
 
 #bar > ul > li > a > img.icon {
@@ -147,30 +156,31 @@ form.credentials > input {
 }
 
 a.button:hover {
-	background-color: #FAFAFA;
+	background-color: rgba(0, 0, 0, .03);
 }
 
 a.button {
-	margin: .1em;
-	padding: .25em;
-	border-radius: .15em;
+	padding: .4em .8em;
+	border-radius: .6em;
 	text-decoration: none;
-	font-weight: bold;
-	color: black;
 	border: thin solid lightgrey;
+	color: black;
 	display: inline-block;
 	width: fit-content;
+	background-color: rgba(0, 0, 0, .015);
 }
 
 a.pop:hover {
-	background-color: #0000D0;
+	background-color: #6363FF;
+	border-color: lightgrey;
 }
 
 a.pop {
+	border: medium solid #0000FF;
 	font-weight: bold;
 	background-color: blue;
 	color: white;
-	border: thin solid black;
+	border: thin solid darkblue;
 }
 
 dd, p {
diff --git a/files/index.html b/files/index.html
@@ -19,16 +19,17 @@
 			</li>
 
 			<li>
-				<a href="/register">Plan furniture placement</a> without the complexity
+				<a href="/register">Create furniture</a> in whatever size you need
 			</li>
+
 			<li>
 				<a href="/register">Use the best device for the situation at hand</a> seamlessly switching between them
 			</li>
 		</ul>
 
-                <aside><a href="/floorplans/floorplan/?id=flp_demo">Try
+                <p><a href="/floorplans/floorplan/?id=flp_demo">Try
                 out the demo</a> without an account and see what
                 you think, or <a href="/register">signup</a>
-                now!</aside>
+                now!</p>
         </body>
 </html>
diff --git a/files/lib/etc.js b/files/lib/etc.js
@@ -53,15 +53,15 @@ export function bar(on) {
 				if (service == null) {
 					additem(left, link("Subscribe", "/services"))
 				} else {
-					additem(left, )
+					additem(left, link("Floorplans", "/floorplans"))
 				}
 			})
 			.catch(function() {
 				additem(left, link("Floorplans", "/floorplans"))
 			})
 
-		additem(right, link("Settings", "/settings", "settings"))
-		additem(right, link("Logout", "/logout", "log-out"))
+		additem(right, link("Settings", "/settings"))
+		additem(right, link("Logout", "/logout"))
 	}
 
 	on.prepend(nav)
diff --git a/files/main.css b/files/main.css
@@ -18,8 +18,8 @@ aside {
 }
 
 ul.points {
-	list-style-type: none;
-	padding-left: 0;
+	/*list-style-type: none;
+	padding-left: 0;*/
 }
 
 ul.points > li {