Archive/HeimerdingerLoL
1
0
Fork 0
mirror of https://github.com/rico-vz/HeimerdingerLoL.git synced 2025-12-06 10:10:48 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: Update CSS classes for video aspect ratio

Browse Source 
- Updated CSS classes in grid_info.blade.php to use 'aspect-video' for maintaining video aspect ratio styling.
This commit is contained in:
Rico van Zelst
2024-03-26 11:27:28 +01:00
parent 99a5fea8f3
commit 4f22451be3
5 changed files with 27 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
resources/views/posts/show.blade.php
View File

@@ -5,7 +5,7 @@
@section('description', 'Heimerdinger.LoL: ' . $post->description)
@push('meta_tags')
<link rel="canonical" href="{{config('app.HEIMER_URL') . '/post/' . $post->slug}}">
<link rel="canonical" href="{{ config('app.HEIMER_URL') . '/post/' . $post->slug }}">
<meta name="author" content="Heimerdinger.LoL">
<meta name="robots" content="index, follow">
@@ -13,35 +13,32 @@
@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
<a href="{{ route('posts.index') }}"
class="block mt-8 text-sm font-medium text-center text-orange-400 uppercase 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">
itemtype="https://schema.org/BlogPosting" itemid="{{ url()->current() }}">
<meta itemprop="wordCount" content="{{ str_word_count($post->contents) }}">
<h3 class="text-sm font-semibold text-center text-orange-100 not-prose" itemprop="datePublished">
{{ Carbon::parse($post->date)->format('F d, Y') }}
</h3>
<img src="{{$post->thumbnail}}" alt="{{$post->title}} Thumbnail"
class="not-prose aspect-video max-h-64 w-auto mt-2 mb-2 mx-auto rounded-3xl border-orange-500/40 border-2"/>
<meta itemprop="thumbnailUrl" content="{{$post->thumbnail}}"/>
<img src="{{ $post->thumbnail }}" alt="{{ $post->title }} Thumbnail"
class="w-auto mx-auto mt-2 mb-2 border-2 not-prose aspect-video max-h-64 rounded-3xl border-orange-500/40" />
<meta itemprop="thumbnailUrl" content="{{ $post->thumbnail }}" />
<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">
<h1 class="text-3xl font-bold text-center text-transparent uppercase not-prose sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text"
itemprop="headline">
“{{ $post->title }}”</h1>
<h2 class="text-sm italic text-center text-orange-400 not-prose" itemprop="description">
“{{ $post->description }}”
</h2>
<p>
{{$post->contents}}
{{ $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>
Tagged with: <span itemprop="keywords" class="italic">
{{ isset($post->tags) ? implode(', ', $post->tags) : 'League of Legends' }}</span>
</p>
</div>
</article>