")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
var templ_7745c5c3_Var2 string
templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(username)
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 44, Col: 85}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 48, Col: 85}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
if templ_7745c5c3_Err != nil {
@@ -88,7 +103,7 @@ func TodoItem(item types.Todo) templ.Component {
var templ_7745c5c3_Var4 string
templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("item-%d", item.Id))
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 128, Col: 45}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 132, Col: 45}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
if templ_7745c5c3_Err != nil {
@@ -101,7 +116,7 @@ func TodoItem(item types.Todo) templ.Component {
var templ_7745c5c3_Var5 string
templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", item.Id))
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 128, Col: 105}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 132, Col: 105}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
if templ_7745c5c3_Err != nil {
@@ -114,7 +129,7 @@ func TodoItem(item types.Todo) templ.Component {
var templ_7745c5c3_Var6 string
templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", item.Start))
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 128, Col: 150}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 132, Col: 150}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
if templ_7745c5c3_Err != nil {
@@ -127,7 +142,7 @@ func TodoItem(item types.Todo) templ.Component {
var templ_7745c5c3_Var7 string
templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", item.Due))
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 128, Col: 191}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 132, Col: 191}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
if templ_7745c5c3_Err != nil {
@@ -150,7 +165,7 @@ func TodoItem(item types.Todo) templ.Component {
var templ_7745c5c3_Var8 string
templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(string(templ.URL(fmt.Sprintf("/set/%d", item.Id))))
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 129, Col: 137}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 133, Col: 137}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
if templ_7745c5c3_Err != nil {
@@ -163,7 +178,7 @@ func TodoItem(item types.Todo) templ.Component {
var templ_7745c5c3_Var9 string
templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(item.Text)
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 130, Col: 42}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 134, Col: 42}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
if templ_7745c5c3_Err != nil {
@@ -176,7 +191,7 @@ func TodoItem(item types.Todo) templ.Component {
var templ_7745c5c3_Var10 string
templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("/delete/%d", item.Id))
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 133, Col: 101}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 137, Col: 101}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
if templ_7745c5c3_Err != nil {
@@ -215,7 +230,7 @@ func OobTodoItem(targetSelector string, item types.Todo) templ.Component {
var templ_7745c5c3_Var12 string
templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%s:%s", "afterend", targetSelector))
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 139, Col: 71}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 143, Col: 71}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
if templ_7745c5c3_Err != nil {
@@ -262,7 +277,7 @@ func TodoList(fillerText string, items []types.Todo) templ.Component {
var templ_7745c5c3_Var14 string
templ_7745c5c3_Var14, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", len(items)))
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 145, Col: 80}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 149, Col: 80}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var14))
if templ_7745c5c3_Err != nil {
@@ -275,7 +290,7 @@ func TodoList(fillerText string, items []types.Todo) templ.Component {
var templ_7745c5c3_Var15 string
templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(fillerText)
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 146, Col: 45}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `pages/templates/root.templ`, Line: 150, Col: 45}
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
if templ_7745c5c3_Err != nil {
diff --git a/static/css/login.css b/static/css/login.css
index 48858ea..068d728 100644
--- a/static/css/login.css
+++ b/static/css/login.css
@@ -9,48 +9,75 @@ body {
align-items: center;
font-family: sans-serif;
+
+ background-image: url(/img/login.jpg);
+ background-size: cover;
+ background-position: center;
}
#login-box {
- padding: 0 10px;
- width: 275px;
- height: min(calc(100lvh - 110px), 450px);
- border: 4px solid black;
- border-radius: 12px;
+ backdrop-filter: blur(10px);
+ border: none;
+ border-radius: 25px;
+ background-color: #27272750;
+ padding: 25px;
+ width: 750px;
+ height: 500px;
+ box-shadow: 0px 10px 50px 2px rgba(0,0,0,0.95);
+
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
-label {
- margin-left: 4px;
+h1 {
+ text-align: center;
+ color: white;
+}
+
+a {
+ display: block;
+ font-size: .85rem;
+}
+
+p, a, .normal-text {
+ color: white;
+ text-decoration: none;
+}
+
+.credentials {
+ border: none;
+ padding: 10px;
+ border-radius: 10px;
+ margin: 20px;
+ background-color: #27272750;
+ color: white;
+}
+
+.login-btn {
+ padding: 10px 20px;
+ text-decoration: none;
+ border-radius: 6px;
+ font-size: 1rem;
+ cursor: pointer;
+ margin: 35px 0 25px 0;
+
+ background-color: green;
+ color: white;
+ border: none;
+}
+
+.credentials-wrapper {
+ display: grid;
+ justify-items: center;
+}
+
+.credentials-wrapper > label {
+ display: none;
}
input[type="text"],
input[type="password"] {
width: 267px;
}
-
-button {
- padding: 10px 20px;
- text-decoration: none;
- border: 2px solid;
- border-radius: 6px;
- box-shadow: black 2px 2px 3px 0;
- background-color: white;
- font-size: 1rem;
- cursor: pointer;
- margin: 35px 0 25px 0;
- color: blue;
-}
-
-a {
- display: block;
- font-size: .85rem;
- text-decoration: none;
-}
-
-h1 {
- text-align: center;
-}
diff --git a/static/css/login_basic.css b/static/css/login_basic.css
new file mode 100644
index 0000000..689b54b
--- /dev/null
+++ b/static/css/login_basic.css
@@ -0,0 +1,64 @@
+body {
+ margin: 0;
+ padding: 0;
+ height: 100vh;
+ height: 100lvh;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+
+ font-family: sans-serif;
+}
+
+#login-box {
+ padding: 0 10px;
+ width: 275px;
+ height: min(calc(100lvh - 110px), 450px);
+ border: 4px solid black;
+ border-radius: 12px;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+}
+
+label {
+ margin-left: 4px;
+}
+
+input[type="text"],
+input[type="password"] {
+ width: 267px;
+}
+
+input::placeholder {
+ color: transparent;
+}
+
+button {
+ padding: 10px 20px;
+ text-decoration: none;
+ border: 2px solid;
+ border-radius: 6px;
+ box-shadow: black 2px 2px 3px 0;
+ background-color: white;
+ font-size: 1rem;
+ cursor: pointer;
+ margin: 35px 0 25px 0;
+ color: blue;
+}
+
+a {
+ display: block;
+ font-size: .85rem;
+ text-decoration: none;
+}
+
+h1 {
+ text-align: center;
+}
+
+.gap {
+ height: 20px;
+}