Add .shift to open Pull Request

.gitea/workflows/renovate.yaml

@@ -1,25 +0,0 @@
-name: renovate
-
-on:
-  workflow_dispatch:
-  schedule:
-    - cron: "@daily"
-  push:
-    branches:
-      - main
-
-jobs:
-  renovate:
-    runs-on: ubuntu-latest
-    container: ghcr.io/renovatebot/renovate:43.2.6
-    steps:
-      - uses: actions/checkout@v4
-
-      - run: renovate
-        working-directory: ${{ gitea.workspace }}
-        env:
-          RENOVATE_CONFIG_FILE: "renovate-config.json"
-          LOG_LEVEL: "info"
-          RENOVATE_TOKEN: ${{ secrets.RENOVATE_TOKEN }}
-          GITHUB_COM_TOKEN: ${{ secrets.RENOVATE_GITHUB_TOKEN }}
-        

.github/dependabot.yml

@@ -0,0 +1,15 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "daily"
+  - package-ecosystem: "composer"
+    directory: "/"
+    schedule:
+      interval: "daily"

.github/workflows/laravel.yml

@@ -3,55 +3,40 @@ name: Laravel
 on:
     push:
         branches: ["main"]
-    pull_request:
 
 jobs:
     laravel-tests:
         runs-on: ubuntu-latest
 
         steps:
-            - uses: actions/checkout@v4
-            
             - uses: shivammathur/setup-php@v2
               with:
-                  php-version: "8.4"
+                  php-version: "8.2"
-            
+            - uses: actions/checkout@v3
             - name: Copy .env
               run: php -r "file_exists('.env') || copy('.env.example', '.env');"
-            
+            - name: Install Dependencies
-            - name: Install PHP Dependencies
               run: composer install -q --no-interaction --no-progress --prefer-dist
-            
             - name: Generate key
               run: php artisan key:generate
-            
             - name: Directory Permissions
               run: chmod -R 777 storage bootstrap/cache
-            
             - name: Create Database
               run: |
                   mkdir -p database
                   touch database/database.sqlite
-            
+            - name: Execute tests (Unit and Feature tests) via PHPUnit
-            - name: Install Node.js
-              uses: actions/setup-node@v2
-              with:
-                  node-version: "20"
-            
-            - name: Install Node dependencies
-              run: npm ci
-              
-            - name: Build frontend
-              run: npm run build
-  
-            - name: Run migrations
-              env:
-                DB_CONNECTION: sqlite
-                DB_DATABASE: database/database.sqlite
-              run: php artisan migrate --force
-  
-            - name: Run PHPUnit
               env:
                   DB_CONNECTION: sqlite
                   DB_DATABASE: database/database.sqlite
               run: vendor/bin/phpunit
+            - name: Install Node.js
+              uses: actions/setup-node@v2
+              with:
+                  node-version: "16.x"
+            - name: Install dependencies
+              run: npm ci
+            - name: Run Vue tests
+              env:
+                  LARAVEL_BYPASS_ENV_CHECK: "1"
+              run: npm run test

.gitignore

@@ -260,5 +260,3 @@ phpcbf.phar
 ### PHPStorm ###
 .idea/
 
-### Deployment ###
-/deploy.sh

.shift

@@ -0,0 +1,4 @@
+This file was added by Shift #161875 in order to open a
+Pull Request since no other commits were made.
+
+You should remove this file.

README.md

