mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-22 22:41:27 +00:00
Update discover pages
This commit is contained in:
parent
eeda463756
commit
7d30a29227
3 changed files with 6 additions and 68 deletions
|
@ -18,10 +18,12 @@ background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, F
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="pt-4 d-flex justify-content-between align-items-center">
|
<div class="pt-4 d-flex justify-content-between align-items-center">
|
||||||
<p>
|
<p>
|
||||||
|
@if($tags->count() > 0)
|
||||||
<span class="font-weight-lighter pr-3">Related hashtags:</span>
|
<span class="font-weight-lighter pr-3">Related hashtags:</span>
|
||||||
@foreach($tags as $hashtag)
|
@foreach($tags as $hashtag)
|
||||||
<a class="btn btn-outline-secondary btn-sm py-0 pr-2" href="{{$hashtag->url()}}">#{{$hashtag->name}}</a>
|
<a class="btn btn-outline-secondary btn-sm py-0 pr-2" href="{{$hashtag->url()}}">#{{$hashtag->name}}</a>
|
||||||
@endforeach
|
@endforeach
|
||||||
|
@endif
|
||||||
</p>
|
</p>
|
||||||
<p class="font-weight-lighter">
|
<p class="font-weight-lighter">
|
||||||
{{$posts->post_count}} posts
|
{{$posts->post_count}} posts
|
||||||
|
@ -50,27 +52,6 @@ background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, F
|
||||||
@endforeach
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center pagination-container mt-4">
|
|
||||||
{{$posts->links()}}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@push('scripts')
|
|
||||||
<script type="text/javascript">
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
|
||||||
$('.pagination-container').hide();
|
|
||||||
$('.pagination').hide();
|
|
||||||
let elem = document.querySelector('.tag-timeline');
|
|
||||||
let infScroll = new InfiniteScroll( elem, {
|
|
||||||
path: '.pagination__next',
|
|
||||||
append: '.tag-timeline',
|
|
||||||
status: '.page-load-status',
|
|
||||||
history: true,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
</script>
|
|
||||||
@endpush
|
|
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
|
|
||||||
<div class="profile-header bg-light {{$tag->bgd ?? 'bgd-2'}}">
|
<div class="profile-header bg-light bgd-2">
|
||||||
<div class="container py-5">
|
<div class="container py-5">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12 col-md-3">
|
<div class="col-12 col-md-3">
|
||||||
|
@ -24,10 +24,12 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="pt-4 d-flex justify-content-between align-items-center">
|
<div class="pt-4 d-flex justify-content-between align-items-center">
|
||||||
<p>
|
<p>
|
||||||
|
@if($tag->hashtags->count() > 0)
|
||||||
<span class="font-weight-lighter pr-3">Related hashtags:</span>
|
<span class="font-weight-lighter pr-3">Related hashtags:</span>
|
||||||
@foreach($tag->hashtags as $hashtag)
|
@foreach($tag->hashtags as $hashtag)
|
||||||
<a class="btn btn-outline-secondary btn-sm py-0 pr-2" href="{{$hashtag->url()}}">#{{$hashtag->name}}</a>
|
<a class="btn btn-outline-secondary btn-sm py-0 pr-2" href="{{$hashtag->url()}}">#{{$hashtag->name}}</a>
|
||||||
@endforeach
|
@endforeach
|
||||||
|
@endif
|
||||||
</p>
|
</p>
|
||||||
<p class="font-weight-lighter">
|
<p class="font-weight-lighter">
|
||||||
{{$tag->posts_count}} posts
|
{{$tag->posts_count}} posts
|
||||||
|
@ -56,9 +58,6 @@
|
||||||
@endforeach
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center pagination-container mt-4">
|
|
||||||
{{$posts->links()}}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
@ -84,21 +83,3 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
@push('scripts')
|
|
||||||
<script type="text/javascript">
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
|
||||||
$('.pagination-container').hide();
|
|
||||||
$('.pagination').hide();
|
|
||||||
let elem = document.querySelector('.tag-timeline');
|
|
||||||
let infScroll = new InfiniteScroll( elem, {
|
|
||||||
path: '.pagination__next',
|
|
||||||
append: '.tag-timeline',
|
|
||||||
status: '.page-load-status',
|
|
||||||
history: true,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
</script>
|
|
||||||
@endpush
|
|
||||||
|
|
|
@ -44,31 +44,7 @@
|
||||||
@endforeach
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center pagination-container mt-4">
|
|
||||||
{{$posts->links()}}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@push('meta')
|
|
||||||
<meta property="og:description" content="Discover {{$tag->name}}">
|
|
||||||
@endpush
|
|
||||||
|
|
||||||
@push('scripts')
|
|
||||||
<script type="text/javascript">
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
|
||||||
$('.pagination-container').hide();
|
|
||||||
$('.pagination').hide();
|
|
||||||
let elem = document.querySelector('.tag-timeline');
|
|
||||||
let infScroll = new InfiniteScroll( elem, {
|
|
||||||
path: '.pagination__next',
|
|
||||||
append: '.tag-timeline',
|
|
||||||
status: '.page-load-status',
|
|
||||||
history: true,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
</script>
|
|
||||||
@endpush
|
|
||||||
|
|
Loading…
Reference in a new issue