Cleanup

Author: driesvints

resources/views/_partials/_search.blade.php

@@ -11,7 +11,7 @@
             name="search" 
             id="search" 
             class="nav-search block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:border-blue-300 focus:ring-blue-500 sm:text-sm transition duration-150 ease-in-out" 
-            placeholder="Search for threads..." 
+            placeholder="Search for threads and articles..."
         />
         <template x-if="results">
             <div x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="search mt-1 origin-top-right absolute right-0 rounded-md shadow-lg z-10">

resources/views/forum/_tags.blade.php

@@ -5,7 +5,7 @@
 <div class="mt-3 space-y-2" aria-labelledby="tags-menu">
     <a 
         href="{{ route('forum', ['filter' => $filter]) }}" 
-        class="group flex items-center px-2.5 py-1 text-sm font-medium text-gray-600 hover:bg-white {{ (! isset($activeTag) ? 'bg-white text-lio-500 border-lio-500 border-l-2' : '') }}"
+        class="group flex items-center px-2.5 py-1 text-sm font-medium text-gray-600 hover:bg-white {{ ! isset($activeTag) ? 'bg-white text-lio-500 border-lio-500 border-l-2' : '' }}"
     >
         <span class="truncate">
             All

resources/views/home.blade.php

@@ -12,16 +12,19 @@
                     <h2 class="text-4xl tracking-tight leading-10 font-extrabold text-gray-900 sm:leading-none">
                         The Laravel Community Portal
                     </h2>
+
                     <p class="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-2xl">
                         The Laravel portal for problem solving, knowledge sharing and community building. <strong>Join {{ $totalUsers }} other artisans.</strong>
                     </p>
+
                     <div class="mt-5 max-w-lg mx-auto sm:flex sm:justify-center md:mt-8">
                         @if (Auth::guest())
                             <div class="rounded-md shadow">
                                 <a href="{{ route('register') }}" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-lio-600 hover:bg-lio-500 focus:outline-none-500 transition duration-150 ease-in-out md:py-4 md:text-lg md:px-10">
                                     Join the Community
                                 </a>
                             </div>
+
                             <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
                                 <a href="{{ route('forum') }}" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-lio-500 bg-white hover:text-lio-600 focus:outline-none transition duration-150 ease-in-out md:py-4 md:text-lg md:px-10">
                                     Visit the Forum
@@ -33,6 +36,7 @@
                                     Start a Thread
                                 </a>
                             </div>
+
                             <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
                                 <a href="{{ route('articles.create') }}" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-lio-600 hover:bg-lio-500 focus:outline-none transition duration-150 ease-in-out md:py-4 md:text-lg md:px-10">
                                     Share an Article
@@ -51,7 +55,10 @@
 
     <div class="border-b bg-gray-100">
         <div class="container mx-auto py-12 px-4">
-            <h2 class="text-4xl text-gray-800 mb-12 text-center">Laravel.io in numbers</h2>
+            <h2 class="text-4xl text-gray-800 mb-12 text-center">
+                Laravel.io in numbers
+            </h2>
+
             <div class="flex flex-wrap w-full md:w-2/3 mx-auto justify-center">
                 <div class="w-full md:w-1/3 h-48 flex justify-center mb-4">
                     <div class="flex flex-col items-center text-center">
@@ -63,18 +70,22 @@
                         </div>
                     </div>
                 </div>
+
                 <div class="w-full md:w-1/3 h-48 flex justify-center mb-4">
                     <div class="flex flex-col items-center text-center">
                         <x-heroicon-o-document-report class="text-lio-500 w-32"/>
+
                         <div class="text-gray-800 uppercase mt-4">
                             <span class="text-2xl block">{{ $totalThreads }}</span>
                             <span class="text-gray-600">threads</span>
                         </div>
                     </div>
                 </div>
+
                 <div class="w-full md:w-1/3 h-48 flex justify-center">
                     <div class="flex flex-col items-center text-center">
                         <x-heroicon-o-clock class="text-lio-500 w-32"/>
+
                         <div class="text-gray-800 uppercase mt-4">
                             <span class="text-2xl block">{{ $resolutionTime }} days</span>
                             <span class="text-gray-600">average resolution</span>
@@ -88,20 +99,25 @@
     <div class="border-b bg-white text-gray-700">
         <div class="container mx-auto py-12 px-4">
             <h2 class="text-4xl text-center">Need help?</h2>
+
             <div class="text-xl text-center mb-8 text-gray-700">
                 Search for the solution
             </div>
+
             <div class="w-full md:w-1/2 mx-auto relative mb-8">
                 <form action="{{ route('forum') }}" method="GET">
                     <input type="search" class="rounded-full border-gray-300 border-2 w-full p-3 text-xl bg-gray-100" placeholder="Search for threads..." name="search">
+
                     <button type="submit" class="absolute top-0 right-0 w-10 h-10 my-2 mx-3">
                         <x-heroicon-o-search class="w-full"/>
                     </button>
                 </form>
             </div>
+
             <div class="flex flex-col items-center">
                 <div class="text-lg text-center mb-8 text-gray-700">
                     Can't find what you're looking for?
+
                     <a href="{{ route('threads.create') }}" class="text-lio-700">
                         Create a new thread
                     </a>
@@ -113,9 +129,11 @@
     <div class="border-b">
         <div class="container mx-auto py-12 px-4">
             <h2 class="text-4xl text-center text-gray-800">You can help others</h2>
+
             <div class="text-xl text-center mb-8 text-gray-800">
                 Take a look at the latest unresolved threads
             </div>
+
             <div class="flex flex-wrap mb-8">
                 @foreach ($latestThreads as $latestThread)
                     <div class="flex w-full md:w-1/3">
@@ -125,6 +143,7 @@
                                     {{ $latestThread->subject() }}
                                 </h3>
                             </a>
+
                             <div class="flex mb-4 md:mb-0">
                                 @include('forum.threads.info.avatar', ['user' => $latestThread->author()])
 
@@ -137,6 +156,7 @@
                     </div>
                 @endforeach
             </div>
+
             <div class="flex justify-center">
                 <a href="{{ route('forum') }}" class="button button-primary button-big">
                     See all threads
@@ -155,18 +175,21 @@
                         <span class="text-xl">Laravel</span>
                     </a>
                 </div>
+
                 <div class="w-1/2 md:w-1/4 mb-4">
                     <a href="https://laracasts.com">
                         <img src="{{ asset('images/laracasts.png') }}" alt="Laracasts logo" title="Laracasts" class="w-16 mx-auto mb-4">
                         <span class="text-xl">Laracasts</span>
                     </a>
                 </div>
+
                 <div class="w-1/2 md:w-1/4 mb-4">
                     <a href="https://laravel-news.com">
                         <img src="{{ asset('images/laravel-news.png') }}" alt="Laravel News logo" title="Laravel News" class="w-16 mx-auto mb-4">
                         <span class="text-xl">Laravel News</span>
                     </a>
                 </div>
+
                 <div class="w-1/2 md:w-1/4 mb-4">
                     <a href="https://www.laravelpodcast.com">
                         <img src="{{ asset('images/podcast.jpg') }}" alt="Laravel Podcast logo" title="Laravel Podcast" class="w-16 mx-auto mb-4">