archtechx/laravel-tips
1
0
Fork 0
mirror of https://github.com/archtechx/laravel-tips.git synced 2025-12-12 05:14:04 +00:00
Code Activity

wip

Browse source
This commit is contained in:
Lars Klopstra 2021-04-07 18:57:18 +02:00
parent 8623a25b79
commit 28555af28f
6 changed files with 96 additions and 137 deletions
Download patch file Download diff file Expand all files Collapse all files

68
resources/views/tips/show.blade.php
View file

@ -25,36 +25,12 @@
class="absolute w-full transform skew-y-12 pointer-events-none h-72 md:h-96 -translate-y-1/4 bg-gradient-to-br from-yellow-300 to-pink-400 mix-blend-multiply">
</div>
<div class="w-full max-w-4xl px-4 mx-auto sm:px-6 md:px-8">
<x:container>
<div class="flex flex-col items-center space-y-6 text-center md:space-y-12">
<div class="space-y-6 text-yellow-900">
<h1 class="text-3xl font-bold tracking-tighter md:text-5xl">{{ $tip->title }}</h1>
<ul class="inline-grid grid-flow-col gap-4">
<li>
<a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
href="{{ $twitter }}">Twitter</a>
</li>
<li>
<span>&centerdot;</span>
</li>
<li>
<a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
href="{{ $telegram }}">Telegram</a>
</li>
<li>
<span>&centerdot;</span>
</li>
<li>
<a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
href="{{ $newsletter }}">Newsletter</a>
</li>
</ul>
<x:socials />
</div>
@if ($tip->images())
@ -66,46 +42,12 @@
@if ($tip->content)
<div class="prose break-all md:prose-xl">
{!! Str::of($tip->content)->markdown() !!}
{!! Str::markdown($tip->content) !!}
</div>
@endif
<div class="flex w-full p-6 space-x-6 bg-gray-50 rounded-2xl">
<a href="{{ $tip->author->profile_url }}" target="_blank">
<img class="bg-gray-200 rounded-full w-14 h-14" src="{{ asset($tip->author->avatar) }}"
alt="{{ $tip->author->name }}">
</a>
<aside class="flex-1 space-y-2 text-left">
<a href="{{ $tip->author->profile_url }}" target="_blank"
class="block text-xl font-bold">{{ $tip->author->name }}</a>
<dl class="grid gap-6 sm:grid-cols-2 md:grid-cols-4">
@if ($tip->thread)
<div>
<dt class="text-sm text-gray-500">Thread</dt>
<dd>
<x-link href="{{ route('thread.show', $tip->thread->slug) }}">
{{ $tip->thread->title }}
</x-link>
</dd>
</div>
@endif
<div>
<dt class="text-sm text-gray-500">Tweet</dt>
<dd>
<x-link href="{{ $tip->tweet_url }}" target="_blank">
twitter.com/...
</x-link>
</dd>
</div>
</dl>
</aside>
</div>
<x:author-card :tip="$tip" />
</div>
</div>
</x:container>
</main>
</x:layout>