Skip to content

Commit 711dfe3

Browse files
anacarlaquallioanacarlaquallio
authored
Extended main blog redesign to all pages (#428)
1 parent f353f91 commit 711dfe3

File tree

11 files changed

+598
-491
lines changed

11 files changed

+598
-491
lines changed

‎resources/views/about/index.blade.php‎

Lines changed: 29 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,32 @@
11
@extends('layouts.wrapper', ['title' => 'About author'])
22

33
@section('content')
4-
<div class="container-lg mt-4">
5-
<h1>About author</h1>
6-
<p>Foo text</p>
7-
</div>
8-
@endsection
4+
<div class="container-lg mt-5">
5+
<div class="row justify-content-center">
6+
<div class="col-lg-8">
7+
<div class="p-3 p-md-3 rounded text-body-emphasis bg-body-secondary">
8+
<div class="card-body p-5">
9+
<!-- Author Image -->
10+
<div class="text-center mb-4">
11+
<i class="bi bi-person-circle fs-2 text-muted"></i>
12+
</div>
13+
14+
<!-- Header -->
15+
<div class="text-center mb-5">
16+
<h2 style="font-family: 'Playfair Display', serif;">About the Author</h1>
17+
<p class="lead text-muted">Get to know the person behind the posts</p>
18+
</div>
19+
20+
<!-- Author Bio -->
21+
<p class="text-muted text-center mb-4">
22+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
23+
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
24+
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
25+
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
26+
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
27+
</p>
28+
</div>
29+
</div>
30+
</div>
31+
</div>
32+
@endsection

‎resources/views/auth/login.blade.php‎

Lines changed: 67 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,73 +1,94 @@
11
@extends('layouts.wrapper-auth')
22

33
@section('content')
4-
<div class="container">
5-
<div class="row justify-content-center">
6-
<div class="col-md-8">
7-
<div class="card">
8-
<div class="card-header">{{ __('Авторизация') }}</div>
9-
10-
<div class="card-body">
11-
<form method="POST" action="{{ route('login') }}">
12-
@csrf
13-
14-
<div class="row mb-3">
15-
<label for="email" class="col-md-4 col-form-label text-md-end">{{ __('Электронная почта') }}</label>
4+
<div class="justify-content">
5+
<div class="row justify-content-center">
6+
<div class="col-md-6 col-lg-5">
7+
<div class="card shadow-lg border-0 rounded-4">
8+
<div class="card-header bg-transparent text-center py-4">
9+
<h4 class="mb-3 text-center">
10+
</i> {{ __('Login') }}
11+
</h4>
12+
<div class="text-center">
13+
@guest
14+
@if (Route::has('register'))
15+
<a class="btn btn-sm gap-2 rounded-pill px-4 align-items-center" href="{{ route('register') }}">
16+
{{ __('Don\'t have an account? Sign Up') }} <i class="bi bi-person-plus"></i>
17+
</a>
18+
@endif
19+
@endguest
20+
</div>
21+
</div>
1622

17-
<div class="col-md-6">
18-
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
23+
<div class="card-body p-4 p-lg-5">
24+
<form method="POST" action="{{ route('login') }}">
25+
@csrf
1926

27+
<!-- Email Field -->
28+
<div class="mb-4">
29+
<label for="email" class="form-label text-muted small mb-1">{{ __('Email') }}</label>
30+
<div class="input-group">
31+
<span class="input-group-text bg-light border-end-0">
32+
<i class="bi bi-envelope text-muted"></i>
33+
</span>
34+
<input id="email" type="email"
35+
class="form-control border-start-0 @error('email') is-invalid @enderror"
36+
name="email" value="{{ old('email') }}" required autocomplete="email" autofocus
37+
placeholder="example@domain.com">
38+
</div>
2039
@error('email')
21-
<span class="invalid-feedback" role="alert">
40+
<span class="invalid-feedback d-block" role="alert">
2241
<strong>{{ $message }}</strong>
2342
</span>
2443
@enderror
2544
</div>
26-
</div>
27-
28-
<div class="row mb-3">
29-
<label for="password" class="col-md-4 col-form-label text-md-end">{{ __('Пароль') }}</label>
30-
31-
<div class="col-md-6">
32-
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
3345

46+
<!-- Password Field -->
47+
<div class="mb-4">
48+
<label for="password" class="form-label text-muted small mb-1">{{ __('Password') }}</label>
49+
<div class="input-group">
50+
<span class="input-group-text bg-light border-end-0">
51+
<i class="bi bi-lock text-muted"></i>
52+
</span>
53+
<input id="password" type="password"
54+
class="form-control border-start-0 @error('password') is-invalid @enderror"
55+
name="password" required autocomplete="current-password" placeholder="••••••••">
56+
</div>
3457
@error('password')
35-
<span class="invalid-feedback" role="alert">
58+
<span class="invalid-feedback d-block" role="alert">
3659
<strong>{{ $message }}</strong>
3760
</span>
3861
@enderror
3962
</div>
40-
</div>
41-
42-
<div class="row mb-3">
43-
<div class="col-md-6 offset-md-4">
44-
<div class="form-check">
45-
<input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
4663

47-
<label class="form-check-label" for="remember">
48-
{{ __('Запомнить меня') }}
49-
</label>
50-
</div>
64+
<!-- Remember Me Checkbox -->
65+
<div class="mb-4 form-check">
66+
<input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
67+
<label class="form-check-label text-muted small" for="remember">
68+
{{ __('Remember me') }}
69+
</label>
5170
</div>
52-
</div>
5371

54-
<div class="row mb-0">
55-
<div class="col-md-8 offset-md-4">
56-
<button type="submit" class="btn btn-primary">
57-
{{ __('Войти') }}
72+
<!-- Submit Button -->
73+
<div class="d-grid mb-4">
74+
<button type="submit" class="btn btn-sm btn-primary rounded-pill py-2 fw-bold">
75+
<i class="bi bi-box-arrow-in-right me-2"></i> {{ __('Login') }}
5876
</button>
77+
</div>
5978

60-
@if (Route::has('password.request'))
61-
<a class="btn btn-link" href="{{ route('password.request') }}">
62-
{{ __('Забыли пароль?') }}
79+
<!-- Forgot Password Link -->
80+
@if (Route::has('password.request'))
81+
<div class="text-center">
82+
<a class="text-decoration-none text-muted small" href="{{ route('password.request') }}">
83+
{{ __('Forgot password?') }}
6384
</a>
64-
@endif
65-
</div>
66-
</div>
85+
</div>
86+
@endif
87+
</div>
6788
</form>
6889
</div>
6990
</div>
7091
</div>
7192
</div>
72-
</div>
73-
@endsection
93+
</div>
94+
@endsection

‎resources/views/auth/register.blade.php‎

Lines changed: 78 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,77 +1,108 @@
11
@extends('layouts.wrapper-auth')
22

33
@section('content')
4-
<div class="container">
5-
<div class="row justify-content-center">
6-
<div class="col-md-8">
7-
<div class="card">
8-
<div class="card-header">{{ __('Регистрация') }}</div>
9-
10-
<div class="card-body">
11-
<form method="POST" action="{{ route('register') }}">
12-
@csrf
13-
14-
<div class="row mb-3">
15-
<label for="name" class="col-md-4 col-form-label text-md-end">{{ __('Имя') }}</label>
4+
<div class="justify-content">
5+
<div class="row justify-content-center">
6+
<div class="col-md-6 col-lg-5">
7+
<div class="card shadow-lg border-0 rounded-4">
8+
<div class="card-header bg-transparent text-center py-4">
9+
<h4 class="mb-3 text-center">
10+
{{ __('Sign up') }}
11+
</h4>
12+
<div class="text-center">
13+
@guest
14+
@if (Route::has('login'))
15+
<a class="btn btn-sm gap-2 rounded-pill px-4 align-items-center" href="{{ route('login') }}">
16+
{{ __('Do you have an account? Login') }} <i class="bi bi-box-arrow-in-right"></i>
17+
</a>
18+
@endif
19+
@endguest
20+
</div>
21+
</div>
1622

17-
<div class="col-md-6">
18-
<input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
23+
<div class="card-body p-4 p-lg-5">
24+
<form method="POST" action="{{ route('register') }}">
25+
@csrf
1926

27+
<!-- Name Field -->
28+
<div class="mb-4">
29+
<label for="name" class="form-label text-muted small mb-1">{{ __('Name') }}</label>
30+
<div class="input-group">
31+
<span class="input-group-text bg-light border-end-0">
32+
<i class="bi bi-person text-muted"></i>
33+
</span>
34+
<input id="name" type="text"
35+
class="form-control border-start-0 @error('name') is-invalid @enderror" name="name"
36+
value="{{ old('name') }}" required autocomplete="name" autofocus
37+
placeholder="Your name">
38+
</div>
2039
@error('name')
21-
<span class="invalid-feedback" role="alert">
40+
<span class="invalid-feedback d-block" role="alert">
2241
<strong>{{ $message }}</strong>
2342
</span>
2443
@enderror
2544
</div>
26-
</div>
27-
28-
<div class="row mb-3">
29-
<label for="email" class="col-md-4 col-form-label text-md-end">{{ __('Электронная почта') }}</label>
30-
31-
<div class="col-md-6">
32-
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">
3345

46+
<!-- Email Field -->
47+
<div class="mb-4">
48+
<label for="email" class="form-label text-muted small mb-1">{{ __('Email') }}</label>
49+
<div class="input-group">
50+
<span class="input-group-text bg-light border-end-0">
51+
<i class="bi bi-envelope text-muted"></i>
52+
</span>
53+
<input id="email" type="email"
54+
class="form-control border-start-0 @error('email') is-invalid @enderror"
55+
name="email" value="{{ old('email') }}" required autocomplete="email"
56+
placeholder="example@domain.com">
57+
</div>
3458
@error('email')
35-
<span class="invalid-feedback" role="alert">
59+
<span class="invalid-feedback d-block" role="alert">
3660
<strong>{{ $message }}</strong>
3761
</span>
3862
@enderror
3963
</div>
40-
</div>
41-
42-
<div class="row mb-3">
43-
<label for="password" class="col-md-4 col-form-label text-md-end">{{ __('Пароль') }}</label>
44-
45-
<div class="col-md-6">
46-
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
4764

65+
<!-- Password Field -->
66+
<div class="mb-4">
67+
<label for="password" class="form-label text-muted small mb-1">{{ __('Password') }}</label>
68+
<div class="input-group">
69+
<span class="input-group-text bg-light border-end-0">
70+
<i class="bi bi-lock text-muted"></i>
71+
</span>
72+
<input id="password" type="password"
73+
class="form-control border-start-0 @error('password') is-invalid @enderror"
74+
name="password" required autocomplete="new-password" placeholder="••••••••">
75+
</div>
4876
@error('password')
49-
<span class="invalid-feedback" role="alert">
77+
<span class="invalid-feedback d-block" role="alert">
5078
<strong>{{ $message }}</strong>
5179
</span>
5280
@enderror
5381
</div>
54-
</div>
55-
56-
<div class="row mb-3">
57-
<label for="password-confirm" class="col-md-4 col-form-label text-md-end">{{ __('Подтвердите пароль') }}</label>
58-
59-
<div class="col-md-6">
60-
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
82+
<!-- Confirm Password Field -->
83+
<div class="mb-4">
84+
<label for="password-confirm"
85+
class="form-label text-muted small mb-1">{{ __('Confirm password') }}</label>
86+
<div class="input-group">
87+
<span class="input-group-text bg-light border-end-0">
88+
<i class="bi bi-lock text-muted"></i>
89+
</span>
90+
<input id="password-confirm" type="password" class="form-control border-start-0"
91+
name="password_confirmation" required autocomplete="new-password"
92+
placeholder="••••••••">
93+
</div>
6194
</div>
62-
</div>
6395

64-
<div class="row mb-0">
65-
<div class="col-md-6 offset-md-4">
66-
<button type="submit" class="btn btn-primary">
67-
{{ __('Регистрация') }}
96+
<!-- Submit Button -->
97+
<div class="d-grid mb-4">
98+
<button type="submit" class="btn btn-sm btn-primary rounded-pill py-2 fw-bold">
99+
<i class="bi bi-person-plus me-2"></i> {{ __('Sign in') }}
68100
</button>
69101
</div>
70-
</div>
71-
</form>
102+
</form>
103+
</div>
72104
</div>
73105
</div>
74106
</div>
75107
</div>
76-
</div>
77-
@endsection
108+
@endsection

0 commit comments

Comments
 (0)