43 lines
2.0 KiB
PHP
43 lines
2.0 KiB
PHP
|
<x-layouts.app :title="$project->title" :description="$project->summary">
|
||
|
|
<article class="mx-auto max-w-3xl px-6 pt-16 pb-24">
|
||
|
|
<a href="{{ route('projects.index') }}" class="text-sm text-paper-dim transition hover:text-accent">← All projects</a>
|
||
|
|
|
||
|
|
<h1 class="mt-6 font-display text-4xl font-semibold text-paper sm:text-5xl">{{ $project->title }}</h1>
|
||
|
|
|
||
|
|
@if ($project->summary)
|
||
|
|
<p class="mt-4 font-display text-xl text-paper-dim italic">{{ $project->summary }}</p>
|
||
|
|
@endif
|
||
|
|
|
||
|
|
<div class="mt-6 flex flex-wrap items-center gap-4">
|
||
|
|
@if ($project->url)
|
||
|
|
<a href="{{ $project->url }}" target="_blank" rel="noopener noreferrer" class="rounded-full bg-accent px-5 py-2.5 text-sm font-semibold text-ink transition hover:brightness-110">
|
||
|
|
Visit live site
|
||
|
|
</a>
|
||
|
|
@endif
|
||
|
|
@if ($project->repository_url)
|
||
|
|
<a href="{{ $project->repository_url }}" target="_blank" rel="noopener noreferrer" class="rounded-full border border-white/15 px-5 py-2.5 text-sm font-semibold text-paper transition hover:border-white/30">
|
||
|
|
View source
|
||
|
|
</a>
|
||
|
|
@endif
|
||
|
|
</div>
|
||
|
|
|
||
|
|
@if (!empty($project->tech_stack))
|
||
|
|
<div class="mt-6 flex flex-wrap gap-2">
|
||
|
|
@foreach ($project->tech_stack as $tech)
|
||
|
|
<span class="rounded-full bg-accent-soft px-3 py-1 text-xs text-accent">{{ $tech }}</span>
|
||
|
|
@endforeach
|
||
|
|
</div>
|
||
|
|
@endif
|
||
|
|
|
||
|
|
@if ($project->image_url)
|
||
|
|
<img src="{{ $project->image_url }}" alt="{{ $project->title }}" class="mt-10 w-full rounded-2xl border border-white/10">
|
||
|
|
@endif
|
||
|
|
|
||
|
|
@if ($project->description)
|
||
|
|
<div class="prose prose-invert mt-10 max-w-none text-paper-dim prose-headings:font-display prose-headings:text-paper prose-a:text-accent">
|
||
|
|
{!! $project->description !!}
|
||
|
|
</div>
|
||
|
|
@endif
|
||
|
|
</article>
|
||
|
|
</x-layouts.app>
|