-
Notifications
You must be signed in to change notification settings - Fork 170
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
119 additions
and
67 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,31 +1,41 @@ | ||
<article class="flex gap-8"> | ||
<figure class="pt-1"> | ||
{{-- @todo Image --}} | ||
<div class="w-[120px] h-[120px] bg-oss-green-pale rounded-8"></div> | ||
</figure> | ||
<?php /** @var \Spatie\ContentApi\Data\Post $insight */ ?> | ||
<article class="relative flex gap-8 group p-9"> | ||
<div class="absolute inset-0 rounded-[20px] pointer-events-none w-full h-full opacity-50 border border-transparent group-hover:bg-link-card-light-hover group-hover:border-oss-gray-dark"></div> | ||
<a wire:navigate href="{{ route('insights.show', $insight->slug) }}"> | ||
<figure class="pt-1"> | ||
<div class="w-[120px] h-[120px] bg-oss-green-pale rounded-8"> | ||
@if ($insight->header_image) | ||
<img class="w-full h-full object-cover" src="{{ $insight->header_image }}" alt=""> | ||
@endif | ||
</div> | ||
</figure> | ||
</a> | ||
<div> | ||
<h3 class="text-24 font-bold hover:text-oss-spatie-blue"> | ||
<a href="{{ route('insights.show', $insight->slug) }}"> | ||
<h3 class="text-24 font-bold group-hover:text-oss-spatie-blue hover:text-oss-spatie-blue"> | ||
<a wire:navigate href="{{ route('insights.show', $insight->slug) }}"> | ||
{{ $insight->title }} | ||
</a> | ||
</h3> | ||
<div class="mt-3 [&_p]:mt-2 [&_code]:text-16 [&_code]:bg-transparent"> | ||
{!! $insight->summary !!} | ||
<a wire:navigate href="{{ route('insights.show', $insight->slug) }}"> | ||
{!! $insight->summary !!} | ||
</a> | ||
</div> | ||
<div class="mt-4 flex gap-3 text-14"> | ||
@isset($insight->date) | ||
<a href="{{ route('insights.show', $insight->slug) }}"> | ||
<a wire:navigate href="{{ route('insights.show', $insight->slug) }}"> | ||
<time datetime="{{ $insight->date->format('Y-m-d') }}"> | ||
{{ $insight->date->format('F d, Y') }} | ||
</time> | ||
</a> | ||
@endisset | ||
{{-- @todo Tags --}} | ||
<ul class="contents font-bold"> | ||
<li>#postgresql</li> | ||
<li>#backend</li> | ||
<li>#databases</li> | ||
</ul> | ||
@if (count($insight->tags)) | ||
<ul class="contents font-bold"> | ||
@foreach ($insight->tags as $tag) | ||
<li>#{{ $tag }}</li> | ||
@endforeach | ||
</ul> | ||
@endif | ||
</div> | ||
</div> | ||
</article> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
14 changes: 9 additions & 5 deletions
14
resources/views/front/pages/insights/partials/externalFeedItem.blade.php
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,10 +1,14 @@ | ||
<div> | ||
<a href="{{ $externalFeedItem->url }}"> | ||
{{ $externalFeedItem->title }} | ||
<a class="group" href="{{ $externalFeedItem->url }}"> | ||
<span class="font-bold text-[20px] group-hover:text-oss-spatie-blue">{{ $externalFeedItem->title }}</span> | ||
|
||
<div> | ||
<time | ||
datetime="{{ $externalFeedItem->created_at->format('Y-m-d') }}">{{ $externalFeedItem->created_at->format('d F Y') }}</time> {{ $externalFeedItem->website }} | ||
<div class="mt-3 flex gap-4 items-center text-sm"> | ||
<time datetime="{{ $externalFeedItem->created_at->format('Y-m-d') }}"> | ||
{{ $externalFeedItem->created_at->format('d F Y') }} | ||
</time> | ||
<span class="text-oss-spatie-blue underline"> | ||
{{ $externalFeedItem->website }} | ||
</span> | ||
</div> | ||
</a> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters