1 | @extends('layouts.blog')
|
---|
2 | @section('title')
|
---|
3 | {{ $posts[0]->user->getFullName() . " | Technoblog" }}
|
---|
4 | @endsection
|
---|
5 | @section('blog_content')
|
---|
6 |
|
---|
7 | <div class="container-fluid p-4">
|
---|
8 |
|
---|
9 | <div class="row">
|
---|
10 |
|
---|
11 | <div class="col-md-4">
|
---|
12 | <div class="card card-profile">
|
---|
13 | <div class="card-header" style="{{ !empty($posts[0]->user->userProfile->cover_photo_link) ? "background-image: url(/uploads/users/".$posts[0]->user->userProfile->cover_photo_link.");" : "background-color: #efefef;" }}"></div>
|
---|
14 | <div class="card-body text-center">
|
---|
15 |
|
---|
16 | @if(!empty($posts[0]->user->userProfile->profile_photo_link))
|
---|
17 | <img class="card-profile-img" src="/uploads/users/{{ $posts[0]->user->userProfile->profile_photo_link }}">
|
---|
18 | @else
|
---|
19 | <span class="card-profile-avatar avatar avatar-xxl">{{ strtoupper($posts[0]->user->name[0]) . strtoupper($posts[0]->user->surname[0]) }}</span>
|
---|
20 | @endif
|
---|
21 |
|
---|
22 | <h3 class="mb-3">{{ $posts[0]->user->getFullName() }}</h3>
|
---|
23 | <p class="mb-4">{{ $posts[0]->user->userProfile->short_bio }}</p>
|
---|
24 | <ul class="social-links list-inline mb-0 mt-2">
|
---|
25 |
|
---|
26 | @if(!empty($posts[0]->user->userProfile->facebook_link))
|
---|
27 | <li class="list-inline-item">
|
---|
28 | <a href="https://facebook.com/{{ $posts[0]->user->userProfile->facebook_link }}" target="_blank" class="elemWithTooltip" data-tooltip-info="top-{{ $posts[0]->user->userProfile->facebook_link }}"><i class="fa fa-facebook"></i></a>
|
---|
29 | </li>
|
---|
30 | @endif
|
---|
31 |
|
---|
32 | @if(!empty($posts[0]->user->userProfile->instagram_link))
|
---|
33 | <li class="list-inline-item">
|
---|
34 | <a href="https://instagram.com/{{ $posts[0]->user->userProfile->instagram_link }}" target="_blank" class="elemWithTooltip" data-tooltip-info="top-{{ $posts[0]->user->userProfile->instagram_link }}"><i class="fa fa-instagram"></i></a>
|
---|
35 | </li>
|
---|
36 | @endif
|
---|
37 |
|
---|
38 | @if(!empty($posts[0]->user->userProfile->twitter_link))
|
---|
39 | <li class="list-inline-item">
|
---|
40 | <a href="https://twitter.com/{{ $posts[0]->user->userProfile->twitter_link }}" target="_blank" class="elemWithTooltip" data-tooltip-info="top-{{ $posts[0]->user->userProfile->twitter_link }}"><i class="fa fa-twitter"></i></a>
|
---|
41 | </li>
|
---|
42 | @endif
|
---|
43 |
|
---|
44 | @if(!empty($posts[0]->user->userProfile->youtube_link))
|
---|
45 | <li class="list-inline-item">
|
---|
46 | <a href="https://youtube.com/user/{{ $posts[0]->user->userProfile->youtube_link }}" target="_blank" class="elemWithTooltip" data-tooltip-info="top-{{ $posts[0]->user->userProfile->youtube_link }}"><i class="fa fa-youtube"></i></a>
|
---|
47 | </li>
|
---|
48 | @endif
|
---|
49 |
|
---|
50 | @if(!empty($posts[0]->user->userProfile->skype_link))
|
---|
51 | <li class="list-inline-item">
|
---|
52 | <a href="skype:{{ $posts[0]->user->userProfile->skype_link }}?userinfo" target="_blank" class="elemWithTooltip" data-tooltip-info="top-{{ $posts[0]->user->userProfile->skype_link }}"><i class="fa fa-skype"></i></a>
|
---|
53 | </li>
|
---|
54 | @endif
|
---|
55 |
|
---|
56 | <li class="list-inline-item">
|
---|
57 | <a href="mailto:{{ $posts[0]->user->userProfile->technoblog_email }}" target="_blank" class="elemWithTooltip" data-tooltip-info="top-{{ $posts[0]->user->userProfile->technoblog_email }}"><i class="fa fa-envelope"></i></a>
|
---|
58 | </li>
|
---|
59 |
|
---|
60 | </ul>
|
---|
61 |
|
---|
62 | </div>
|
---|
63 |
|
---|
64 | </div>
|
---|
65 |
|
---|
66 | </div>
|
---|
67 |
|
---|
68 | <div class="col-md-8">
|
---|
69 | @foreach ($posts as $post)
|
---|
70 | <div class="card profile-card card-aside">
|
---|
71 | <a href="#" class="card-aside-column" style="background-image: url(/uploads/{{ $post->image_link }})"></a>
|
---|
72 | <div class="card-body d-flex flex-column">
|
---|
73 | <h4><a href="/category/{{ strtolower($post->category->name) }}/{{ $post->slug }}">{{ $post->title }}</a></h4>
|
---|
74 | <div class="text-muted">{!! str_limit($post->content, 150) !!}</div>
|
---|
75 | <div class="d-flex align-items-center pt-5 mt-auto">
|
---|
76 | <div>
|
---|
77 | <small class="d-block text-muted">{{ $post->ago() }}</small>
|
---|
78 | </div>
|
---|
79 | <div class="ml-auto">
|
---|
80 | <a href="/category/{{ strtolower($post->category->name) }}/{{ $post->slug }}" style="font-size: 15px;">Read More</a>
|
---|
81 | </div>
|
---|
82 | </div>
|
---|
83 | </div>
|
---|
84 | </div>
|
---|
85 | @endforeach
|
---|
86 |
|
---|
87 | <div class="mt-5">
|
---|
88 | {{ $posts->links() }}
|
---|
89 | </div>
|
---|
90 |
|
---|
91 | </div>
|
---|
92 |
|
---|
93 | </div>
|
---|
94 |
|
---|
95 | </div>
|
---|
96 |
|
---|
97 | @endsection
|
---|