initial commit
git-svn-id: svn://losandesgames.com/alfheim-website@1 15359d88-9307-4e75-a9c1-e5686e5897df
This commit is contained in:
commit
de52d92eb7
6
account/index.html
Normal file
6
account/index.html
Normal file
@ -0,0 +1,6 @@
|
||||
{{define "body"}}
|
||||
hello
|
||||
<div>{{.Username}}</div>
|
||||
<div>{{.Color}}</div>
|
||||
whut
|
||||
{{end}}
|
||||
BIN
alfheimgame
Executable file
BIN
alfheimgame
Executable file
Binary file not shown.
36
base.html
Normal file
36
base.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Alfheim</title>
|
||||
<link href="/static/style.css" rel="stylesheet" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
|
||||
<script>
|
||||
/*to prevent Firefox FOUC, this must be here*/
|
||||
let FF_FOUC_FIX;
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<a href="/"><h1 class="maintitle">Alfheim</h1></a>
|
||||
<div class="navbuttons">
|
||||
<a href="/login"><div class="loginbutton"><strong>Log in</strong><span class="material-symbols-outlined">login</span></div></a>
|
||||
<a href="/register"><div class="loginbutton"><strong>Register</strong></div></a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
{{template "body" .}}
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Alfheim © 2024, Vicente Ferrari Smith, Los Andes Studios, Vienna, Austria.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
favicon.ico
Executable file
BIN
favicon.ico
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
11
go.mod
Normal file
11
go.mod
Normal file
@ -0,0 +1,11 @@
|
||||
module alfheimgame
|
||||
|
||||
go 1.22.2
|
||||
|
||||
require (
|
||||
github.com/gorilla/sessions v1.2.2
|
||||
github.com/lib/pq v1.10.9
|
||||
golang.org/x/crypto v0.23.0
|
||||
)
|
||||
|
||||
require github.com/gorilla/securecookie v1.1.2 // indirect
|
||||
10
go.sum
Normal file
10
go.sum
Normal file
@ -0,0 +1,10 @@
|
||||
github.com/google/gofuzz v1.2.0 h1:xRy4A+RhZaiKjJ1bPfwQ8sedCA+YS2YcCHW6ec7JMi0=
|
||||
github.com/google/gofuzz v1.2.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
|
||||
github.com/gorilla/securecookie v1.1.2 h1:YCIWL56dvtr73r6715mJs5ZvhtnY73hBvEF8kXD8ePA=
|
||||
github.com/gorilla/securecookie v1.1.2/go.mod h1:NfCASbcHqRSY+3a8tlWJwsQap2VX5pwzwo4h3eOamfo=
|
||||
github.com/gorilla/sessions v1.2.2 h1:lqzMYz6bOfvn2WriPUjNByzeXIlVzURcPmgMczkmTjY=
|
||||
github.com/gorilla/sessions v1.2.2/go.mod h1:ePLdVu+jbEgHH+KWw8I1z2wqd0BAdAQh/8LRvBeoNcQ=
|
||||
github.com/lib/pq v1.10.9 h1:YXG7RB+JIjhP29X+OtkiDnYaXQwpS4JEWq7dtCCRUEw=
|
||||
github.com/lib/pq v1.10.9/go.mod h1:AlVN5x4E4T544tWzH6hKfbfQvm3HdbOxrmggDNAPY9o=
|
||||
golang.org/x/crypto v0.23.0 h1:dIJU/v2J8Mdglj/8rJ6UUOM3Zc9zLZxVZwwxMooUSAI=
|
||||
golang.org/x/crypto v0.23.0/go.mod h1:CKFgDieR+mRhux2Lsu27y0fO304Db0wZe70UKqHu0v8=
|
||||
180
handlers.go
Normal file
180
handlers.go
Normal file
@ -0,0 +1,180 @@
|
||||
package main
|
||||
|
||||
import "fmt"
|
||||
import "log"
|
||||
import "net/http"
|
||||
import "html/template"
|
||||
import "strconv"
|
||||
import "strings"
|
||||
import "unicode/utf8"
|
||||
import "alfheimgame/models"
|
||||
|
||||
type templatedata struct {
|
||||
Formerrors map[string]string
|
||||
}
|
||||
|
||||
func favicon(w http.ResponseWriter, r *http.Request) {
|
||||
http.ServeFile(w, r, "favicon.ico")
|
||||
}
|
||||
|
||||
func home(w http.ResponseWriter, r *http.Request) {
|
||||
if r.URL.Path != "/" {
|
||||
http.NotFound(w, r);
|
||||
return
|
||||
}
|
||||
|
||||
text, err := template.ParseFiles("base.html", "index.html")
|
||||
if err != nil {
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
log.Fatal(err)
|
||||
}
|
||||
|
||||
switch r.Method {
|
||||
case http.MethodGet:
|
||||
|
||||
err = text.Execute(w, true)
|
||||
if err != nil {
|
||||
log.Fatal(err)
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
}
|
||||
|
||||
case http.MethodPost:
|
||||
data := LoginData{username: r.FormValue("username"), password: r.FormValue("password")}
|
||||
fmt.Println(data)
|
||||
err = text.Execute(w, false)
|
||||
if err != nil {
|
||||
log.Fatal(err)
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func login(w http.ResponseWriter, r *http.Request) {
|
||||
text, err := template.ParseFiles("base.html", "login/index.html")
|
||||
if err != nil {
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
log.Fatal(err)
|
||||
}
|
||||
|
||||
switch r.Method {
|
||||
case http.MethodGet:
|
||||
|
||||
text.Execute(w, templatedata{})
|
||||
if err != nil {
|
||||
log.Fatal(err)
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
}
|
||||
|
||||
case http.MethodPost:
|
||||
logindata := LoginData{username: r.FormValue("username"), password: r.FormValue("password")}
|
||||
|
||||
errors := make(map[string]string)
|
||||
|
||||
if strings.TrimSpace(logindata.username) == "" {
|
||||
errors["username"] = "This field cannot be blank"
|
||||
} else if utf8.RuneCountInString(logindata.username) > 20 {
|
||||
errors["username"] = "This field is too long (the maximum is 20 characters)"
|
||||
}
|
||||
|
||||
if strings.TrimSpace(logindata.password) == "" {
|
||||
errors["password"] = "This field cannot be blank"
|
||||
} else if utf8.RuneCountInString(logindata.password) < 8 {
|
||||
errors["password"] = "This field is too short (the minimum is 8 characters)"
|
||||
}
|
||||
|
||||
if len(errors) > 0 {
|
||||
|
||||
text.Execute(w, templatedata{errors})
|
||||
if err != nil {
|
||||
log.Fatal(err)
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func register(w http.ResponseWriter, r *http.Request) {
|
||||
text, err := template.ParseFiles("base.html", "register/index.html")
|
||||
if err != nil {
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
log.Fatal(err)
|
||||
}
|
||||
|
||||
switch r.Method {
|
||||
case http.MethodGet:
|
||||
|
||||
text.Execute(w, templatedata{})
|
||||
if err != nil {
|
||||
log.Fatal(err)
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
}
|
||||
|
||||
case http.MethodPost:
|
||||
account := models.Account{Username: r.FormValue("username"), Password: []byte(r.FormValue("password")), Firstname: r.FormValue("firstname"), Lastname: r.FormValue("lastname"), Email: r.FormValue("email")}
|
||||
|
||||
errors := make(map[string]string)
|
||||
|
||||
if strings.TrimSpace(account.Username) == "" {
|
||||
errors["username"] = "This field cannot be blank"
|
||||
} else if utf8.RuneCountInString(account.Username) > 20 {
|
||||
errors["username"] = "This field is too long (the maximum is 20 characters)"
|
||||
}
|
||||
|
||||
if strings.TrimSpace(string(account.Password)) == "" {
|
||||
errors["password"] = "This field cannot be blank"
|
||||
} else if utf8.RuneCountInString(string(account.Password)) < 8 {
|
||||
errors["password"] = "This field is too short (the minimum is 8 characters)"
|
||||
}
|
||||
|
||||
if len(errors) > 0 {
|
||||
|
||||
text.Execute(w, templatedata{errors})
|
||||
if err != nil {
|
||||
log.Fatal(err)
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
}
|
||||
}
|
||||
|
||||
fmt.Println(account)
|
||||
|
||||
users.Insert(account.Username, string(account.Password), account.Firstname, account.Lastname, account.Email)
|
||||
http.Redirect(w, r, "/login", http.StatusSeeOther)
|
||||
}
|
||||
}
|
||||
|
||||
func account(w http.ResponseWriter, r *http.Request) {
|
||||
id, err := strconv.Atoi(r.URL.Query().Get("id"))
|
||||
if err != nil || id < 1 {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
account, err := users.Get_account(int32(id));
|
||||
if err != nil {
|
||||
log.Fatal(err);
|
||||
}
|
||||
|
||||
text, err := template.ParseFiles("base.html", "account/index.html")
|
||||
if err != nil {
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
log.Fatal(err)
|
||||
}
|
||||
|
||||
switch r.Method {
|
||||
case http.MethodGet:
|
||||
text.Execute(w, account)
|
||||
if err != nil {
|
||||
log.Fatal(err)
|
||||
http.Error(w, "Internal Server Error", 500)
|
||||
}
|
||||
fmt.Printf("executed");
|
||||
|
||||
//case http.MethodPost:
|
||||
// data := LoginData{username: r.FormValue("username"), password: r.FormValue("password")}
|
||||
// fmt.Println(data)
|
||||
// text.Execute(w, false)
|
||||
// if err != nil {
|
||||
// log.Fatal(err)
|
||||
// http.Error(w, "Internal Server Error", 500)
|
||||
// }
|
||||
}
|
||||
}
|
||||
3
index.html
Normal file
3
index.html
Normal file
@ -0,0 +1,3 @@
|
||||
{{define "body"}}
|
||||
<div>This is a great game coming soon.</div>
|
||||
{{end}}
|
||||
35
login/index.html
Normal file
35
login/index.html
Normal file
@ -0,0 +1,35 @@
|
||||
{{define "body"}}
|
||||
<div class="wrapper">
|
||||
<form method="POST">
|
||||
<h1>Log in</h1>
|
||||
|
||||
{{with .Formerrors.username}}
|
||||
<label class="error">{{.}}</label>
|
||||
{{end}}
|
||||
|
||||
<div {{if .Formerrors.username}}class="input-error"{{else}}class="input-box"{{end}}>
|
||||
<input type="text" id="username" name="username" placeholder="Username" required>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
{{with .Formerrors.password}}
|
||||
<label class="error">{{.}}</label>
|
||||
{{end}}
|
||||
|
||||
<div {{if .Formerrors.password}}class="input-error"{{else}}class="input-box"{{end}}>
|
||||
<input type="password" id="password" name="password" placeholder="Password" required>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
<div class="login-btn-wrapper">
|
||||
<input type="submit" value="Log in" class="btn">
|
||||
</div>
|
||||
<br />
|
||||
<a href="/forgotten">Have you forgotten your password?</a>
|
||||
|
||||
<div class="register-link">
|
||||
<p>Don't have an account? <a href="/register">Register</a></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{end}}
|
||||
101
main.go
Normal file
101
main.go
Normal file
@ -0,0 +1,101 @@
|
||||
package main
|
||||
|
||||
import "fmt"
|
||||
import "log"
|
||||
import "flag"
|
||||
import "net/http"
|
||||
import _ "github.com/lib/pq"
|
||||
import "database/sql"
|
||||
import "github.com/gorilla/sessions"
|
||||
import "regexp"
|
||||
import "alfheimgame/models"
|
||||
//import "golang.org/x/crypto/bcrypt"
|
||||
|
||||
var users *models.Usermodel
|
||||
|
||||
var key = []byte("super-secret-key")
|
||||
var store = sessions.NewCookieStore(key)
|
||||
|
||||
var emailrx = regexp.MustCompile("/^[a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/");
|
||||
|
||||
type LoginData struct {
|
||||
username string
|
||||
password string
|
||||
}
|
||||
|
||||
|
||||
func secureheaders(next http.Handler) http.Handler {
|
||||
fn := func(w http.ResponseWriter, r *http.Request) {
|
||||
w.Header().Set("X-XSS-Protection", "1; mode=block")
|
||||
w.Header().Set("X-Frame-Options", "deny")
|
||||
|
||||
next.ServeHTTP(w, r)
|
||||
}
|
||||
|
||||
return http.HandlerFunc(fn)
|
||||
}
|
||||
|
||||
func main() {
|
||||
addr := flag.String("addr", ":8080", "HTTP network address")
|
||||
flag.Parse()
|
||||
fmt.Println("Hello, Sailor!")
|
||||
|
||||
var err error
|
||||
db, err := sql.Open("postgres", "postgres://elves_database:iK2SoVbDhdCki5n3LxGyP6zKpLspt4@80.240.25.87/elves_database")
|
||||
if err != nil {
|
||||
log.Fatal(err)
|
||||
}
|
||||
defer db.Close()
|
||||
|
||||
users = &models.Usermodel{db}
|
||||
|
||||
mux := http.NewServeMux()
|
||||
|
||||
|
||||
//rows, err := db.Query("SELECT * FROM accounts")
|
||||
//if err != nil {
|
||||
// log.Fatal(err)
|
||||
//}
|
||||
//defer rows.Close()
|
||||
|
||||
//accounts := make([]*Account, 0)
|
||||
//for rows.Next() {
|
||||
// acc := new(Account)
|
||||
// err := rows.Scan(&acc.id, &acc.Username, &acc.password, &acc.Color)
|
||||
// if err != nil {
|
||||
// log.Fatal(err)
|
||||
// }
|
||||
// accounts = append(accounts, acc)
|
||||
//}
|
||||
|
||||
//if err = rows.Err(); err != nil {
|
||||
// log.Fatal(err)
|
||||
//}
|
||||
|
||||
//for _, acc := range accounts {
|
||||
// fmt.Println(acc)
|
||||
//}
|
||||
|
||||
mux.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("static"))))
|
||||
|
||||
mux.HandleFunc("/favicon.ico", favicon)
|
||||
|
||||
mux.HandleFunc("/", home)
|
||||
mux.HandleFunc("/login", login)
|
||||
mux.HandleFunc("/register", register)
|
||||
mux.HandleFunc("/account", account)
|
||||
|
||||
|
||||
|
||||
log.Fatal(http.ListenAndServe(*addr, secureheaders(mux)))
|
||||
}
|
||||
|
||||
//cookie := http.Cookie{
|
||||
// Name: "exampleCookie",
|
||||
// Value: "Hello world!",
|
||||
// Path: "/",
|
||||
// HttpOnly: true,
|
||||
// Secure: true,
|
||||
// SameSite: http.SameSiteLaxMode,
|
||||
//}
|
||||
//http.SetCookie(w, &cookie)
|
||||
61
models/models.go
Normal file
61
models/models.go
Normal file
@ -0,0 +1,61 @@
|
||||
package models
|
||||
|
||||
import "errors"
|
||||
import "time"
|
||||
import "golang.org/x/crypto/bcrypt"
|
||||
import "database/sql"
|
||||
import _ "github.com/lib/pq"
|
||||
|
||||
var Errnorecord = errors.New("no matching record found")
|
||||
var Errinvalidcredentials = errors.New("invalid credentials")
|
||||
var ErrDuplicateemail = errors.New("duplicate email")
|
||||
|
||||
type Account struct {
|
||||
Id int32
|
||||
Username string
|
||||
Password []byte
|
||||
Color int32
|
||||
Firstname string
|
||||
Lastname string
|
||||
Email string
|
||||
Created time.Time
|
||||
}
|
||||
|
||||
type Usermodel struct {
|
||||
DB *sql.DB
|
||||
}
|
||||
|
||||
func (m *Usermodel) Insert(username string, password string, firstname string, lastname string, email string) error {
|
||||
hashedpassword, err := bcrypt.GenerateFromPassword([]byte(password), 12)
|
||||
|
||||
stmt := `INSERT INTO accounts (username, password, firstname, lastname, email, created) VALUES ($1, $2, $3, $4, $5, NOW());`
|
||||
|
||||
_, err = m.DB.Exec(stmt, username, string(hashedpassword), firstname, lastname, email)
|
||||
if err != nil {
|
||||
|
||||
}
|
||||
|
||||
return nil
|
||||
}
|
||||
|
||||
func (m *Usermodel) Get_account(id int32) (Account, error) {
|
||||
stmt := `SELECT id, username, password, color FROM accounts WHERE id = $1;`
|
||||
row := m.DB.QueryRow(stmt, id)
|
||||
var account Account
|
||||
err := row.Scan(&account.Id, &account.Username, &account.Password, &account.Color)
|
||||
if err == sql.ErrNoRows {
|
||||
return Account{}, sql.ErrNoRows
|
||||
} else if err != nil {
|
||||
return Account{}, err
|
||||
}
|
||||
|
||||
return account, nil
|
||||
}
|
||||
|
||||
func (m *Usermodel) Authenticate(username string, password string) (int, error) {
|
||||
var id int32
|
||||
var hashedpassword []byte
|
||||
row := m.DB.QueryRow("SELECT id, password FROM accounts WHERE username = $1", username)
|
||||
err := row.Scan(&id, &hashedpassword)
|
||||
|
||||
}
|
||||
20
neovide_backtraces.log
Normal file
20
neovide_backtraces.log
Normal file
@ -0,0 +1,20 @@
|
||||
2024-04-30 13:18:48 - Neovide panicked with the message 'called `Result::unwrap()` on an `Err` value: Connection(IoError(Custom { kind: Other, error: UnknownError }))'. (File: /build/.cargo/registry/src/index.crates.io-6f17d22bba15001f/winit-0.29.10/src/platform_impl/linux/x11/window.rs; Line: 1316, Column: 14)
|
||||
0: <unknown>
|
||||
1: <unknown>
|
||||
2: <unknown>
|
||||
3: <unknown>
|
||||
4: <unknown>
|
||||
5: <unknown>
|
||||
6: <unknown>
|
||||
7: <unknown>
|
||||
8: <unknown>
|
||||
9: <unknown>
|
||||
10: <unknown>
|
||||
11: <unknown>
|
||||
12: <unknown>
|
||||
13: <unknown>
|
||||
14: <unknown>
|
||||
15: <unknown>
|
||||
16: __libc_start_main
|
||||
17: <unknown>
|
||||
|
||||
45
register/index.html
Normal file
45
register/index.html
Normal file
@ -0,0 +1,45 @@
|
||||
{{define "body"}}
|
||||
<div class="wrapper">
|
||||
<form method="POST">
|
||||
<h1>Register</h1>
|
||||
|
||||
{{with .Formerrors.username}}
|
||||
<label class="error">{{.}}</label>
|
||||
{{end}}
|
||||
|
||||
<div class="input-box" {{with .Formerrors.username}}class="input-error"{{end}}>
|
||||
<input type="text" id="username" name="username" placeholder="Username" required>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
|
||||
<div class="input-box">
|
||||
<input type="email" id="email" name="email" placeholder="Email" required>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
<div class="input-box">
|
||||
<input type="text" id="firstname" name="firstname" placeholder="First Name" required>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
<div class="input-box">
|
||||
<input type="text" id="lastname" name="lastname" placeholder="Last Name" required>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
{{with .Formerrors.password}}
|
||||
<label class="error">{{.}}</label>
|
||||
{{end}}
|
||||
|
||||
<div class="input-box" {{with .Formerrors.password}}class="input-error"{{end}}>
|
||||
<input type="password" id="password" name="password" placeholder="Password" required>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
<div class="login-btn-wrapper">
|
||||
<input type="submit" value="Register" class="btn">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{end}}
|
||||
BIN
static/image.png
Normal file
BIN
static/image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
156
static/style.css
Normal file
156
static/style.css
Normal file
@ -0,0 +1,156 @@
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
background-color: #3475CB;
|
||||
font-family: "Vollkorn";
|
||||
color: white;
|
||||
margin: 0px;
|
||||
background: no-repeat url(/static/image.png);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 96px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.navbuttons a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.maintitle {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.loginbutton {
|
||||
align-self: center;
|
||||
display: flex;
|
||||
background-color: #3475CB;
|
||||
padding-top: 15px;
|
||||
padding-right: 20px;
|
||||
padding-bottom: 15px;
|
||||
padding-left: 20px;
|
||||
border-radius: 5px;
|
||||
color: black;
|
||||
/*box-shadow: 10px 10px 5px lightblue;*/
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 8px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
max-width: 900px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
background: transparent;
|
||||
border: 2px solid white;
|
||||
backdrop-filter: blur(20px);
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 15px;
|
||||
padding: 30px 40px;
|
||||
|
||||
}
|
||||
|
||||
.wrapper h1 {
|
||||
font-size: xx-large;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wrapper .input-box {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.input-box input {
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
outline: none;
|
||||
border: 2px solid rgba(255, 255, 255, .2);
|
||||
border-radius: 25px;
|
||||
padding: 10px 45px 10px 20px
|
||||
}
|
||||
|
||||
.input-box input::placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.wrapper .input-error {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.error {
|
||||
color: rgba(240, 0, 0, .8);
|
||||
}
|
||||
|
||||
.input-error input {
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
outline: none;
|
||||
border: 2px solid rgba(255, 0, 0, .2);
|
||||
border-radius: 25px;
|
||||
padding: 10px 45px 10px 20px
|
||||
}
|
||||
|
||||
.input-error input::placeholder {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.login-btn-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.wrapper .btn {
|
||||
width: 100%;
|
||||
outline: none;
|
||||
border: none;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.wrapper .register-link {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background-color: #132123;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wrapper a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wrapper a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wrapper a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user