wip

static/less/login.less

@@ -0,0 +1,44 @@
+@import "theme.less";
+
+#app {
+	display: grid;
+	justify-items: center;
+	margin-top: 128px;
+}
+
+#logo {
+	margin-bottom: 48px;
+}
+
+#box {
+	display: grid;
+	grid-gap: 16px 0;
+	justify-items: center;
+	width: 300px;
+	padding: 48px 0px;
+	background-color: #fff;
+	box-shadow: 0px 20px 52px -33px rgba(0,0,0,0.75);
+	border-left: 8px solid @color3;
+
+	input {
+		padding: 4px 8px;
+		font-size: 1em;
+		width: calc(100% - 64px);
+		border: 1px solid #aaa;
+		border-radius: 4px;
+	}
+
+	button {
+		padding: 6px 16px;
+		font-size: 1em;
+		border-radius: 4px;
+		border: none;
+		background-color: @color1;
+		color: #fff;
+	}
+
+	#error {
+		color: #c33;
+		margin-top: 16px;
+	}
+}

static/less/loop_make.sh

@@ -6,14 +6,10 @@ do
 	inotifywait -q -e MODIFY *less
 	#sleep 0.5
 	clear
-
-	for THEME in $(ls theme-*.less | sed -e 's/^theme-\(.*\)\.less$/\1/'); do
-		export THEME=$THEME
-		make -j12
-		#curl -s http://notes.lan:1371/_ws/css_update
-	done
-	echo -e "\n\e[32;1mOK!\e[0m"
-	sleep 1
-	clear
-
+	if make -j12; then
+		echo -e "\n\e[32;1mOK!\e[0m"
+		curl -s http://notes.lan:1371/css_updated
+		sleep 1
+		clear
+	fi
 done

static/less/main.less

@@ -1,5 +1,9 @@
+@import "theme.less";
+
 html {
 	box-sizing: border-box;
+	background: @color2;
+	font-size: 14pt;
 }
 
 *,

static/less/theme.less

@@ -0,0 +1,3 @@
+@color1: #fe5f55;
+@color2: #efede8;
+@color3: #666;