[0924b6c] | 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
|
---|