Added controller, views and routes for projects

app/Http/Controllers/ProjectController.php

@@ -0,0 +1,77 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Post;
+use App\Models\Project;
+use Illuminate\Http\Request;
+use Illuminate\Support\Str;
+use Illuminate\View\View;
+
+class ProjectController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        seo()->title('Projects - '.config('app.name'));
+        $projects = Project::active()->orderByDesc('start_date')->paginate(12);
+        return view('projects.index', compact('projects'));
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create()
+    {
+        //
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(Request $request)
+    {
+        //
+    }
+
+    public function show($param): View
+    {
+        $project = Project::where('uuid', $param)
+            ->orWhere('slug', $param)
+            ->active()
+            ->firstOrFail();
+        abort_if(! $project, 404);
+        views($project)->cooldown(60)->record();
+
+        seo()->title($project->title.' - Projects - '.config('app.name'));
+        seo()->description(strip_tags(Str::of(Str::limit($project->content, 150))->markdown()));
+
+        return view('project.show', compact('project'));
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(string $id)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(Request $request, string $id)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(string $id)
+    {
+        //
+    }
+}

resources/views/layouts/guest.blade.php

@@ -43,6 +43,7 @@
                                 <ul class="flex mx-auto w-fit rounded-full bg-white/90 px-3 text-sm font-medium text-slate-800 shadow-lg shadow-slate-800/5 ring-1 ring-slate-900/5 backdrop-blur dark:bg-slate-800/90 dark:text-slate-200 dark:ring-white/10">
                                     <li><x-nav-link-front href="{{ route('home') }}" :active="request()->routeIs('home')">Home</x-nav-link-front></li>
                                     <li><x-nav-link-front href="{{ route('blog.index') }}" :active="request()->routeIs('blog.*')">Blog</x-nav-link-front></li>
+                                    <li><x-nav-link-front href="{{ route('projects.index') }}" :active="request()->routeIs('projects.*')">Projects</x-nav-link-front></li>
                                     <li><x-nav-link-front href="{{ route('about') }}" :active="request()->routeIs('about')">About</x-nav-link-front></li>
                                     @if(config('blog.uses'))
                                         <li><x-nav-link-front href="{{ route('uses') }}">My Setup</x-nav-link-front></li>

resources/views/project/index.blade.php

@@ -0,0 +1,86 @@
+@php use Illuminate\Foundation\Inspiring; @endphp
+<x-guest-layout>
+    <section id="blog" class="mx-auto max-w-2xl lg:max-w-5xl">
+        <h1 class="text-3xl font-bold text-gray-900 dark:text-gray-50 lg:text-4xl">
+            <x-gradient-text>Projects</x-gradient-text>
+            <span class="mt-2 text-sm text-gray-500 dark:text-gray-400">A collection of projects I have worked on in the years.</span>
+        </h1>
+        <div class="mt-16 sm:mt-20">
+            <ul role="list" class="grid grid-cols-1 gap-x-6 gap-y-8 lg:grid-cols-2">
+                @forelse($projects as $project)
+                    <li class="overflow-hidden rounded-xl border border-gray-200 dark:border-gray-700 dark:bg-gray-800">
+                        <a href="{{ route('projects.show', $project->slug) }}"
+                            class="flex items-center gap-x-4 border-b border-gray-900/5 bg-gray-100 p-6 dark:bg-gray-900">
+                            <img src="{{ $project->logo_url }}" alt="{{ $project->title }}"
+                                 class="h-12 w-12 flex-none rounded-lg bg-white object-cover ring-1 ring-gray-200/10">
+                            <div
+                                class="text-lg font-bold leading-6 text-gray-900 dark:text-gray-200">{{ $project->title }}</div>
+                        </a>
+                        <dl class="-my-3 divide-y divide-gray-100 dark:divide-gray-700 px-6 py-4 text-sm leading-6">
+                            <div class="flex justify-between gap-x-4 py-3">
+                                <dt class="text-gray-500 dark:text-gray-300">Started</dt>
+                                <dd class="text-gray-700 dark:text-gray-200">
+                                    <time
+                                        datetime="{{ $project->start_date }}">{{ $project->start_date->isoFormat('LL') }}</time>
+                                </dd>
+                            </div>
+                            @if($project->end_date)
+                                <div class="flex justify-between gap-x-4 py-3">
+                                    <dt class="text-gray-500 dark:text-gray-300">Ended</dt>
+                                    <dd class="text-gray-700 dark:text-gray-200">
+                                        <time
+                                            datetime="{{ $project->end_date }}">{{ $project->end_date->isoFormat('LL') }}</time>
+                                    </dd>
+                                </div>
+                            @endif
+                            <div class="flex justify-between gap-x-4 py-3">
+                                <dt class="text-gray-500 dark:text-gray-300">Status</dt>
+                                <dd class="text-gray-700 dark:text-gray-200">
+                                    {{ $project->status }}
+                                </dd>
+                            </div>
+                        </dl>
+                        <div class="border-t border-gray-200 dark:bg-gray-900 dark:border-gray-700">
+                            <div class="-mt-px flex divide-x divide-gray-200 dark:divide-gray-700">
+                                @if($project->repository)
+                                    <div class="flex w-0 flex-1">
+                                        <a href="{{ $project->repository }}"
+                                           class="relative -mr-px inline-flex w-0 flex-1 items-center justify-center gap-x-1 rounded-bl-lg border border-transparent py-4 text-sm font-semibold text-gray-900 hover:text-gray-600 dark:text-gray-200 dark:hover:text-gray-400">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256"><path d="M208.31,75.68A59.78,59.78,0,0,0,202.93,28,8,8,0,0,0,196,24a59.75,59.75,0,0,0-48,24H124A59.75,59.75,0,0,0,76,24a8,8,0,0,0-6.93,4,59.78,59.78,0,0,0-5.38,47.68A58.14,58.14,0,0,0,56,104v8a56.06,56.06,0,0,0,48.44,55.47A39.8,39.8,0,0,0,96,192v8H72a24,24,0,0,1-24-24A40,40,0,0,0,8,136a8,8,0,0,0,0,16,24,24,0,0,1,24,24,40,40,0,0,0,40,40H96v16a8,8,0,0,0,16,0V192a24,24,0,0,1,48,0v40a8,8,0,0,0,16,0V192a39.8,39.8,0,0,0-8.44-24.53A56.06,56.06,0,0,0,216,112v-8A58.14,58.14,0,0,0,208.31,75.68ZM200,112a40,40,0,0,1-40,40H112a40,40,0,0,1-40-40v-8a41.74,41.74,0,0,1,6.9-22.48A8,8,0,0,0,80,73.83a43.81,43.81,0,0,1,.79-33.58,43.88,43.88,0,0,1,32.32,20.06A8,8,0,0,0,119.82,64h32.35a8,8,0,0,0,6.74-3.69,43.87,43.87,0,0,1,32.32-20.06A43.81,43.81,0,0,1,192,73.83a8.09,8.09,0,0,0,1,7.65A41.72,41.72,0,0,1,200,104Z"></path></svg>
+                                            Repository
+                                        </a>
+                                    </div>
+                                @endif
+                                @if($project->website)
+                                    <div class="flex w-0 flex-1">
+                                        <a href="{{ $project->website }}"
+                                           class="relative inline-flex w-0 flex-1 items-center justify-center gap-x-1 rounded-br-lg border border-transparent py-4 text-sm font-semibold text-gray-900 hover:text-gray-600 dark:text-gray-200 dark:hover:text-gray-400">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256"><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V88H40V56Zm0,144H40V104H216v96Z"></path></svg>
+                                            Website
+                                        </a>
+                                    </div>
+                                @endif
+                                <div class="flex w-0 flex-1">
+                                    <a href="{{ route('projects.show', $project->slug) }}"
+                                       class="relative -mr-px inline-flex w-0 flex-1 items-center justify-center gap-x-1 rounded-bl-lg border border-transparent py-4 text-sm font-semibold text-gray-900 hover:text-gray-600 dark:text-gray-200 dark:hover:text-gray-400">
+                                        Read More
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                @empty
+                    <div class="w-full m-auto text-center">
+                        <x-gradient-text>{!! Inspiring::quote() !!}</x-gradient-text>
+                    </div>
+                @endforelse
+            </ul>
+        </div>
+        @if(!$projects->isEmpty())
+            <div class="mt-8 w-full m-auto">
+                {!! $projects->links() !!}
+            </div>
+        @endif
+    </section>
+</x-guest-layout>

resources/views/project/show.blade.php

@@ -0,0 +1,50 @@
+<x-guest-layout>
+    <div class="flex flex-col max-w-2xl mx-auto">
+
+        {{--<a href="{{ route('blog.index') }}" class="text-base md:text-sm text-orange-400 hover:text-orange-300 font-bold no-underline mb-8">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline-block" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" />
+            </svg>
+            Back to the blog
+        </a>--}}
+
+        <time datetime="{{ $project->start_date->isoFormat('Y-m-d') }}" class="order-first flex items-center text-sm sm:text-base text-slate-400 dark:text-slate-500"><span class="h-4 w-0.5 rounded-full bg-slate-200 dark:bg-slate-500"></span><span class="ml-3">{{ $project->start_date->isoFormat('LL') }}</span></time>
+
+        <h1 class="text-3xl font-semibold sm:text-4xl lg:text-5xl break-word mt-4"><x-gradient-text>{{ $project->title }}</x-gradient-text></h1>
+
+        <p class="text-xs sm:text-sm font-medium text-gray-400 mt-2">
+            {{ read_time($project->content)}} &middot;  {{ App\Helpers\NumberHelper::nearestK(views($project)->count()) }} {{ Str::plural('view', views($project)->count()) }} &middot; {{ $project->likes_count }} {{ Str::plural('like', $project->likes_count) }}
+            {{--@foreach ($post->tags as $tag)
+                <span class="inline-flex items-center justify-center mr-1 font-semibold leading-none uppercase">{{ $tag->name }}</span>
+            @endforeach--}}
+        </p>
+
+        @if (now()->subYears(1) > $project->created_at)
+            <div class="rounded-md bg-blue-50 p-4 mt-8">
+                <div class="flex">
+                    <div class="flex-shrink-0">
+                        <svg class="h-5 w-5 text-blue-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                            <path fill-rule="evenodd"
+                                  d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z"
+                                  clip-rule="evenodd"/>
+                        </svg>
+                    </div>
+                    <div class="ml-3 flex-1 md:flex md:justify-between">
+                        <p class="text-sm text-blue-700">{{ __('Note: This article was published over a year ago. Information within may have changed since then. While efforts are made to keep content current, please verify critical details before making decisions based on this information.') }}</p>
+                    </div>
+                </div>
+            </div>
+        @endif
+
+        {{--<div class="flex items-center justify-center pb-8 mt-4 text-xs leading-5 text-center border-b border-gray-100 dark:border-gray-700">
+            @foreach ($project->tags as $tag)
+                <span class="inline-flex items-center justify-center px-2 py-1 mr-1 font-bold leading-none uppercase bg-gray-900 rounded text-orange-50 dark:text-gray-300 dark:bg-gray-700">{{ $tag->name }}</span>
+            @endforeach
+        </div>--}}
+
+        <article class="w-full mt-6 prose max-w-2xl lg:mt-10 dark:prose-invert prose-a:text-orange-500 prose-h1:text-4xl">
+            <x-markdown>{!! $project->content !!}</x-markdown>
+        </article>
+
+    </div>
+</x-guest-layout>

routes/web.php

@@ -3,6 +3,7 @@
 use App\Http\Controllers\BlogController;
 use App\Http\Controllers\ExportController;
 use App\Http\Controllers\HomeController;
+use App\Http\Controllers\ProjectController;
 use Illuminate\Support\Facades\Route;
 
 /*
@@ -26,6 +27,7 @@
 })->name('cv');
 
 Route::resource('blog', BlogController::class);
+Route::resource('projects', ProjectController::class);
 
 Route::get('/uses', function () {
     return redirect()->route('blog.show', ['blog' => config('blog.uses')]);