Initial Commit
This commit is contained in:
@@ -0,0 +1,82 @@
|
||||
<!-- Gathers the blueprint for login -->
|
||||
@extends('layouts.login')
|
||||
|
||||
<!-- Marks the start of the section content -->
|
||||
@section('content')
|
||||
<div class="login-wrapper">
|
||||
|
||||
<div class="loginBox">
|
||||
<span class="fs-4 titleText">@lang('login.title')</span>
|
||||
|
||||
<!-- Starts the form for login -->
|
||||
<form class="m-0 pb-4" method="post" action="{{ route('authenticate') }}">
|
||||
@csrf
|
||||
<!-- Adds the label, depending on the language, and a text input for the user -->
|
||||
<div class="form-group">
|
||||
<!-- Label for user, depending on the language -->
|
||||
<label for="user">@lang('user')</label>
|
||||
<!-- The different information for user input -->
|
||||
<label for="username"></label><input
|
||||
type="text"
|
||||
name="username"
|
||||
id="username"
|
||||
class="form-control"
|
||||
style="width: 50%; margin-left:25%"
|
||||
value="{{old('username')}}"
|
||||
>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<!-- Label for password, depending on the language -->
|
||||
<label for="psw">@lang('password')</label>
|
||||
<!-- The different information for password input -->
|
||||
<input
|
||||
type="password"
|
||||
name="password"
|
||||
id="password"
|
||||
class="form-control"
|
||||
style="width: 50%; margin-left: 25%"
|
||||
value="{{old('password')}}"
|
||||
>
|
||||
</div>
|
||||
<!-- Security provided by Laravel -->
|
||||
<!-- Submit button for login form, the name depending on the language -->
|
||||
<button type="submit" class="btn btn-primary mt-3">@lang('login.send')</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ends the content section -->
|
||||
@endsection
|
||||
|
||||
<style>
|
||||
label {
|
||||
color: white;
|
||||
padding: 1.5em 0 1em 0;
|
||||
}
|
||||
|
||||
.titleText {
|
||||
color: white;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
|
||||
.loginBox {
|
||||
align-items: center;
|
||||
vertical-align:middle;
|
||||
text-align: center;
|
||||
background-color: #606060;
|
||||
width: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top:10%;
|
||||
}
|
||||
|
||||
.login-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 700px) {
|
||||
.loginBox {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user