@@ -49,24 +49,6 @@ We would like to extend our thanks to the following sponsors for funding Laravel
 - **[byte5](https://byte5.de)**
 - **[OP.GG](https://op.gg)**
 
-## Code Style
-
-This project uses [Laravel Pint](https://laravel.com/docs/pint) for code styling. Pint is an opinionated PHP code style fixer for minimalists, built on top of PHP-CS-Fixer.
-
-To automatically fix code style issues, run:
-
-```bash
-composer pint
-```
-
-To check for code style issues without fixing them:
-
-```bash
-composer pint-test
-```
-
-The code style configuration can be found in `pint.json`.
-
 ## Contributing
 
 Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).

app/Http/Controllers/HomeController.php

@@ -9,11 +9,11 @@ class HomeController extends Controller
 {
     public function index()
     {
-        // $posts = Post::query()->orderBy('created_at', 'desc')->limit(4)->get();
+        $posts = Post::query()->orderBy('created_at', 'desc')->limit(4)->get();
         $workshops = Workshop::query()->where('starts_at', '>', now())->where('status', '!=', 'private')->orderBy('starts_at', 'asc')->limit(4)->get();
 
         return view('home', [
-            // 'posts' => $posts,
+            'posts' => $posts,
             'workshops' => $workshops,
         ]);
     }

app/Http/Controllers/MediaController.php

@@ -111,17 +111,15 @@ class MediaController extends Controller
     public function admin_store(Request $request)
     {
         $file = null;
-        $cleanupPath = null;
 
         // Check if the endpoint received a file...
         if($request->hasFile('file')) {
             try {
                 $file = $this->upload($request);
 
-                if(is_array($file) && !empty($file['chunk'])) {
+                if($file === true) {
                     return response()->json([
                         'message' => 'Chunk stored',
-                        'upload_token' => $file['token'] ?? null,
                     ]);
                 } else if(!$file) {
                     return response()->json([
@@ -152,20 +150,8 @@ class MediaController extends Controller
             }
 
         // else check if it received a file name of a previous upload...
-        } else if($request->has('upload_token') || $request->has('file')) {
+        } else if($request->has('file')) {
-            $uploadToken = $request->input('upload_token', $request->input('file'));
+            $tempFileName = sys_get_temp_dir() . '/chunk-' . Auth::id() . '-' . $request->file;
-            $chunkUploads = session()->get('chunk_uploads', []);
-
-            if(!is_string($uploadToken) || !isset($chunkUploads[$uploadToken])) {
-                return response()->json([
-                    'message' => 'Could not find the referenced file on the server.',
-                    'errors' => [
-                        'file' => 'Could not find the referenced file on the server.'
-                    ]
-                ], 422);
-            }
-
-            $tempFileName = $chunkUploads[$uploadToken];
             if(!file_exists($tempFileName)) {
                 return response()->json([
                     'message' => 'Could not find the referenced file on the server.',
@@ -179,16 +165,7 @@ class MediaController extends Controller
             if($fileMime === false) {
                 $fileMime = 'application/octet-stream';
             }
-            $fileName = $request->input('filename', 'upload');
+            $file = new UploadedFile($tempFileName, $request->file, $fileMime, null, true);
-            $fileName = Helpers::cleanFileName($fileName);
-            if ($fileName === '') {
-                $fileName = 'upload';
-            }
-
-            $file = new UploadedFile($tempFileName, $fileName, $fileMime, null, true);
-            $cleanupPath = $tempFileName;
-            unset($chunkUploads[$uploadToken]);
-            session()->put('chunk_uploads', $chunkUploads);
         }
 
         // Check there is an actual file
@@ -265,13 +242,7 @@ class MediaController extends Controller
             }
         }
 
-        if(is_string($cleanupPath)) {
+        unlink($file->getRealPath());
-            $realPath = realpath($cleanupPath);
-            $tempDir = realpath(sys_get_temp_dir());
-            if($realPath !== false && $tempDir !== false && str_starts_with($realPath, $tempDir . DIRECTORY_SEPARATOR)) {
-                @unlink($realPath);
-            }
-        }
 
         if($request->wantsJson()) {
             return response()->json([
@@ -415,10 +386,6 @@ class MediaController extends Controller
 
         $fileName = $request->input('filename', $file->getClientOriginalName());
         $fileName = Helpers::cleanFileName($fileName);
-        if ($fileName === '') {
-            $extension = strtolower($file->getClientOriginalExtension());
-            $fileName = 'upload' . ($extension !== '' ? '.' . $extension : '');
-        }
 
         if(($request->has('filestart') || $request->has('fileappend')) && $request->has('filesize')) {
             $fileSize = $request->get('filesize');
@@ -427,25 +394,7 @@ class MediaController extends Controller
                 throw new FileTooLargeException('The file is larger than the maximum size allowed of ' . Helpers::bytesToString($max_size));
             }
 
-            $chunkUploads = session()->get('chunk_uploads', []);
+            $tempFilePath = sys_get_temp_dir() . '/chunk-' . Auth::id() . '-' . $fileName;
-            $uploadToken = $request->input('upload_token');
-
-            if($request->has('filestart')) {
-                $uploadToken = bin2hex(random_bytes(16));
-                $tempFilePath = tempnam(sys_get_temp_dir(), 'chunk-' . Auth::id() . '-');
-                if($tempFilePath === false) {
-                    throw new FileInvalidException('Unable to create a temporary upload file.');
-                }
-
-                $chunkUploads[$uploadToken] = $tempFilePath;
-                session()->put('chunk_uploads', $chunkUploads);
-            } else {
-                if(!is_string($uploadToken) || !isset($chunkUploads[$uploadToken])) {
-                    throw new FileInvalidException('Invalid upload token.');
-                }
-
-                $tempFilePath = $chunkUploads[$uploadToken];
-            }
 
             $filemode = 'a';
             if($request->has('filestart')) {
@@ -466,17 +415,9 @@ class MediaController extends Controller
                     $fileMime = 'application/octet-stream';
                 }
 
-                if(is_string($uploadToken) && isset($chunkUploads[$uploadToken])) {
-                    unset($chunkUploads[$uploadToken]);
-                    session()->put('chunk_uploads', $chunkUploads);
-                }
-
                 return new UploadedFile($tempFilePath, $fileName, $fileMime, null, true);
             } else {
-                return [
+                return true;
-                    'chunk' => true,
-                    'token' => $uploadToken,
-                ];
             }
         }
 

app/Http/Controllers/SearchController.php

@@ -34,23 +34,23 @@ class SearchController extends Controller
         $workshops = $workshopQuery->orderBy('starts_at', 'desc')
             ->paginate(6, ['*'], 'workshop');
 
-//        $postQuery = Post::query()->where('status', 'published');
+        $postQuery = Post::query()->where('status', 'published');
-//        $postQuery->where(function ($query) use ($search_words) {
+        $postQuery->where(function ($query) use ($search_words) {
-//            foreach ($search_words as $word) {
+            foreach ($search_words as $word) {
-//                $query->where(function ($subQuery) use ($word) {
+                $query->where(function ($subQuery) use ($word) {
-//                    $subQuery->where('title', 'like', '%' . $word . '%')
+                    $subQuery->where('title', 'like', '%' . $word . '%')
-//                        ->orWhere('content', 'like', '%' . $word . '%');
+                        ->orWhere('content', 'like', '%' . $word . '%');
-//                });
+                });
-//            }
+            }
-//        });
+        });
-//
+
-//        $posts = $postQuery->orderBy('created_at', 'desc')
+        $posts = $postQuery->orderBy('created_at', 'desc')
-//            ->paginate(6, ['*'], 'post')
+            ->paginate(6, ['*'], 'post')
-//            ->onEachSide(1);
+            ->onEachSide(1);
 
         return view('search', [
             'workshops' => $workshops,
-//            'posts'     => $posts,
+            'posts'     => $posts,
             'search'    => $search,
         ]);
     }

composer.json

@@ -5,14 +5,14 @@
     "keywords": ["laravel", "framework"],
     "license": "MIT",
     "require": {
-        "php": "^8.4",
+        "php": "^8.2",
         "ext-imagick": "*",
         "chillerlan/php-qrcode": "^5.0",
         "gehrisandro/tailwind-merge-laravel": "^1.2",
         "intervention/image": "^3.5",
-        "laravel/framework": "^12.0",
+        "laravel/framework": "^11.0",
         "laravel/tinker": "^2.9",
-        "livewire/livewire": "^4.1",
+        "livewire/livewire": "^3.4",
         "php-ffmpeg/php-ffmpeg": "^1.2",
         "robthree/twofactorauth": "^3.0"
     },
@@ -22,7 +22,8 @@
         "laravel/pint": "^1.13",
         "laravel/sail": "^1.26",
         "mockery/mockery": "^1.6",
-        "phpunit/phpunit": "^12.5",
+        "nunomaduro/collision": "^8.0",
+        "phpunit/phpunit": "^10.5",
         "spatie/laravel-ignition": "^2.4"
     },
     "autoload": {
@@ -52,12 +53,6 @@
             "@php artisan key:generate --ansi",
             "@php -r \"file_exists('database/database.sqlite') || touch('database/database.sqlite');\"",
             "@php artisan migrate --graceful --ansi"
-        ],
-        "pint": [
-            "./vendor/bin/pint"
-        ],
-        "pint-test": [
-            "./vendor/bin/pint --test"
         ]
     },
     "extra": {
@@ -66,9 +61,6 @@
         }
     },
     "config": {
-        "platform": {
-            "php": "8.4.17"
-        },
         "optimize-autoloader": true,
         "preferred-install": "dist",
         "sort-packages": true,

config/app.php

@@ -123,7 +123,5 @@ return [
         'store' => env('APP_MAINTENANCE_STORE', 'database'),
     ],
 
-    'notice' => env('APP_NOTICE', ''),
+    'notice' => env('APP_NOTICE', '')
-    'version' => env('APP_VERSION', 'dev'),
-    'commit' => env('APP_COMMIT', ''),
 ];

package.json

@@ -3,29 +3,27 @@
     "type": "module",
     "scripts": {
         "dev": "vite",
-        "build": "vite build",
+        "build": "vite build"
-        "snyk:test": "snyk test --all-projects --exclude=vendor"
     },
     "devDependencies": {
-        "@tailwindcss/vite": "^4.1.17",
+        "autoprefixer": "^10.4.19",
-        "autoprefixer": "^10.4.24",
+        "axios": "^1.6.4",
-        "axios": "^1.13.4",
+        "laravel-vite-plugin": "^1.0",
-        "laravel-vite-plugin": "^2.0.1",
         "postcss": "^8.4.38",
-        "vite": "^7.3.0"
+        "tailwindcss": "^3.4.3",
+        "vite": "^5.0"
     },
     "dependencies": {
-        "@tiptap/core": "^3.10.7",
+        "@tiptap/core": "^2.3.0",
-        "@tiptap/extension-highlight": "^3.18.0",
+        "@tiptap/extension-highlight": "^2.3.0",
-        "@tiptap/extension-image": "^3.18.0",
+        "@tiptap/extension-image": "^2.3.0",
-        "@tiptap/extension-link": "^3.18.0",
+        "@tiptap/extension-link": "^2.3.0",
-        "@tiptap/extension-subscript": "^3.18.0",
+        "@tiptap/extension-subscript": "^2.3.0",
-        "@tiptap/extension-superscript": "^3.18.0",
+        "@tiptap/extension-superscript": "^2.3.0",
-        "@tiptap/extension-text-align": "^3.18.0",
+        "@tiptap/extension-text-align": "^2.3.0",
-        "@tiptap/extension-typography": "^3.18.0",
+        "@tiptap/extension-typography": "^2.3.0",
-        "@tiptap/extension-underline": "^3.18.0",
+        "@tiptap/extension-underline": "^2.3.0",
-        "@tiptap/pm": "^3.10.7",
+        "@tiptap/pm": "^2.3.0",
-        "@tiptap/starter-kit": "^3.18.0",
+        "@tiptap/starter-kit": "^2.3.0"
-        "tailwindcss": "^4.1.17"
     }
 }

pint.json

@@ -1,8 +0,0 @@
-{
-    "preset": "laravel",
-    "rules": {
-        "simplified_null_return": true,
-        "new_with_braces": true,
-        "no_unused_imports": true
-    }
-}

postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

public/script.js

@@ -1,26 +1,4 @@
 let SM = {
-    redirectIfSafe: (target) => {
-        if (typeof target !== 'string' || target === '') {
-            window.location.assign('/');
-            return;
-        }
-
-        let url;
-        try {
-            url = new URL(target, window.location.origin);
-        } catch (error) {
-            window.location.assign('/');
-            return;
-        }
-
-        if (url.origin !== window.location.origin) {
-            window.location.assign('/');
-            return;
-        }
-
-        window.location.assign(url.href);
-    },
-
     alert: (title, text, type = 'info') =>{
         const data = {
             position: 'top-end',
@@ -106,7 +84,7 @@ let SM = {
                 axios.delete(url)
                 .then((response) => {
                     if(response.data.success){
-                        SM.redirectIfSafe(response.data.redirect);
+                        window.location.href = response.data.redirect;
                     }
                 })
                 .catch(() => {
@@ -158,7 +136,7 @@ let SM = {
             }
         }
 
-        const uploadFile = (file, start, title, idx, count, uploadToken = null) => {
+        const uploadFile = (file, start, title, idx, count) => {
             const showPercentDecimals = (file.size > (1024 * 1024 * 40));
             const chunkSize = 1024 * 1024 * 2;
             const end = Math.min(file.size, start + chunkSize);
@@ -168,9 +146,6 @@ let SM = {
             formData.append('file', chunk);
             formData.append('filename', file.name);
             formData.append('filesize', file.size);
-            if (uploadToken) {
-                formData.append('upload_token', uploadToken);
-            }
 
             if (start === 0) {
                 formData.append('filestart', 'true');
@@ -208,10 +183,6 @@ let SM = {
                 }
             }).then((response) => {
                 if (response.status === 200) {
-                    if (response.data && response.data.upload_token) {
-                        uploadToken = response.data.upload_token;
-                    }
-
                     if (end >= file.size) {
                         uploadedFiles.push({ file: file, title: title, data: response.data });
 
@@ -234,13 +205,12 @@ let SM = {
                         } else {
                             start = 0;
                             idx += 1;
-                            uploadToken = null;
                         }
                     } else {
                         start = end;
                     }
 
-                    uploadFile(files[idx], start, titles[idx] || '', idx, files.length, uploadToken);
+                    uploadFile(files[idx], start, titles[idx] || '', idx, files.length);
                 } else {
                     showError(response.data.message);
                 }

renovate-config.json

@@ -1,8 +0,0 @@
-{
-  "endpoint": "https://git.stemmechanics.com.au/api/v1",
-  "gitAuthor": "Renovate Bot <renovate-bot@stemmechanics.com.au>",
-  "platform": "gitea",
-  "onboardingConfigFileName": "renovate.json",
-  "autodiscover": true,
-  "optimizeForDisabled": true
-}

renovate.json

@@ -1,24 +0,0 @@
-{
-    "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-    "extends": [
-        "config:recommended"
-    ],
-    "automerge": true,
-    "platformAutomerge": true,
-    "ignoreTests": true,
-    "packageRules": [
-        {
-            "matchUpdateTypes": [
-                "patch"
-            ],
-            "automerge": true
-        },
-        {
-            "matchUpdateTypes": [
-                "minor",
-                "major"
-            ],
-            "automerge": false
-        }
-    ]
-}

resources/css/app.css

@@ -1,24 +1,6 @@
-@import "tailwindcss";
+@tailwind base;
-
+@tailwind components;
-@source "../**/*.{blade.php,js,php,vue}";
+@tailwind utilities;
-
-@theme {
-    /* Color tokens */
-    --color-primary-color: #0284C7;
-    --color-primary-color-dark: #0370A1;
-    --color-primary-color-light: #0EA5E9;
-
-    --color-danger-color: #b91c1c;
-    --color-danger-color-dark: #991b1b;
-    --color-danger-color-light: #dc2626;
-
-    --color-success-color: #16a34a;
-    --color-success-color-dark: #22c55e;
-    --color-success-color-light: #4ade80;
-
-    /* Box shadows */
-    --shadow-deep: 0 10px 15px rgba(0, 0, 0, 0.5);
-}
 
 html, body {
     @apply bg-gray-100;

resources/js/editor/TipTap.js

@@ -1,7 +1,6 @@
 import Link from "@tiptap/extension-link";
 import {Editor} from "@tiptap/core";
 import StarterKit from "@tiptap/starter-kit";
-import Underline from "@tiptap/extension-underline";
 import Highlight from "@tiptap/extension-highlight";
 import TextAlign from "@tiptap/extension-text-align";
 import Typography from "@tiptap/extension-typography";
@@ -50,16 +49,12 @@ document.addEventListener('alpine:init', () => {
                 editor = new Editor({
                     element: this.$refs.element,
                     extensions: [
-                        StarterKit.configure({
+                        StarterKit,
-                            link: false,
-                            underline: false,
-                        }),
                         Highlight,
                         CustomLink.configure({
                             rel: 'noopener noreferrer',
                             openOnClick: 'whenNotEditable',
                         }),
-                        Underline,
                         TextAlign.configure({
                             types: ['heading', 'paragraph', 'small', 'extraSmall'],
                         }),
@@ -70,11 +65,6 @@ document.addEventListener('alpine:init', () => {
                         ExtraSmall,
                         Box
                     ],
-                    editorProps: {
-                        attributes: {
-                            class: 'tiptap content',
-                        },
-                    },
                     content: content,
                     onCreate({/* editor */}) {
                         _this.updatedAt = Date.now()
@@ -151,9 +141,6 @@ document.addEventListener('alpine:init', () => {
             unsetAllMarks() {
                 editor.chain().focus().unsetAllMarks().run()
             },
-            clearNodes() {
-                editor.chain().focus().clearNodes().run()
-            },
             clearNotes() {
                 editor.chain().focus().clearNodes().run()
             },

resources/views/components/footer.blade.php

@@ -2,20 +2,15 @@
     <section class="flex flex-col sm:flex-row gap-8 sm:gap-4 mb-12">
         <div class="text-center sm:text-left sm:w-2/3 text-sm self-center sm:pr-8">STEMMechanics Australia acknowledges the Traditional Owners of Country throughout Australia and the continuing connection to land, cultures and communities. We pay our respect to Aboriginal and Torres Strait Islander cultures; and to Elders both past, present and emerging.</div>
         <ul class="sm:w-1/3 flex flex-col gap-0.5 text-center sm:text-left">
-            <li>
+            <li><h3 class="font-bold mb-2">Community</h3></li>
-                <h3 class="font-bold mb-2">Community</h3>
-            </li>
             <li><a href="https://github.com/stemmechanics" class="text-sm hover:text-primary-color">GitHub</a></li>
             <li><a href="https://discord.gg/yNzk4x7mpD" class="text-sm hover:text-primary-color">Discord</a></li>
             <li><a href="https://www.facebook.com/stemmechanics" class="text-sm hover:text-primary-color">Facebook</a></li>
             <li><a href="https://www.stemcraft.com.au/" class="text-sm hover:text-primary-color">STEMCraft (Minecraft)</a></li>
-            <li><a href="https://jenkins.stemmechanics.com.au/" class="text-sm hover:text-primary-color">Jenkins</a></li>
             <li><a href="https://youtube.com/@STEMMechanics" class="text-sm hover:text-primary-color">YouTube</a></li>
         </ul>
         <ul class="sm:w-1/3 flex flex-col gap-0.5 text-center sm:text-left">
-            <li>
+            <li><h3 class="font-bold mb-2">STEMMechanics</h3></li>
-                <h3 class="font-bold mb-2">STEMMechanics</h3>
-            </li>
             <li><a href="{{ route('about') }}" class="text-sm hover:text-primary-color">About</a></li>
             <li><a href="{{ route('contact') }}" class="text-sm hover:text-primary-color">Contact Us</a></li>
             <li><a href="{{ route('code-of-conduct') }}" class="text-sm hover:text-primary-color">Code of Conduct</a></li>
@@ -25,13 +20,6 @@
     </section>
     <section class="border-t border-t-gray-600 pt-8 flex justify-between text-xs items-center flex-col sm:flex-row">
         <div class="mb-3 sm:mb-0">@includeSVG('logo.svg', 'width:10rem;margin-top:-0.2rem;color:#DDD')</div>
-        @php $commit = config('app.commit'); @endphp
+        <div>Made with ❤️&nbsp;© {{ date('Y') }} STEMMechanics</div>
-        <div>
-            Made with ❤️&nbsp;© {{ date('Y') }} STEMMechanics
-            • v{{ config('app.version') }}
-            @if(!empty($commit))
-                ({{ substr($commit, 0, 10) }})
-            @endif
-        </div>
     </section>
 </footer>

resources/views/components/navbar.blade.php

@@ -43,7 +43,7 @@
         </div>
 
         <div x-show="pageMenuOpen" @click.away="pageMenuOpen=false" x-cloak class="fixed left-0 top-0 h-full w-full z-20" role="menu" aria-labelledby="page-menu-button" tabindex="-1">
-            <div x-show="pageMenuOpen" @click="pageMenuOpen=false" class="absolute inset-0 bg-black/40 backdrop-blur-sm"
+            <div x-show="pageMenuOpen" @click="pageMenuOpen=false" class="absolute inset-0 bg-black bg-opacity-40 backdrop-blur-sm"
                  x-transition:enter="transition ease-out duration-300"
                  x-transition:enter-start="opacity-0"
                  x-transition:enter-end="opacity-100"
@@ -90,7 +90,7 @@
             @click.away="userMenuOpen=false"
             x-cloak
             >
-            <div x-show="userMenuOpen" @click="userMenuOpen=false" class="fixed left-0 w-screen z-20 h-screen bg-black/40 backdrop-blur-sm"
+            <div x-show="userMenuOpen" @click="userMenuOpen=false" class="fixed left-0 w-screen z-20 h-screen bg-black bg-opacity-40 backdrop-blur-sm"
                  x-transition:enter="transition ease-out duration-300"
                  x-transition:enter-start="opacity-0"
                  x-transition:enter-end="opacity-100"
@@ -99,7 +99,7 @@
                  x-transition:leave-end="opacity-0"></div>
             <div
                 x-show="userMenuOpen"
-                class="absolute w-full right-0 sm:right-5 sm:top-12 z-50 sm:mt-2 sm:w-64 origin-top-right sm:rounded-md bg-white py-3 px-2 shadow-lg border-t border-gray-200 sm:ring-1 ring-black/25 focus:outline-none">
+                class="absolute w-full right-0 sm:right-5 sm:top-12 z-50 sm:mt-2 sm:w-64 origin-top-right sm:rounded-md bg-white py-3 px-2 shadow-lg border-t sm:ring-1 ring-black ring-opacity-25 focus:outline-none">
                 @if(auth()->guest())
                     <a href="{{ route('register') }}" class="block px-4 py-2 text-sm text-gray-700 rounded transition hover:bg-sky-600 hover:text-white" role="menuitem" tabindex="-1"><i class="fa-solid fa-pen-to-square w-4 mr-2"></i>Register</a>
                     <a href="{{ route('login') }}" class="block px-4 py-2 text-sm text-gray-700 rounded transition hover:bg-sky-600 hover:text-white" role="menuitem" tabindex="-1"><i class="fa-solid fa-right-to-bracket w-4 mr-2"></i>Log in</a>
@@ -127,7 +127,7 @@
             })
         }
         })">
-        <div class="absolute inset-0 backdrop-blur-sm bg-black/40"></div>
+        <div class="absolute inset-0 backdrop-blur-sm bg-opacity-40 bg-black"></div>
         <div class="relative w-full mx-8 max-w-2xl bg-gray-50 p-2 rounded-lg shadow-lg" x-on:click.stop>
             <form action="{{ route('search.index') }}" method="GET">
                 <x-ui.search type="text" name="q" label="Search..." />

resources/views/components/on-holiday.blade.php

@@ -1,19 +0,0 @@
-@props(['item' => 'results', 'search', 'message', 'title'])
-
-@php
-if(!isset($message)) {
-    if(!isset($search) || $search == '')
-        $message = "We couldn't find any $item";
-    else
-        $message = "We couldn't find any $item matching \"$search\"";
-}
-
-if(!isset($title)) {
-    $title = "No results found";
-}
-@endphp
-
-<div class="flex flex-col items-center my-8 w-full">
-    <i class="text-gray-300 mb-6 text-8xl fa-solid fa-cat"></i>
-    <p class="text-gray-500 mt-2">No workshops coming up. We’re on a short break, mostly by playing with the cat.</p>
-</div>

resources/views/components/panel-workshop.blade.php

@@ -10,12 +10,12 @@
     }
 @endphp
 
-<a href="{{ route('workshop.show', $workshop) }}" class="flex flex-col bg-white border border-gray-200 rounded-lg overflow-hidden hover:shadow-lg hover:scale-[101%] transition-all relative {{ $attributes->get('class') }}">
+<a href="{{ route('workshop.show', $workshop) }}" class="flex flex-col bg-white border rounded-lg overflow-hidden hover:shadow-lg hover:scale-[101%] transition-all relative {{ $attributes->get('class') }}">
-    <div class="shadow border border-gray-200 rounded px-3 py-2 absolute top-2 left-2 flex flex-col justify-center items-center bg-white">
+    <div class="shadow border rounded px-3 py-2 absolute top-2 left-2 flex flex-col justify-center items-center bg-white">
         <div class="text-gray-600 font-bold leading-none">{{ $workshop->starts_at->format('j') }}</div>
         <div class="text-gray-600 text-xs uppercase">{{ $workshop->starts_at->format('M') }}</div>
     </div>
-    <div class="border border-white/50 absolute flex items-center justify-center top-5 -right-9 bg-gray-500 w-36 text-sm text-white font-bold uppercase py-1 rotate-45 h-8 sm-banner-{{ strtolower($statusClass) }}">{{ $statusTitle }}</div>
+    <div class="border border-white border-opacity-50 absolute flex items-center justify-center top-5 -right-9 bg-gray-500 w-36 text-sm text-white font-bold uppercase py-1 rotate-45 h-8 sm-banner-{{ strtolower($statusClass) }}">{{ $statusTitle }}</div>
     <img src="{{ $workshop->hero?->url }}?md" alt="{{ $workshop->title }}" class="w-full h-64 object-cover object-center">
     <div class="flex-grow p-4 flex flex-col">
         <h2 class="flex-grow {{ strlen($workshop->title) > 25 ? 'text-lg' : 'text-xl' }} font-bold mb-2">{{ $workshop->title }}</h2>

resources/views/components/ui/media.blade.php

@@ -36,7 +36,7 @@
             imgElement.src = details.thumbnail;
 
             imgElement.classList.remove('hidden');
-            placeholderElement.classList.add('hidden!');
+            placeholderElement.classList.add('hidden');
 
             document.getElementById(name).value = value;
         });

resources/views/home.blade.php

@@ -12,7 +12,7 @@
         <x-container>
             <h2 class="text-2xl font-bold mb-6">Upcoming workshops</h2>
             @if($workshops->isEmpty())
-                <x-on-holiday />
+                <x-none-found item="workshops" message="No workshops have been scheduled at this time" title="" />
             @else
                 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 w-full">
                     @foreach($workshops as $index => $workshop)

resources/views/search.blade.php

@@ -1,23 +1,23 @@
 <x-layout>
     <x-mast title="Search" description='Results for "{{ $search }}"' />
     <x-container>
-{{--        <section class="bg-gray-100">--}}
+        <section class="bg-gray-100">
-{{--            <h2 class="text-2xl font-bold my-6">Posts</h2>--}}
+            <h2 class="text-2xl font-bold my-6">Posts</h2>
-{{--            @if($posts->isEmpty())--}}
+            @if($posts->isEmpty())
-{{--                <x-container class="mt-8">--}}
+                <x-container class="mt-8">
-{{--                    <x-none-found item="posts" search="{{ request()->get('search') }}" />--}}
+                    <x-none-found item="posts" search="{{ request()->get('search') }}" />
-{{--                </x-container>--}}
+                </x-container>
-{{--            @else--}}
+            @else
-{{--                <x-container class="mt-4" inner-class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 w-full">--}}
+                <x-container class="mt-4" inner-class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 w-full">
-{{--                    @foreach ($posts as $post)--}}
+                    @foreach ($posts as $post)
-{{--                        <x-panel-post :post="$post" />--}}
+                        <x-panel-post :post="$post" />
-{{--                    @endforeach--}}
+                    @endforeach
-{{--                </x-container>--}}
+                </x-container>
-{{--                <x-container>--}}
+                <x-container>
-{{--                    {{ $posts->appends(request()->except('post'))->links('', ['pageName' => 'post']) }}--}}
+                    {{ $posts->appends(request()->except('post'))->links('', ['pageName' => 'post']) }}
-{{--                </x-container>--}}
+                </x-container>
-{{--            @endif--}}
+            @endif
-{{--        </section>--}}
+        </section>
 
         <section class="bg-gray-100">
             <h2 class="text-2xl font-bold my-6">Workshops</h2>

tailwind.config.js

@@ -0,0 +1,30 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+      "./resources/**/*.blade.php",
+      "./resources/**/*.js",
+      './vendor/**/*.blade.php',
+  ],
+  theme: {
+    extend: {
+        boxShadow: {
+            'deep': '0 10px 15px rgba(0, 0, 0, 0.5)',
+        },
+        colors: {
+            'primary-color': '#0284C7', // sky-600
+            'primary-color-dark': '#0370A1', // sky-500
+            'primary-color-light': '#0EA5E9', // sky-400
+
+            'danger-color': '#b91c1c', // red-600
+            'danger-color-dark': '#991b1b', // red-500
+            'danger-color-light': '#dc2626', // red-400
+
+            'success-color': '#16a34a', // green-600
+            'success-color-dark': '#22c55e', // green-500
+            'success-color-light': '#4ade80', // green-400
+        },
+    },
+  },
+  plugins: [],
+}
+

vite.config.js

@@ -1,6 +1,5 @@
 import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
-import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
     plugins: [
@@ -8,6 +7,5 @@ export default defineConfig({
             input: ['resources/css/app.css', 'resources/js/app.js'],
             refresh: true,
         }),
-        tailwindcss(),
     ],
 });