Styled login ui

This commit is contained in:
2023-07-17 17:10:16 +01:00
parent f5f19f6dd4
commit b3d846c6f4
4 changed files with 19 additions and 10 deletions

View File

@@ -0,0 +1,3 @@
.loginSpacer {
height: 33%;
}

View File

@@ -5,17 +5,23 @@
<title>GiacPoints</title> <title>GiacPoints</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic">
<link rel="stylesheet" href="/index.css"> <link rel="stylesheet" href="/frontend/index.css">
</head> </head>
<body> <body>
<div id="login"> <div id="login" class="flex three" style="height: 100%">
<article class="card"> <div class="fourth two-fifth-1000"></div>
<div class="flex one half fifth-1000" style="height: 100%">
<div class="loginSpacer"></div>
<article class="card" style="padding: 5%">
<label for="name">Name</label> <br> <label for="name">Name</label> <br>
<input type="text" id="name"> <br> <input type="text" id="name"> <br>
<label for="password">Password</label> <br> <label for="password">Password</label> <br>
<input type="password" id="password"> <br> <input type="password" id="password"> <br>
<input type="submit" value="Login"> <br> <input type="submit" value="Login" style="width: 100%"> <br>
</article> </article>
<div class="loginSpacer"></div>
</div>
<div class="fourth two-fifth-1000"></div>
</div> </div>
<div id="mainPage" style="display: none;"> <div id="mainPage" style="display: none;">
<p>Main Page</p> <p>Main Page</p>

BIN
main

Binary file not shown.

View File

@@ -174,7 +174,7 @@ func main() {
router.GET("/", func(c *gin.Context) { router.GET("/", func(c *gin.Context) {
c.HTML(http.StatusOK, "index.html", gin.H{}) c.HTML(http.StatusOK, "index.html", gin.H{})
}) })
router.Static("/", "./frontend") router.Static("/frontend", "./frontend")
// asset routes // asset routes
router.Static("/scripts", "./scripts") router.Static("/scripts", "./scripts")