mirror of
https://github.com/rico-vz/HeimerdingerLoL.git
synced 2025-12-07 18:50:48 +01:00
20bdb09a8e
This commit adds a post thumbnail to the show page of a post. The thumbnail is displayed below the date and above the post title. It is an image with the source set to the URL of the post's thumbnail and alt text set to the post's title. The image has a fixed height, rounded corners, and a semi-transparent border.
49 lines
2.1 KiB
PHP
49 lines
2.1 KiB
PHP
@use('Carbon\Carbon')
|
|
@extends('layouts.app')
|
|
|
|
@section('title', $post->title . ' • Heimerdinger.LoL')
|
|
@section('description', 'Heimerdinger.LoL: ' . $post->description)
|
|
|
|
@push('meta_tags')
|
|
<link rel="canonical" href="{{config('app.HEIMER_URL') . '/post/' . $post->slug}}">
|
|
|
|
<meta name="author" content="Heimerdinger.LoL">
|
|
<meta name="robots" content="index, follow">
|
|
<meta name="googlebot" content="index, follow">
|
|
@endpush
|
|
|
|
@section('content')
|
|
<a href="{{route('posts.index')}}"
|
|
class="block mt-8 text-center text-orange-400 text-sm uppercase font-medium hover:underline">Back
|
|
to
|
|
posts</a>
|
|
<article class="max-w-screen-md mx-auto mt-2 prose prose-stone prose-invert" itemscope
|
|
itemtype="https://schema.org/BlogPosting"
|
|
itemid="{{url()->current()}}">
|
|
<meta itemprop="wordCount" content="{{str_word_count($post->contents)}}">
|
|
<h3 class="not-prose text-sm text-center text-orange-100 font-semibold" itemprop="datePublished">
|
|
{{ Carbon::parse($post->date)->format('F d, Y') }}
|
|
</h3>
|
|
<img src="{{$post->thumbnail}}" alt="{{$post->title}} Thumbnail"
|
|
class="not-prose aspect-video h-80 mt-2 mb-2 mx-auto rounded-3xl border-orange-500/40 border-2"/>
|
|
<div>
|
|
<h1
|
|
class="not-prose text-3xl font-bold text-center text-transparent uppercase sm:text-4xl
|
|
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text" itemprop="headline">
|
|
“{{$post->title}}”</h1>
|
|
<h2 class="not-prose text-center text-orange-400 text-sm italic" itemprop="description">
|
|
“{{ $post->description }}”
|
|
</h2>
|
|
<p>
|
|
{{$post->contents}}
|
|
</p>
|
|
<p class="mt-3 text-sm text-center">
|
|
Tagged with: <span itemprop="keywords"
|
|
class="italic">
|
|
{{ isset($post->tags) ? implode(', ', $post->tags)
|
|
: 'League of Legends' }}</span>
|
|
</p>
|
|
</div>
|
|
</article>
|
|
@endsection
|