source: resources/views/blog/profile.blade.php@ f457265

Last change on this file since f457265 was 0924b6c, checked in by Özkan İliyaz <iliyaz_96@…>, 4 years ago

initial commit
  • Property mode set to 100644
File size: 4.1 KB
RevLine 
[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
Note: See TracBrowser for help on using the repository browser.