Merge pull request 'dev' (#32) from dev into master

Reviewed-on: #32

.gitignore

@@ -30,3 +30,4 @@ avancee.ods
 rhpz.local+1.pem
 rhpz.local+1-key.pem
 extra.less
+config/xenforo.php

app/Auth/XenForoGuard.php

@@ -64,6 +64,19 @@ class XenForoGuard implements Guard
         if ($this->hasUser())
             return $this->user;
 
+        $user = $this->getFromSession();
+        if( $user )
+            return $user;
+
+        $user = $this->getFromCookie();
+        if( $user )
+            return $user;
+
+        return null;
+    }
+
+    private function getFromSession(): ?XenForoUser
+    {
         $sessionId = $this->request->cookie('xf_session');
         if(!$sessionId)
             return null;
@@ -92,6 +105,64 @@ class XenForoGuard implements Guard
         return $this->user = new XenForoUser($xfUser);
     }
 
+    private function isCorrectCookieKey(string $key, $record): bool
+    {
+        $known = $record->remember_key;
+        if( !$known )
+            return false;
+
+        $check = hash('sha256', $key, true);
+        return hash_equals($known, $check);
+    }
+
+    private function getFromCookie(): ?XenForoUser
+    {
+        $cookie = $this->request->cookie('xf_user');
+        if(!$cookie)
+            return null;
+
+        $parts = explode(',', $cookie);
+        if( count( $parts ) !== 2 )
+            return null;
+
+        [$userId, $key] = $parts;
+        $userId = (int) $userId;
+
+        if( !$userId || !$key )
+            return null;
+
+        $remembers = \DB::connection('xenforo')
+                        ->table('user_remember')
+                        ->where('user_id', $userId)
+                        ->get();
+
+        if( !$remembers )
+            return null;
+
+        $valid = false;
+
+        foreach( $remembers as $remember )
+        {
+            if( $this->isCorrectCookieKey($key, $remember) && $remember->expiry_date >= time() ){
+                $valid = true;
+                break;
+            }
+        }
+
+        if( !$valid )
+            return null;
+
+        $xfUser = \DB::connection('xenforo')
+            ->table('user')
+            ->where('user_id', $userId)
+            ->first();
+
+        if(!$xfUser)
+            return null;
+
+        return $this->user = new XenForoUser($xfUser);
+    }
+
     /**
      * Unused.
      *

app/Console/Commands/FixEntriesEncodedDescription.php

@@ -0,0 +1,65 @@
+<?php
+
+namespace App\Console\Commands;
+
+use App\Helpers\MigrationHelpers;
+use Illuminate\Console\Attributes\Signature;
+use Illuminate\Console\Attributes\Description;
+use Illuminate\Console\Command;
+use App\Models\Entry;
+use Illuminate\Support\Facades\DB;
+use League\HTMLToMarkdown\HtmlConverter;
+
+#[Signature('fix:entries-encoded-description {--dry-run}')]
+#[Description('Remove coded specials chars in description')]
+class FixEntriesEncodedDescription extends Command
+{
+    public function handle(): int
+    {
+        $dryRun = $this->option('dry-run');
+        $fixed = 0;
+
+        Entry::withTrashed()
+            ->withoutGlobalScopes()
+            ->chunkById(100, function ($entries) use (&$fixed, $dryRun) {
+                foreach ($entries as $entry) {
+                    $original = $entry->description;
+                    if ($original === null || $original === '') {
+                        continue;
+                    }
+
+                    $decoded = $original;
+                    for ($i = 0; $i < 20; $i++) {
+                        $next = html_entity_decode($decoded, ENT_QUOTES | ENT_HTML5);
+                        if ($next === $decoded) {
+                            break;
+                        }
+                        $decoded = $next;
+                    }
+
+                    $decoded = stripslashes($decoded);
+
+                    if ($decoded !== $original) {
+                        $fixed++;
+                        $this->line("Entry #{$entry->id}: " . $this->preview($original) . ' => ' . $this->preview($decoded));
+
+                        if (!$dryRun) {
+                            $entry->description = $decoded;
+                            $entry->saveQuietly();
+                        }
+                    }
+                }
+            });
+
+        $this->info(($dryRun ? '[DRY RUN] ' : '') . "{$fixed} entries fixed.).");
+
+        return self::SUCCESS;
+    }
+
+    private function preview(string $text, int $len = 60): string
+    {
+        $text = str_replace(["\n", "\r"], ' ', $text);
+        return mb_strlen($text) > $len ? mb_substr($text, 0, $len) . '...' : $text;
+    }
+
+}

app/Console/Commands/MigrateDownloadsCount.php

@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Console\Commands;
+
+use Illuminate\Console\Attributes\Description;
+use Illuminate\Console\Attributes\Signature;
+use Illuminate\Console\Command;
+use Illuminate\Support\Facades\DB;
+
+#[Signature('migrate:downloads-count')]
+#[Description('Command description')]
+class MigrateDownloadsCount extends Command
+{
+
+    public function handle()
+    {
+        $rows = DB::table('migrations_logs')
+            ->where('source_system', 'wp')
+            ->where('source_table', 'wp_posts')
+            ->where('target_table', 'entries' )
+            ->get(['source_id', 'target_id'])
+        ;
+
+        $updated = 0;
+
+        foreach ($rows as $row) {
+            $downloadCount = DB::connection('old_wp')
+                ->table('postmeta')
+                ->where('post_id', $row->source_id)
+                ->where('meta_key', 'download_counter' )
+                ->value('meta_value');
+
+            if( $downloadCount ) {
+                DB::table('entries')->where('id', $row->target_id)->update(['old_download_count' => intval($downloadCount)]);
+                $updated++;
+            }
+        }
+
+        $this->info('All done (' . $updated . '/' . count($rows) .')');
+    }
+}

app/Console/Commands/SubmissionsDown.php

@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Console\Commands;
+
+use Illuminate\Console\Attributes\Description;
+use Illuminate\Console\Attributes\Signature;
+use Illuminate\Console\Command;
+use Illuminate\Support\Facades\Cache;
+
+#[Signature('submissions:down')]
+#[Description('Disable submissions')]
+class SubmissionsDown extends Command
+{
+    /**
+     * Execute the console command.
+     */
+    public function handle()
+    {
+        Cache::put('submissions_maintenance', true );
+        $this->info("Submissions disabled.");
+    }
+}

app/Console/Commands/SubmissionsUp.php

@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Console\Commands;
+
+use Illuminate\Console\Attributes\Description;
+use Illuminate\Console\Attributes\Signature;
+use Illuminate\Console\Command;
+use Illuminate\Support\Facades\Cache;
+
+#[Signature('submissions:up')]
+#[Description('Enable submissions')]
+class SubmissionsUp extends Command
+{
+    /**
+     * Execute the console command.
+     */
+    public function handle()
+    {
+        Cache::forget('submissions_maintenance');
+        $this->info('Submissions enabled.');
+    }
+}

app/Helpers/EntryHelpers.php

@@ -6,6 +6,8 @@ use App\Models\Entry;
 use App\Models\EntryFile;
 use App\Models\News;
 use App\Services\XenforoApiService;
+use GuzzleHttp\Exception\ConnectException;
+use GuzzleHttp\Exception\RequestException;
 use Illuminate\Support\Facades\Cache;
 use Illuminate\Support\Str;
 
@@ -74,8 +76,9 @@ class EntryHelpers {
             $cacheKey = "news_comments_{$entry->id}";
         else
             $cacheKey = "entry_comments_{$entry->id}";
-        return Cache::remember($cacheKey, now()->addDays(1), function () use ($entry, $limit) {
+        return Cache::flexible($cacheKey, [now()->addMinutes(30), now()->addMinutes(60)], function () use ($entry, $limit) {
 
+            try {
                 $service = app(XenforoApiService::class);
 
                 // Get thread infos and pagination.
@@ -92,6 +95,9 @@ class EntryHelpers {
                 }
 
                 return collect($posts)->slice(-$limit)->reverse()->values()->toArray();
+            } catch (ConnectException|RequestException $e ){
+                return [];
+            }
 
         });
     }
@@ -119,4 +125,18 @@ class EntryHelpers {
         session(["downloaded_file_{$entryFile->file_uuid}" => 1]);
         return true;
     }
+
+    public static function stripBbCode(?string $text): ?string
+    {
+        if ($text === null) return null;
+        $text = preg_replace('/\[quote\b[^\]]*\](.*?)\[\/quote\]/is', '', $text);
+        return preg_replace('/\[\/?\w+[^\]]*\]/i', '', $text);
+    }
+
+    public static function stripMarkdown(?string $text): ?string
+    {
+        if ($text === null) return null;
+        $html = Str::markdown($text);
+        return html_entity_decode(strip_tags($html), ENT_QUOTES, 'UTF-8');
+    }
 }

app/Http/Controllers/ModCP/AuthorController.php

@@ -19,7 +19,7 @@ class AuthorController extends Controller
     {
         $items = Author::withCount('entries')
             ->orderBy('name')
-            ->tap(fn($query) => $this->applySearch($query, ['name']))
+            ->tap(fn($query) => $this->applySearch($query, ['id','name']))
             ->paginate(30)
             ->withQueryString();
 

app/Http/Controllers/ModCP/GameController.php

@@ -18,7 +18,7 @@ class GameController extends Controller
     public function index()
     {
         $items = Game::withCount('entries')->orderBy('name')
-            ->tap(fn($query) => $this->applySearch($query, ['name']))
+            ->tap(fn($query) => $this->applySearch($query, ['id','name']))
             ->paginate(30)->withQueryString();
         $platforms = Platform::orderBy('name')->get();
         $genres = Genre::orderBy('name')->get();

app/Http/Controllers/ModCP/GenreController.php

@@ -18,7 +18,7 @@ class GenreController extends Controller
     {
         $items = Genre::withCount('games')
             ->orderBy('name')
-            ->tap(fn($query) => $this->applySearch($query, ['name']))
+            ->tap(fn($query) => $this->applySearch($query, ['id','name']))
             ->paginate(30)
             ->withQueryString();
 

app/Http/Controllers/ModCP/LanguageController.php

@@ -17,7 +17,7 @@ class LanguageController extends Controller
     {
         $items = Language::withCount('entries')
             ->orderBy('name')
-            ->tap(fn($query) => $this->applySearch($query, ['name']))
+            ->tap(fn($query) => $this->applySearch($query, ['id','name']))
             ->paginate(30)
             ->withQueryString();
 

app/Http/Controllers/ModCP/LevelController.php

@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Http\Controllers\ModCP;
+
+use App\Helpers\EntryHelpers;
+use App\Http\Controllers\Controller;
+use App\Models\Level;
+use App\Traits\ModCPSearch;
+use Illuminate\Http\Request;
+
+class LevelController extends Controller
+{
+
+    use ModCPSearch;
+
+    public function index()
+    {
+        $items = Level::withCount('entries')
+            ->orderBy('name')
+            ->tap(fn($query) => $this->applySearch($query, ['id','name']))
+            ->paginate(30)
+            ->withQueryString();
+
+        return view('modcp.resources', [
+            'items' => $items,
+            'title' => 'Levels',
+            'singular' => 'Level',
+            'storeRoute' => 'modcp.levels.store',
+            'updateRoute' => 'modcp.levels.update',
+            'destroyRoute' => 'modcp.levels.destroy'
+        ]);
+    }
+
+    public function store(Request $request)
+    {
+        $request->validate([
+            'name' => 'required|string|max:255|unique:levels,name',
+        ]);
+
+        Level::create([
+            'name' => trim($request->name),
+            'slug' => EntryHelpers::uniqueSlug( $request->name, Level::class ),
+        ]);
+
+        return back()->with('success', 'Level added.');
+    }
+
+    public function update(Request $request, Level $level)
+    {
+        $request->validate([
+            'name' => 'required|string|max:255|unique:levels,name,' . $level->id,
+        ]);
+
+        $level->update([
+            'name' => trim($request->name),
+            'slug' => EntryHelpers::uniqueSlug( $request->name, Level::class, $level->id ),
+        ]);
+
+        return back()->with('success', 'Level updated.');
+    }
+
+    public function destroy(Level $level)
+    {
+        $level->delete();
+        return back()->with('success', 'Level deleted.');
+    }
+}

app/Http/Controllers/ModCP/ModificationsController.php

@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Http\Controllers\ModCP;
+
+use App\Helpers\EntryHelpers;
+use App\Http\Controllers\Controller;
+use App\Models\Modification;
+use App\Traits\ModCPSearch;
+use Illuminate\Http\Request;
+
+class ModificationsController extends Controller
+{
+
+    use ModCPSearch;
+
+    public function index()
+    {
+        $items = Modification::withCount('entries')
+            ->orderBy('name')
+            ->tap(fn($query) => $this->applySearch($query, ['id','name']))
+            ->paginate(30)
+            ->withQueryString();
+
+        return view('modcp.resources', [
+            'items' => $items,
+            'title' => 'Modifications',
+            'singular' => 'Modification',
+            'storeRoute' => 'modcp.modifications.store',
+            'updateRoute' => 'modcp.modifications.update',
+            'destroyRoute' => 'modcp.modifications.destroy'
+        ]);
+    }
+
+    public function store(Request $request)
+    {
+        $request->validate([
+            'name' => 'required|string|max:255|unique:modifications,name',
+        ]);
+
+        Modification::create([
+            'name' => trim($request->name),
+            'slug' => EntryHelpers::uniqueSlug( $request->name, Modification::class ),
+        ]);
+
+        return back()->with('success', 'Modification added.');
+    }
+
+    public function update(Request $request, Modification $Modification)
+    {
+        $request->validate([
+            'name' => 'required|string|max:255|unique:modifications,name,' . $Modification->id,
+        ]);
+
+        $Modification->update([
+            'name' => trim($request->name),
+            'slug' => EntryHelpers::uniqueSlug( $request->name, Modification::class, $Modification->id ),
+        ]);
+
+        return back()->with('success', 'Modification updated.');
+    }
+
+    public function destroy(Modification $Modification)
+    {
+        $Modification->delete();
+        return back()->with('success', 'Modification deleted.');
+    }
+}

app/Http/Controllers/ModCP/PlatformController.php

@@ -18,7 +18,7 @@ class PlatformController extends Controller
     {
         $items = Platform::withCount(['games','entries'])
             ->orderBy('name')
-            ->tap(fn($query) => $this->applySearch($query, ['name']))
+            ->tap(fn($query) => $this->applySearch($query, ['id','name']))
             ->paginate(30)
             ->withQueryString();
 

app/Http/Controllers/SubmissionController.php

@@ -78,8 +78,8 @@ class SubmissionController extends Controller
             'bg'          => '#f3eaff1a',
             'border'      => '#f3eaff40',
         ],
-        'lua-script' => [
+        'lua-scripts' => [
-            'slug'        => 'lua-script',
+            'slug'        => 'lua-scripts',
             'label'       => 'Lua script',
             'icon'        => 'terminal',
             'color'       => '#a04515',

app/Http/Middleware/SubmissionsEnabled.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Cache;
+use Symfony\Component\HttpFoundation\Response;
+
+class SubmissionsEnabled
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  Closure(Request): (Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        if( Cache::get('submissions_maintenance', false ) ){
+            if( $request->expectsJson() ){
+                return response()->json([
+                    'message' => 'The submissions are currently in maintenance mode.',
+                ], 503 );
+            }
+
+            return back()->withErrors([
+                'maintenance' => "The submissions are currently in maintenance mode.",
+            ])->withInput();
+        }
+
+        return $next($request);
+    }
+}

app/Livewire/Database.php

@@ -175,6 +175,7 @@ class Database extends Component
     public const array SORT_OPTIONS = [
         'created_at' => 'Date added',
         'release_date' => 'Release date',
+        'total_downloads' => 'Total downloads',
         'title' => 'Title'
     ];
 
@@ -236,7 +237,7 @@ class Database extends Component
     {
         $query = Entry::query()->published()->with([
             'game.platform', 'game.genre', 'status', 'authors', 'languages', 'level', 'systems', 'categories', 'modifications'
-        ]);
+        ])->withSum('files', 'download_count');
 
         if( $this->search ) {
             $query->where(function($q) {
@@ -328,7 +329,13 @@ class Database extends Component
             $query->where('user_id', $this->userId);
         }
 
-        return $query->orderBy($this->sortBy, $this->sortDir);
+        $sortColumn = $this->sortBy;
+
+        if ($sortColumn === 'total_downloads') {
+            return $query->orderByRaw('COALESCE(files_sum_download_count, 0) + old_download_count ' . $this->sortDir);
+        }
+
+        return $query->orderBy($sortColumn, $this->sortDir);
     }
 
     private function searchFilter( string $modelClass, string $search )

app/Livewire/EntrySelector.php

@@ -21,6 +21,7 @@ class EntrySelector extends Component
             if( $entry ) {
                 $this->selectedEntryId = $oldEntryId;
                 $this->entryName = $entry->complete_title ?? $entry->title;
+                $this->search = $entry->complete_title ?? $entry->title;
             }
         }
     }

app/Livewire/HashesUpload.php

@@ -25,6 +25,10 @@ class HashesUpload extends Component
      */
     public array $hashes = [];
 
+    public ?string $manualFilename = "";
+    public ?string $manualCRC32 = "";
+    public ?string $manualSHA1 = "";
+
     /**
      * Prepare old hashes.
      *
@@ -87,6 +91,41 @@ class HashesUpload extends Component
         array_splice($this->hashes, $index, 1);
     }
 
+    private function checkCrc32($attribute, $value, $fail)
+    {
+        if (!preg_match('/^[a-f0-9]{8}$/i', $value)) {
+            $fail("CRC32 is invalid");
+        }
+    }
+
+    private function checkSha1($attribute, $value, $fail)
+    {
+        if (!preg_match('/^[a-f0-9]{40}$/i', $value)) {
+            $fail("SHA1 is invalid");
+        }
+    }
+
+    public function addManualHash()
+    {
+        $this->validate([
+            'manualFilename' => "required|string|max:512",
+            'manualCRC32' => ['required', 'string', 'max:512', $this->checkCrc32(...) ],
+            'manualSHA1' => ['required', 'string', 'max:512', $this->checkSha1(...) ],
+        ], [
+            'manualFilename.required' => 'Please enter a filename.',
+            'manualCRC32.required' => 'Please enter a crc32.',
+            'manualSHA1.required' => 'Please enter a SHA1.',
+            'manualFilename.max' => 'Filename has to be less than 512 characters.',
+            'manualCRC32.max' => 'CRC32 has to be less than 512 characters.',
+            'manualSHA1.max' => 'SHA1 has to be less than 512 characters.',
+        ]);
+
+        $this->addHash( $this->manualFilename, $this->manualCRC32, $this->manualSHA1 );
+
+        $this->reset(['manualFilename','manualCRC32','manualSHA1']);
+        $this->dispatch('close-manual-modal');
+    }
+
 
     public function render(): View
     {

app/Models/Author.php

@@ -7,6 +7,8 @@ use App\Services\XenforoService;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsToMany;
 use Illuminate\Database\Eloquent\Relations\HasMany;
+use Spatie\Activitylog\Models\Concerns\LogsActivity;
+use Spatie\Activitylog\Support\LogOptions;
 
 /**
  * @property int $id
@@ -32,6 +34,9 @@ use Illuminate\Database\Eloquent\Relations\HasMany;
  */
 class Author extends Model
 {
+
+    use LogsActivity;
+
     protected $fillable = [
         'name', 'slug', 'user_id', 'website'
     ];
@@ -49,4 +54,14 @@ class Author extends Model
         return app(XenforoService::class)->getXfUser($this->user_id);
     }
 
+    public function getActivitylogOptions(): LogOptions
+    {
+        return LogOptions::defaults()
+            ->useLogName('author')
+            ->logAll()
+            ->logOnlyDirty()
+            ->dontLogEmptyChanges()
+            ->setDescriptionForEvent(fn(string $eventName) => "Author {$eventName}");
+    }
+
 }

app/Models/Entry.php

@@ -253,6 +253,11 @@ class Entry extends Model
         return $converter->convert($this->description)->getContent();
     }
 
+    public function getTotalDownloadsAttribute(): int
+    {
+        return $this->files->sum('download_count') + $this->old_download_count;
+    }
+
     public function parseStaffCredits(): ?array {
         return json_decode( $this->staff_credits ?? "", true );
     }

app/Models/EntryReview.php

@@ -8,6 +8,8 @@ use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\SoftDeletes;
 use Illuminate\Support\Str;
 use League\CommonMark\GithubFlavoredMarkdownConverter;
+use Spatie\Activitylog\Models\Concerns\LogsActivity;
+use Spatie\Activitylog\Support\LogOptions;
 
 /**
  * @property int $id
@@ -41,7 +43,7 @@ use League\CommonMark\GithubFlavoredMarkdownConverter;
 class EntryReview extends Model
 {
 
-    use HasXenforoUserId, SoftDeletes;
+    use HasXenforoUserId, SoftDeletes, LogsActivity;
 
     protected $fillable = [ 'entry_id', 'title', 'rating', 'description', 'user_id' ];
 
@@ -60,4 +62,14 @@ class EntryReview extends Model
         return $converter->convert($this->description)->getContent();
     }
 
+    public function getActivitylogOptions(): LogOptions
+    {
+        return LogOptions::defaults()
+            ->useLogName('review')
+            ->logAll()
+            ->logOnlyDirty()
+            ->dontLogEmptyChanges()
+            ->setDescriptionForEvent(fn(string $eventName) => "Review {$eventName}");
+    }
+
 }

app/Models/Game.php

@@ -4,6 +4,8 @@ namespace App\Models;
 
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Spatie\Activitylog\Models\Concerns\LogsActivity;
+use Spatie\Activitylog\Support\LogOptions;
 
 /**
  * @property int $id
@@ -31,6 +33,9 @@ use Illuminate\Database\Eloquent\Relations\BelongsTo;
  */
 class Game extends Model
 {
+
+    use LogsActivity;
+
     /**
      * @var string[]
      */
@@ -50,4 +55,14 @@ class Game extends Model
     {
         return $this->hasMany(Entry::class);
     }
+
+    public function getActivitylogOptions(): LogOptions
+    {
+        return LogOptions::defaults()
+            ->useLogName('game')
+            ->logAll()
+            ->logOnlyDirty()
+            ->dontLogEmptyChanges()
+            ->setDescriptionForEvent(fn(string $eventName) => "Game {$eventName}");
+    }
 }

app/Models/Level.php

@@ -3,6 +3,7 @@
 namespace App\Models;
 
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
 
 /**
  * @property int $id
@@ -23,4 +24,9 @@ use Illuminate\Database\Eloquent\Model;
 class Level extends Model
 {
     protected $fillable = ['name', 'slug'];
+
+    public function entries(): HasMany
+    {
+        return $this->hasMany(Entry::class);
+    }
 }

app/Models/Modification.php

@@ -3,6 +3,8 @@
 namespace App\Models;
 
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsToMany;
+use Illuminate\Database\Eloquent\Relations\HasMany;
 
 /**
  * @property int $id
@@ -23,4 +25,9 @@ use Illuminate\Database\Eloquent\Model;
 class Modification extends Model
 {
     protected $fillable = [ 'name', 'slug' ];
+
+    public function entries(): BelongsToMany
+    {
+        return $this->belongsToMany(Entry::class, 'entry_modifications');
+    }
 }

app/Models/News.php

@@ -10,6 +10,8 @@ use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\SoftDeletes;
 use League\CommonMark\GithubFlavoredMarkdownConverter;
+use Spatie\Activitylog\Models\Concerns\LogsActivity;
+use Spatie\Activitylog\Support\LogOptions;
 
 /**
  * @property int $id
@@ -61,7 +63,7 @@ use League\CommonMark\GithubFlavoredMarkdownConverter;
 class News extends Model
 {
 
-    use SoftDeletes, HasGallery, HasXenforoUserId;
+    use SoftDeletes, HasGallery, HasXenforoUserId, LogsActivity;
 
     protected $table = 'news';
 
@@ -127,4 +129,14 @@ class News extends Model
         return EntryHelpers::getYoutubeVideoId( $this->youtube_link );
     }
 
+    public function getActivitylogOptions(): LogOptions
+    {
+        return LogOptions::defaults()
+            ->useLogName('news')
+            ->logAll()
+            ->logOnlyDirty()
+            ->dontLogEmptyChanges()
+            ->setDescriptionForEvent(fn(string $eventName) => "News {$eventName}");
+    }
+
 }

app/Policies/EntryPolicy.php

@@ -159,7 +159,7 @@ class EntryPolicy
         return $user->_can('romhackplaza', 'canModerateEntries' );
     }
 
-    public function moderate(User $user, Entry $entry): bool
+    public function moderate(User $user, ?Entry $entry = null): bool
     {
         return $user->_can('romhackplaza', 'canModerateEntries' );
     }

app/Services/ActivityService.php

@@ -2,6 +2,7 @@
 
 namespace App\Services;
 
+use App\Helpers\EntryHelpers;
 use App\Models\Entry;
 use App\Models\EntryReview;
 use App\Models\News;
@@ -65,7 +66,7 @@ class ActivityService
             'user_id' => $entry->user_id,
             'badge' => EntryCard::ENTRY_TYPES_BADGE[$entry->type],
             'badge_class' => $entry->type,
-            'excerpt' => $entry->description ? \Str::limit(strip_tags($entry->description), 80) : null,
+            'excerpt' => $entry->description ? \Str::limit(EntryHelpers::stripMarkdown(strip_tags($entry->description)), 80) : null,
             'meta' => $entry->getRealPlatform()?->name
         ];
     }
@@ -82,7 +83,7 @@ class ActivityService
             'user_id' => $news->user_id,
             'badge' => 'News',
             'badge_class' => 'news',
-            'excerpt' => $news->description ? \Str::limit(strip_tags($news->description), 80) : null,
+            'excerpt' => $news->description ? \Str::limit(EntryHelpers::stripMarkdown(strip_tags($news->description)), 80) : null,
             'meta' => $news->category?->name
         ];
     }
@@ -99,7 +100,7 @@ class ActivityService
             'user_id' => $message->user_id,
             'badge' => 'Post',
             'badge_class' => 'message',
-            'excerpt' => $message->message ? \Str::limit(strip_tags($message->message), 80) : null,
+            'excerpt' => $message->message ? \Str::limit(EntryHelpers::stripBbCode(strip_tags($message->message)), 80) : null,
             'meta' => null
         ];
 
@@ -117,7 +118,7 @@ class ActivityService
             'user_id' => $thread->user_id,
             'badge' => 'Thread',
             'badge_class' => 'thread',
-            'excerpt' => $thread->message ? \Str::limit(strip_tags($thread->message), 80) : null,
+            'excerpt' => $thread->message ? \Str::limit(EntryHelpers::stripBbCode(strip_tags($thread->message)), 80) : null,
             'meta' => null
         ];
 
@@ -152,7 +153,7 @@ class ActivityService
             'user_id' => $review->user_id,
             'badge' => 'Review',
             'badge_class' => 'review',
-            'excerpt' => $review->description ? \Str::limit(strip_tags($review->description), 80) : null,
+            'excerpt' => $review->description ? \Str::limit(EntryHelpers::stripMarkdown(strip_tags($review->description)), 80) : null,
             'meta' => $review->entry()->exists() ? ( $review->entry->complete_title ?? $review->entry->title ) : null,
         ];
     }
@@ -199,6 +200,9 @@ class ActivityService
                     'post.user_id', 'post.message'
                 ])
                 ->get()
+                ->reject(function($post){
+                    return (int) $post->user_id === config('xenforo.bot_user_id');
+                })
                 ->map($this->formatMessage(...))
                 ->toArray();
         });
@@ -213,6 +217,7 @@ class ActivityService
                 ->join('post', 'thread.first_post_id', '=', 'post.post_id')
                 ->where('thread.discussion_state', 'visible')
                 ->where('thread.discussion_type', '!=', 'redirect' )
+                ->where('thread.node_id', '!=', config('xenforo.comments_node_id') )
                 ->orderByDesc('thread.post_date')
                 ->limit(self::ITEMS_PER_TYPE)
                 ->select([

app/Services/XenforoApiService.php

@@ -3,6 +3,7 @@
 namespace App\Services;
 
 use App\Models\Entry;
+use App\Models\News;
 use Illuminate\Http\Client\ConnectionException;
 use Illuminate\Support\Facades\Cache;
 use Illuminate\Support\Facades\Http;
@@ -24,7 +25,7 @@ class XenforoApiService {
      */
     private function get(string $endpoint, ?int $customUserId = null ): mixed
     {
-        $response = Http::timeout(30)->withOptions(['verify' => false])->withHeaders([
+        $response = Http::timeout(8)->connectTimeout(4)->withOptions(['verify' => false])->withHeaders([
             'XF-Api-Key' => $this->apiKey,
             'XF-Api-User' => $customUserId ?? $this->superUserId,
         ])->get("{$this->apiUrl}/{$endpoint}");
@@ -39,7 +40,7 @@ class XenforoApiService {
 
     private function post(string $endpoint, ?int $customUserId = null, array $data = [] ): mixed
     {
-        $response = Http::timeout(30)->withOptions(['verify' => false])->withHeaders([
+        $response = Http::timeout(8)->connectTimeout(4)->withOptions(['verify' => false])->withHeaders([
             'XF-Api-Key' => $this->apiKey,
             'XF-Api-User' => $customUserId ?? $this->superUserId,
         ])->post("{$this->apiUrl}/{$endpoint}", $data);
@@ -54,7 +55,7 @@ class XenforoApiService {
 
     private function delete(string $endpoint, ?int $customUserId = null, array $data = [] ): mixed
     {
-        $response = Http::timeout(30)->withOptions(['verify' => false])->withHeaders([
+        $response = Http::timeout(8)->connectTimeout(4)->withOptions(['verify' => false])->withHeaders([
             'XF-Api-Key' => $this->apiKey,
             'XF-Api-User' => $customUserId ?? $this->superUserId,
         ])->delete("{$this->apiUrl}/{$endpoint}", $data);
@@ -74,20 +75,40 @@ class XenforoApiService {
         }
 
         return Cache::remember("xf_alerts_{$userId}", 60, function() use($userId) {
-            return $this->get("alerts?page=1&cutoff=7days", $userId);
+            $result = $this->get("alerts?page=1&cutoff=7days", $userId);
+
+            if (is_array($result)) {
+                if (isset($result['alerts'])) {
+                    $result['alerts'] = collect($result['alerts'])->take(8)->all();
+                } else {
+                    $result = collect($result)->take(8)->all();
+                }
+            }
+
+            return $result;
         });
     }
 
     public function markAllNotificationsRead(int $userId): void
     {
         Cache::forget("xf_alerts_{$userId}");
-        $this->post("alerts/mark-all", $userId );
+        $this->post("alerts/mark-all", $userId, ['read' => true, 'viewed' => true] );
     }
 
     public function getConversations(int $userId): mixed
     {
         return Cache::remember("xf_conversations_{$userId}", 60, function() use($userId) {
-            return $this->get("conversations?page=1&receiver_id={$userId}", $userId);
+            $result = $this->get("conversations?page=1&receiver_id={$userId}", $userId);
+
+            if (is_array($result)) {
+                if (isset($result['conversations'])) {
+                    $result['conversations'] = collect($result['conversations'])->take(8)->all();
+                } else {
+                    $result = collect($result)->take(8)->all();
+                }
+            }
+
+            return $result;
         });
     }
 
@@ -104,10 +125,10 @@ class XenforoApiService {
         if( !$entry->comments_thread_id || $entry->comments_thread_id <= 0 ){
             $data = [
                 'node_id' => config('xenforo.comments_node_id'),
-                'title' => $entry->complete_title,
+                'title' => $entry->complete_title ?? $entry->title,
                 'message' => $entry->description,
-                'prefix_id' => config('xenforo.comments_prefixes')[$entry->type] ?? 1,
+                'prefix_id' => config('xenforo.comments_prefixes')[$entry->type ?? "news"] ?? 1,
-                'custom_fields' => [ 'entry_id' => $entry->id ],
+                'custom_fields' => $entry->type ? [ 'entry_id' => $entry->id ] : [ 'news_id' => $entry->id ],
                 'discussion_open' => true,
             ];
 

app/View/Components/ErrorBlock.php

@@ -14,6 +14,10 @@ class ErrorBlock extends Component
             'icon' => 'ban',
             'message' => '%s'
         ],
+        'not-found' => [
+            'icon' => 'sticky-note-off',
+            'message' => "404: This page does not exist."
+        ],
         'page-not-allowed' => [
             'icon' => 'shield-ban',
             'message' => "You do not have permission to access this page.\nRequired permission: %s"
@@ -21,6 +25,10 @@ class ErrorBlock extends Component
         'user-state-not-valid' => [
             'icon' => 'shield-ban',
             'message' => "You do not have permission to access this page.\nYour user profile is incomplete: %s\nGo back to the forum for more details."
+        ],
+        'server-error' => [
+            'icon' => 'bomb',
+            'message' => "500: Internal Server Error."
         ]
     ];
 

app/View/Components/SubmitEntryStatus.php

@@ -61,6 +61,10 @@ class SubmitEntryStatus extends Component
             }
         }
 
+        if( $this->isEdit && $this->entry->state === 'pending' && isset( $states['published'] ) ) {
+            unset( $states['published'] );
+        }
+
         return $states;
     }
 

bootstrap/app.php

@@ -16,6 +16,7 @@ return Application::configure(basePath: dirname(__DIR__))
         $middleware->encryptCookies(except: ['xf_session','xf_user','xf_csrf','xf_style_variation','activity_filters']);
         $middleware->alias([
             'xf.auth' => \App\Http\Middleware\CheckXenForoPermissions::class,
+            'submissions.maintenance' => \App\Http\Middleware\SubmissionsEnabled::class,
         ]);
         $middleware->redirectGuestsTo(function(Request $request): void {
             if( $request->is('manage*'))
@@ -24,5 +25,28 @@ return Application::configure(basePath: dirname(__DIR__))
         $middleware->append(\App\Http\Middleware\CheckXenForoUserState::class);
     })
     ->withExceptions(function (Exceptions $exceptions): void {
-        //
+        $exceptions->render(function(Throwable $e, $request) {
+                    if (
+                        $e instanceof \Illuminate\Validation\ValidationException ||
+                        $e instanceof \Illuminate\Auth\AuthenticationException ||
+                        $e instanceof \Illuminate\Auth\Access\AuthorizationException ||
+                        $e instanceof \Symfony\Component\HttpKernel\Exception\HttpException
+                    ) {
+                        return null;
+                    }
+            $statusCode = method_exists($e, 'getStatusCode') ? $e->getStatusCode() : 500;
+
+            if( app()->environment('production') && $statusCode >= 500 && !$request->expectsJson() ){
+                $errorId = (string) Str::uuid();
+
+                \Illuminate\Support\Facades\Log::error($e->getMessage(), [
+                    'error_id' => $errorId,
+                    'exception' => $e,
+                    'url' => $request->fullUrl(),
+                    'user_id' => (optional($request->user())->user_id ?? 0),
+                ]);
+
+                return response()->view('errors.500', ['errorId' => $errorId], 500 );
+            }
+        });
     })->create();

config/xenforo.php

@@ -1,18 +0,0 @@
-<?php
-
-return [
-    'bot_user_id' => 1,
-
-    'comments_node_id' => 4,
-
-    'comments_prefixes' => [
-        'translations' => 1,
-        'romhacks' => 2,
-        'homebrew' => 3,
-        'utilities' => 4,
-        'documents' => 5,
-        'lua-scripts' => 6,
-        'tutorials' => 7,
-        'news' => 8
-    ],
-];

database/migrations/2026_06_29_171149_create_old_download_count_column_to_entries.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('entries', function (Blueprint $table) {
+            $table->unsignedBigInteger('old_download_count')->default(0);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('entries', function (Blueprint $table) {
+            $table->dropColumn('old_download_count');
+        });
+    }
+};

extra.less

@@ -10,7 +10,8 @@ body {
     background-color: var(--bg);
     color: var(--text);
     display: flex;
-    height: 100vh;
+    height: 100dvh;
+    min-height: 100dvh;
     overflow: hidden;
 }
 
@@ -136,6 +137,7 @@ ul {
     border: 1px solid var(--border);
     display: flex;
     min-width: 0;
+    max-width: 100%;
     flex-direction: column;
     transition: transform 0.2s, border-color 0.2s;
     cursor: pointer;
@@ -178,6 +180,7 @@ ul {
     .\$entry-card-info {
         padding: 15px;
         flex-grow: 1;
+        min-width: 0;
         display: flex;
         flex-direction: column;
     }
@@ -188,13 +191,16 @@ ul {
         font-size: 1.1rem;
         margin-bottom: 5px;
         line-height: 1.3;
-        word-wrap: break-word;
+        overflow-wrap: anywhere;
+        word-break: break-word;
     }
 
     .\$entry-card-author {
         color: var(--rhpz-orange);
         font-size: 0.85rem;
         margin-bottom: 10px;
+        overflow-wrap: anywhere;
+        word-break: break-word;
     }
 
     .\$entry-card-meta {
@@ -254,6 +260,9 @@ ul {
 
     .\$entry-card-meta {
         font-size: 0.75rem;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 6px;
     }
 }
 
@@ -334,6 +343,45 @@ ul {
     background-color: rgba(129, 199, 132, 0.1);
 }
 
+.\$back-to-top {
+    display: none;
+}
+
+@media (max-width: 768px) {
+    .\$back-to-top {
+        display: none;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        position: fixed;
+        right: 14px;
+        bottom: 14px;
+        z-index: 1000;
+        padding: 10px 14px;
+        border-radius: 999px;
+        background-color: var(--bg2);
+        border: 1px solid var(--border);
+        color: var(--text);
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+        opacity: 0;
+        pointer-events: none;
+        transform: translateY(10px);
+        transition: opacity 0.2s ease, transform 0.2s ease;
+    }
+
+    .\$back-to-top.visible {
+        display: inline-flex;
+        opacity: 1;
+        pointer-events: auto;
+        transform: translateY(0);
+    }
+
+    .\$back-to-top span {
+        font-size: 0.78rem;
+        font-weight: 600;
+    }
+}
+
 /* BLOCK */
 
 .\$block {
@@ -385,21 +433,36 @@ ul {
     color: var(--text3);
     border-color: var(--rhpz-orange);
 }
-.\$badge.blue, .\$badge.translations {
+.\$badge.blue, .\$badge.romhacks {
     background-color: var(--info);
     color: var(--text);
     border-color: var(--info);
 }
-.\$badge.green, .\$badge.romhacks {
+.\$badge.green, .\$badge.translations {
     background-color: var(--success2);
     color: var(--text);
     border-color: var(--success2);
 }
+.\$badge.red, .\$badge.homebrew {
+    background-color: #bf2323;
+    color: var(--text);
+    border-color: #bf2323;
+}
 .\$badge.yellow, .\$badge.utilities {
     background-color: #fdeb0f;
     color: #000;
     border-color: #fdeb0f;
 }
+.\$badge.purple, .\$badge.documents{
+    background-color: #8b23bf;
+    color: var(--text);
+    border-color: #8b23bf;
+}
+.\$badge.brown, .\$badge.lua-scripts {
+    background-color: #b4825f;
+    color: var(--text);
+    border-color: #b4825f;
+}
 
 .\$topbar-badge {
     position: absolute;
@@ -575,448 +638,6 @@ ul {
 }
 
 
-/* File: resources/css/components/database.css */
-.\$filter-bar {
-    display: flex;
-    gap: 15px;
-    background-color: var(--bg2);
-    padding: 15px;
-    border: 1px solid var(--border);
-    margin-bottom: 20px;
-    flex-wrap: wrap;
-    align-items: center;
-
-    .\$filter-bar-search {
-        flex: 1;
-        max-width: 400px;
-        background-color: var(--bg);
-        border: 1px solid var(--border);
-        display: flex;
-        align-items: center;
-        padding: 8px 12px;
-        gap: 8px;
-
-    }
-}
-
-.\$database-wrapper {
-    display: flex;
-    gap: 20px;
-    align-items: flex-start;
-
-    .\$database-filters {
-        width: 300px;
-        flex-shrink: 0;
-        display: flex;
-        flex-direction: column;
-        gap: 2px;
-        background-color: var(--bg2);
-        border: 1px solid var(--border);
-
-        .\$filter-group {
-            border-bottom: 1px solid var(--border);
-            overflow: hidden;
-            &:last-child {
-                border-bottom: none;
-            }
-        }
-
-        .\$filter-title-row {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 10px 14px;
-            background-color: var(--bg3);
-            cursor: pointer;
-            user-select: none;
-
-            .\$filter-title {
-                font-size: 0.8rem;
-                font-weight: 600;
-                text-transform: uppercase;
-                letter-spacing: 0.8px;
-                color: var(--text2);
-                margin: 0;
-            }
-
-        }
-
-        .\$filter-mode {
-            display: flex;
-            gap: 4px;
-        }
-
-        .\$filter-btn-mode {
-            background: none;
-            border: 1px solid var(--border);
-            color: var(--text2);
-            font-size: 0.7rem;
-            font-weight: 600;
-            padding: 2px 7px;
-            cursor: pointer;
-            font-family: var(--typography);
-            transition: all 0.15s;
-            letter-spacing: 0.5px;
-            &:hover {
-                border-color: var(--rhpz-orange);
-                color: var(--rhpz-orange);
-            }
-            &.\$active {
-                background-color: var(--rhpz-orange);
-                border-color: var(--rhpz-orange);
-                color: var(--text3);
-            }
-        }
-
-        .\$filter-options {
-            padding: 6px 0;
-            max-height: 180px;
-            overflow-y: auto;
-            &::-webkit-scrollbar {
-                width: 6px;
-            }
-            &::-webkit-scrollbar-track {
-                background: var(--bg2);
-            }
-            &::-webkit-scrollbar-thumb {
-                background: var(--border);
-            }
-        }
-
-        .\$filter-option {
-            display: flex;
-            align-items: center;
-            gap: 9px;
-            padding: 6px 14px;
-            font-size: 0.88rem;
-            color: var(--text);
-            cursor: pointer;
-            transition: background-color 0.1s;
-            &:hover {
-                background-color: var(--bg4);
-            }
-        }
-
-        .\$filter-option input[type="checkbox"] {
-            accent-color: var(--rhpz-orange);
-            width: 14px;
-            height: 14px;
-            cursor: pointer;
-            flex-shrink: 0;
-        }
-
-    }
-
-    .\$database-results {
-        flex: 1;
-        min-width: 0;
-
-        .\$database-sort {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            margin-bottom: 15px;
-            padding-bottom: 15px;
-            border-bottom: 1px solid var(--border);
-            flex-wrap: wrap;
-
-            .\$btn {
-                font-size: 0.85rem;
-                padding: 6px 12px;
-                &.\$active {
-                    border-color: var(--rhpz-orange);
-                    color: var(--rhpz-orange);
-                }
-            }
-
-        }
-
-        .\$database-results-count {
-            margin-left: auto;
-            font-size: 0.85rem;
-            color: var(--text2);
-        }
-
-        .\$database-active-filters {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 6px;
-            margin-bottom: 15px;
-        }
-
-        .\$database-active-filter-tag {
-            display: inline-flex;
-            align-items: center;
-            gap: 6px;
-            background-color: var(--bg3);
-            border: 1px solid var(--border);
-            padding: 3px 10px;
-            font-size: 0.8rem;
-            color: var(--text);
-            .\$tag-type {
-                color: var(--rhpz-orange);
-                font-weight: 600;
-                font-size: 0.75rem;
-                text-transform: uppercase;
-                letter-spacing: 0.5px;
-            }
-            button {
-                background: none;
-                border: none;
-                color: var(--text2);
-                cursor: pointer;
-                padding: 0;
-                display: flex;
-                align-items: center;
-                transition: color 0.15s;
-                &:hover {
-                    color: var(--text);
-                }
-            }
-        }
-
-        .\$database-empty {
-            grid-column: 1 / -1;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            padding: 60px 20px;
-            color: var(--text2);
-            background-color: var(--bg2);
-            border: 1px solid var(--border);
-            gap: 15px;
-            text-align: center;
-
-            i {
-                color: var(--border);
-            }
-
-            p {
-                font-size: 0.95rem;
-            }
-        }
-
-    }
-
-}
-
-.\$database-pagination {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 4px;
-    margin-top: 20px;
-
-    .\$btn {
-        min-width: 36px;
-        padding: 6px 10px;
-        font-size: 0.85rem;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .\$active {
-        background-color: var(--rhpz-orange);
-        border-color: var(--rhpz-orange);
-        color: #111;
-        font-weight: 600;
-    }
-}
-
-.\$database-search {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    margin-bottom: 20px;
-}
-
-@media (max-width: 900px) {
-    .\$database-layout {
-        flex-direction: column;
-    }
-
-    .\$database-wrapper {
-        flex-direction: column;
-    }
-
-    .\$database-filters {
-        width: 100%;
-        display: grid;
-        grid-template-columns: repeat(2,1fr);
-    }
-
-    .\$database-filter-group:last-child {
-        border-bottom: 1px solid var(--border);
-    }
-
-    .\$database-results-count {
-        margin-left: 0;
-        width: 100%;
-    }
-}
-
-@media (max-width: 768px) {
-    .\$database-search {
-        gap: 8px;
-        margin-bottom: 15px;
-        flex-wrap: wrap;
-    }
-
-    .\$database-wrapper {
-        flex-direction: column;
-        gap: 15px;
-    }
-
-    .\$database-filters {
-        width: 100%;
-        grid-template-columns: 1fr;
-        order: -1;
-        margin-bottom: 10px;
-    }
-
-    .\$database-filter-group {
-        padding: 12px 0;
-    }
-
-    .\$grid-entries {
-        grid-template-columns: repeat(3, 1fr);
-        gap: 15px;
-    }
-}
-
-@media (max-width: 600px) {
-    .\$database-search {
-        flex-direction: column;
-    }
-
-    .\$database-filters {
-        grid-template-columns: 1fr;
-    }
-
-    .\$grid-entries {
-        grid-template-columns: repeat(2, 1fr);
-        gap: 12px;
-    }
-
-    .\$database-filter-group {
-        padding: 10px 0;
-    }
-}
-
-@media (max-width: 420px) {
-    .\$grid-entries {
-        grid-template-columns: 1fr;
-        gap: 10px;
-    }
-
-    .\$database-search input {
-        font-size: 0.85rem;
-        padding: 6px 8px;
-    }
-}
-
-.\$filter-chevron {
-    transition: transform 0.2s ease;
-    color: var(--text2);
-    flex-shrink: 0;
-}
-
-.\$filter-chevron.rotated {
-    transform: rotate(-90deg);
-}
-
-.\$internal-filter-search {
-    display: flex;
-    align-items: center;
-    gap: 7px;
-    padding: 7px 14px;
-    border-bottom: 1px solid var(--border);
-    background-color: var(--bg);
-
-    i {
-        color: var(--text2);
-        flex-shrink: 0;
-    }
-
-    input {
-        background: none;
-        border: none;
-        outline: none;
-        color: var(--text);
-        font-family: var(--typography);
-        font-size: 0.85rem;
-        width: 100%;
-
-        &::placeholder {
-            color: var(--text2);
-        }
-    }
-}
-
-.\$filter-title-left {
-    display: flex;
-    align-items: center;
-    gap: 7px;
-}
-
-.\$filter-title-right {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-}
-
-.\$internal-filter-count {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    background-color: var(--rhpz-orange);
-    color: #111;
-    font-size: 0.7rem;
-    font-weight: 700;
-    min-width: 18px;
-    height: 18px;
-    padding: 0 5px;
-    line-height: 1;
-}
-
-.\$internal-filter-clear {
-    background: none;
-    border: 1px solid var(--border);
-    color: var(--text2);
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 18px;
-    height: 18px;
-    padding: 0;
-    transition: all 0.15s;
-
-    &:hover {
-        border-color: var(--error);
-        color: var(--error);
-    }
-}
-
-.\$filter-search-clear {
-    background: none;
-    border: none;
-    color: var(--text2);
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    padding: 0;
-    flex-shrink: 0;
-    transition: color 0.15s;
-    &:hover {
-        color: var(--text);
-    }
-}
-
-
-
 /* File: resources/css/components/drafts.css */
 .\$drafts-count {
     font-size: 0.85rem;
@@ -1797,6 +1418,37 @@ ul {
     min-width: 20px;
     text-align: center;
 }
+
+.\$gallery-mobile-controls {
+    display: none;
+}
+
+@media (max-width: 1024px) {
+    .\$gallery-mobile-controls {
+        display: flex;
+        justify-content: flex-end;
+        gap: 6px;
+        margin-top: 6px;
+    }
+
+    .\$gallery-move-btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 32px;
+        height: 32px;
+        border: 1px solid var(--border);
+        background-color: var(--bg2);
+        color: var(--text);
+        cursor: pointer;
+        padding: 0;
+    }
+
+    .\$gallery-move-btn:disabled {
+        opacity: 0.4;
+        cursor: not-allowed;
+    }
+}
 .\$authors-list {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
@@ -1914,13 +1566,30 @@ ul {
 }
 
 @media (max-width: 600px) {
-    .\$upload-item-actions {
+    .\$upload-item {
         flex-direction: column;
+        align-items: stretch;
+    }
+
+    .\$upload-item-info {
+        width: 100%;
+        flex: 1 1 auto;
+        min-width: 0;
+    }
+
+    .\$upload-item-actions {
+        flex-direction: row;
+        justify-content: flex-end;
+        align-items: center;
         gap: 8px;
+        width: 100%;
+        margin-top: 8px;
+        flex-basis: 100%;
     }
 
     .\$upload-item-actions .\$btn {
-        width: 100%;
+        width: auto;
+        flex: 0 0 auto;
     }
 }
 .file-state-icon { width: 18px; height: 18px; }
@@ -2077,10 +1746,18 @@ ul {
     .\$grid-hashes {
         grid-template-columns: 1fr;
     }
-
+    .\$grid-credits {
+        grid-template-columns: 1fr;
+    }
+    .\$grid-first {
+        display: none;
+    }
     .\$hash-first {
         display: none;
     }
+    .\$author-search-selected {
+        display: none;
+    }
 }
 
 @media (max-width: 600px) {
@@ -2110,6 +1787,22 @@ ul {
     .\$form-error-text {
         font-size: 0.8rem;
     }
+
+    .\$form-type-of-checkboxes {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 1rem;
+
+        label {
+            box-sizing: border-box;
+            margin: 0;
+        }
+
+        input[type="checkbox"] {
+            transform: scale(1.5);
+            margin-right: 1.33rem;
+        }
+    }
 }
 
 
@@ -2146,11 +1839,41 @@ ul {
 
 .\$grid-entries {
     display: grid;
-    grid-template-columns: repeat(6,1fr);
+    grid-template-columns: repeat(6, minmax(0, 1fr));
     gap: 20px;
     margin-bottom: 20px;
 }
 
+@media (max-width: 1400px) {
+    .\$grid-entries {
+        grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 1200px) {
+    .\$grid-entries {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 900px) {
+    .\$grid-entries {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 640px) {
+    .\$grid-entries {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 420px) {
+    .\$grid-entries {
+        grid-template-columns: 1fr;
+    }
+}
+
 
 
 /* File: resources/css/components/hovercard.css */
@@ -4024,7 +3747,7 @@ ul {
 .\$activity-tl-card-description {
     font-size: 0.8rem;
     color: var(--text2);
-    white-space: nowrap;
+    word-break: break-word;
     text-overflow: ellipsis;
     line-height: 1.3;
 }
@@ -4066,6 +3789,8 @@ ul {
 @media (max-width: 600px) {
     .activity-tl-header { flex-direction: column; align-items: flex-start; }
     .activity-tl-thumb  { display: none; }
+    .activity-tl-left   { display: none; }
+    .activity-tl-card-description { display: none; }
     .activity-day-sep   { padding-left: 44px; }
     .activity-tl-left   { width: 44px; }
 
@@ -4080,7 +3805,7 @@ ul {
 
 @media (max-width: 768px) {
     .\$activity-timeline {
-        padding-left: 50px;
+        padding-left: 0px;
     }
 
     .\$activity-tl-left {
@@ -4362,6 +4087,7 @@ ul {
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    min-height: 0;
 }
 
 #topbar {
@@ -4674,6 +4400,30 @@ ul {
         line-height: 1.6;
         color: var(--text);
         margin-bottom: 30px;
+        word-break: break-word;
+
+        p {
+            margin: 0 0 14px;
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+        }
+
+        pre {
+            max-width: 100%;
+            overflow-x: auto;
+            white-space: pre-wrap;
+            word-break: break-word;
+            padding: 12px;
+            border-radius: 6px;
+            margin: 0 0 14px;
+        }
+
+        code {
+            white-space: pre-wrap;
+            word-break: break-word;
+        }
     }
 
     .\$entry-gallery {
@@ -4793,6 +4543,9 @@ ul {
         overflow: hidden;
         background-color: var(--bg4);
         border: 1px solid var(--border);
+        display: flex;
+        align-items: center;
+        justify-content: center;
 
         img {
             width: 100%;
@@ -5175,6 +4928,7 @@ ul {
     flex-shrink: 0;
     transition: transform 0.3s ease;
     z-index: 100;
+    overflow: hidden;
 
     .\$menu-header {
         padding: 10px;
@@ -5212,9 +4966,12 @@ ul {
     }
 
     .\$menu-navigation {
-        flex-grow: 1;
+        flex: 1 1 auto;
+        min-height: 0;
         padding: 10px 0;
         overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        overscroll-behavior: contain;
 
         .\$menu-group {
             margin-bottom: 20px;
@@ -5264,7 +5021,9 @@ ul {
     }
 
     .\$menu-user {
-        padding: 15px 20px;
+        flex-shrink: 0;
+        margin-top: auto;
+        padding: 15px 20px calc(15px + env(safe-area-inset-bottom)) 20px;
         border-top: 1px solid var(--border);
         display: flex;
         align-items: center;
@@ -5299,6 +5058,7 @@ ul {
             &.\$username {
                 font-size: 0.9rem;
                 font-weight: 600;
+                text-decoration: none !important;
             }
             &.\$user_role {
                 font-size: 0.75rem;
@@ -5927,7 +5687,9 @@ ul {
         position: fixed;
         left: 0;
         top: 60px;
-        height: calc(100vh - 60px);
+        height: calc(100dvh - 60px);
+        max-height: calc(100dvh - 60px);
+        min-height: 0;
         transform: translateX(-100%);
         transition: transform 0.3s ease-in-out;
         z-index: 999;

resources/css/base/reset.css

@@ -9,7 +9,8 @@ body {
     background-color: var(--bg);
     color: var(--text);
     display: flex;
-    height: 100vh;
+    height: 100dvh;
+    min-height: 100dvh;
     overflow: hidden;
 }
 

resources/css/components/cards.css

@@ -30,6 +30,7 @@
     border: 1px solid var(--border);
     display: flex;
     min-width: 0;
+    max-width: 100%;
     flex-direction: column;
     transition: transform 0.2s, border-color 0.2s;
     cursor: pointer;
@@ -72,6 +73,7 @@
     .entry-card-info {
         padding: 15px;
         flex-grow: 1;
+        min-width: 0;
         display: flex;
         flex-direction: column;
     }
@@ -82,13 +84,16 @@
         font-size: 1.1rem;
         margin-bottom: 5px;
         line-height: 1.3;
-        word-wrap: break-word;
+        overflow-wrap: anywhere;
+        word-break: break-word;
     }
 
     .entry-card-author {
         color: var(--rhpz-orange);
         font-size: 0.85rem;
         margin-bottom: 10px;
+        overflow-wrap: anywhere;
+        word-break: break-word;
     }
 
     .entry-card-meta {
@@ -148,6 +153,9 @@
 
     .entry-card-meta {
         font-size: 0.75rem;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 6px;
     }
 }
 

resources/css/components/common.css

@@ -43,6 +43,45 @@
     background-color: rgba(129, 199, 132, 0.1);
 }
 
+.back-to-top {
+    display: none;
+}
+
+@media (max-width: 768px) {
+    .back-to-top {
+        display: none;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        position: fixed;
+        right: 14px;
+        bottom: 14px;
+        z-index: 1000;
+        padding: 10px 14px;
+        border-radius: 999px;
+        background-color: var(--bg2);
+        border: 1px solid var(--border);
+        color: var(--text);
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+        opacity: 0;
+        pointer-events: none;
+        transform: translateY(10px);
+        transition: opacity 0.2s ease, transform 0.2s ease;
+    }
+
+    .back-to-top.visible {
+        display: inline-flex;
+        opacity: 1;
+        pointer-events: auto;
+        transform: translateY(0);
+    }
+
+    .back-to-top span {
+        font-size: 0.78rem;
+        font-weight: 600;
+    }
+}
+
 /* BLOCK */
 
 .block {
@@ -94,21 +133,36 @@
     color: var(--text3);
     border-color: var(--rhpz-orange);
 }
-.badge.blue, .badge.translations {
+.badge.blue, .badge.romhacks {
     background-color: var(--info);
     color: var(--text);
     border-color: var(--info);
 }
-.badge.green, .badge.romhacks {
+.badge.green, .badge.translations {
     background-color: var(--success2);
     color: var(--text);
     border-color: var(--success2);
 }
+.badge.red, .badge.homebrew {
+    background-color: #bf2323;
+    color: var(--text);
+    border-color: #bf2323;
+}
 .badge.yellow, .badge.utilities {
     background-color: #fdeb0f;
     color: #000;
     border-color: #fdeb0f;
 }
+.badge.purple, .badge.documents{
+    background-color: #8b23bf;
+    color: var(--text);
+    border-color: #8b23bf;
+}
+.badge.brown, .badge.lua-scripts {
+    background-color: #b4825f;
+    color: var(--text);
+    border-color: #b4825f;
+}
 
 .topbar-badge {
     position: absolute;

resources/css/components/database.css

@@ -227,8 +227,10 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    flex-wrap: wrap;
     gap: 4px;
     margin-top: 20px;
+    width: 100%;
 
     .btn {
         min-width: 36px;
@@ -255,18 +257,20 @@
 }
 
 @media (max-width: 900px) {
-    .database-layout {
-        flex-direction: column;
-    }
-
     .database-wrapper {
         flex-direction: column;
+        width: 100%;
     }
 
     .database-filters {
         width: 100%;
         display: grid;
-        grid-template-columns: repeat(2,1fr);
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .database-results {
+        width: 100%;
+        min-width: 0;
     }
 
     .database-filter-group:last-child {
@@ -286,13 +290,32 @@
         flex-wrap: wrap;
     }
 
+    .filter-bar {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+    .filter-bar .filter-bar-search {
+        max-width: none;
+        flex: initial;
+        width: 100%;
+    }
+
+    .filter-bar .btn {
+        width: 100%;
+        justify-content: center;
+    }
+
     .database-wrapper {
         flex-direction: column;
         gap: 15px;
+        width: 100%;
     }
 
     .database-filters {
-        width: 100%;
+        width: min(100%, 420px);
+        max-width: 420px;
+        margin: 0 auto;
         grid-template-columns: 1fr;
         order: -1;
         margin-bottom: 10px;
@@ -303,7 +326,7 @@
     }
 
     .grid-entries {
-        grid-template-columns: repeat(3, 1fr);
+        grid-template-columns: repeat(3, minmax(0, 1fr));
         gap: 15px;
     }
 }
@@ -311,6 +334,20 @@
 @media (max-width: 600px) {
     .database-search {
         flex-direction: column;
+        align-items: stretch;
+    }
+
+    .filter-bar {
+        padding: 12px;
+    }
+
+    .filter-bar .filter-bar-search {
+        max-width: none;
+    }
+
+    .filter-bar .btn {
+        width: 100%;
+        justify-content: center;
     }
 
     .database-filters {
@@ -318,7 +355,7 @@
     }
 
     .grid-entries {
-        grid-template-columns: repeat(2, 1fr);
+        grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 12px;
     }
 

resources/css/components/forms.css

@@ -393,6 +393,37 @@
     min-width: 20px;
     text-align: center;
 }
+
+.gallery-mobile-controls {
+    display: none;
+}
+
+@media (max-width: 1024px) {
+    .gallery-mobile-controls {
+        display: flex;
+        justify-content: flex-end;
+        gap: 6px;
+        margin-top: 6px;
+    }
+
+    .gallery-move-btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 32px;
+        height: 32px;
+        border: 1px solid var(--border);
+        background-color: var(--bg2);
+        color: var(--text);
+        cursor: pointer;
+        padding: 0;
+    }
+
+    .gallery-move-btn:disabled {
+        opacity: 0.4;
+        cursor: not-allowed;
+    }
+}
 .authors-list {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
@@ -510,13 +541,30 @@
 }
 
 @media (max-width: 600px) {
-    .upload-item-actions {
+    .upload-item {
         flex-direction: column;
+        align-items: stretch;
+    }
+
+    .upload-item-info {
+        width: 100%;
+        flex: 1 1 auto;
+        min-width: 0;
+    }
+
+    .upload-item-actions {
+        flex-direction: row;
+        justify-content: flex-end;
+        align-items: center;
         gap: 8px;
+        width: 100%;
+        margin-top: 8px;
+        flex-basis: 100%;
     }
 
     .upload-item-actions .btn {
-        width: 100%;
+        width: auto;
+        flex: 0 0 auto;
     }
 }
 .file-state-icon { width: 18px; height: 18px; }
@@ -673,10 +721,18 @@
     .grid-hashes {
         grid-template-columns: 1fr;
     }
-
+    .grid-credits {
+        grid-template-columns: 1fr;
+    }
+    .grid-first {
+        display: none;
+    }
     .hash-first {
         display: none;
     }
+    .author-search-selected {
+        display: none;
+    }
 }
 
 @media (max-width: 600px) {
@@ -706,4 +762,20 @@
     .form-error-text {
         font-size: 0.8rem;
     }
+
+    .form-type-of-checkboxes {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 1rem;
+
+        label {
+            box-sizing: border-box;
+            margin: 0;
+        }
+
+        input[type="checkbox"] {
+            transform: scale(1.5);
+            margin-right: 1.33rem;
+        }
+    }
 }

resources/css/components/grid.css

@@ -30,8 +30,38 @@
 
 .grid-entries {
     display: grid;
-    grid-template-columns: repeat(6,1fr);
+    grid-template-columns: repeat(6, minmax(0, 1fr));
     gap: 20px;
     margin-bottom: 20px;
 }
 
+@media (max-width: 1400px) {
+    .grid-entries {
+        grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 1200px) {
+    .grid-entries {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 900px) {
+    .grid-entries {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 640px) {
+    .grid-entries {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 420px) {
+    .grid-entries {
+        grid-template-columns: 1fr;
+    }
+}
+

resources/css/layout/activity.css

@@ -223,7 +223,7 @@
 .activity-tl-card-description {
     font-size: 0.8rem;
     color: var(--text2);
-    white-space: nowrap;
+    word-break: break-word;
     text-overflow: ellipsis;
     line-height: 1.3;
 }
@@ -265,6 +265,8 @@
 @media (max-width: 600px) {
     .activity-tl-header { flex-direction: column; align-items: flex-start; }
     .activity-tl-thumb  { display: none; }
+    .activity-tl-left   { display: none; }
+    .activity-tl-card-description { display: none; }
     .activity-day-sep   { padding-left: 44px; }
     .activity-tl-left   { width: 44px; }
 
@@ -279,7 +281,7 @@
 
 @media (max-width: 768px) {
     .activity-timeline {
-        padding-left: 50px;
+        padding-left: 0px;
     }
 
     .activity-tl-left {

resources/css/layout/content.css

@@ -3,6 +3,7 @@
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    min-height: 0;
 }
 
 #topbar {

resources/css/layout/entry.css

@@ -101,6 +101,30 @@
         line-height: 1.6;
         color: var(--text);
         margin-bottom: 30px;
+        word-break: break-word;
+
+        p {
+            margin: 0 0 14px;
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+        }
+
+        pre {
+            max-width: 100%;
+            overflow-x: auto;
+            white-space: pre-wrap;
+            word-break: break-word;
+            padding: 12px;
+            border-radius: 6px;
+            margin: 0 0 14px;
+        }
+
+        code {
+            white-space: pre-wrap;
+            word-break: break-word;
+        }
     }
 
     .entry-gallery {
@@ -220,6 +244,9 @@
         overflow: hidden;
         background-color: var(--bg4);
         border: 1px solid var(--border);
+        display: flex;
+        align-items: center;
+        justify-content: center;
 
         img {
             width: 100%;

resources/css/layout/menu.css

@@ -7,6 +7,7 @@
     flex-shrink: 0;
     transition: transform 0.3s ease;
     z-index: 100;
+    overflow: hidden;
 
     .menu-header {
         padding: 10px;
@@ -44,9 +45,12 @@
     }
 
     .menu-navigation {
-        flex-grow: 1;
+        flex: 1 1 auto;
+        min-height: 0;
         padding: 10px 0;
         overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        overscroll-behavior: contain;
 
         .menu-group {
             margin-bottom: 20px;
@@ -96,7 +100,9 @@
     }
 
     .menu-user {
-        padding: 15px 20px;
+        flex-shrink: 0;
+        margin-top: auto;
+        padding: 15px 20px calc(15px + env(safe-area-inset-bottom)) 20px;
         border-top: 1px solid var(--border);
         display: flex;
         align-items: center;
@@ -131,6 +137,7 @@
             &.username {
                 font-size: 0.9rem;
                 font-weight: 600;
+                text-decoration: none !important;
             }
             &.user_role {
                 font-size: 0.75rem;

resources/css/layout/responsive.css

@@ -8,7 +8,9 @@
         position: fixed;
         left: 0;
         top: 60px;
-        height: calc(100vh - 60px);
+        height: calc(100dvh - 60px);
+        max-height: calc(100dvh - 60px);
+        min-height: 0;
         transform: translateX(-100%);
         transition: transform 0.3s ease-in-out;
         z-index: 999;

resources/js/SubmissionsClass/GalleryManager.js

@@ -131,15 +131,38 @@ export function GalleryManager() {
             this.dragSrcI = index;
         },
 
+        moveImageUp(index){
+            if( index <= 0 )
+                return;
+
+            const moved = this.images.splice(index, 1)[0];
+            this.images.splice(index - 1, 0, moved);
+        },
+
+        moveImageDown(index){
+            if( index >= this.images.length - 1 )
+                return;
+
+            const moved = this.images.splice(index, 1)[0];
+            this.images.splice(index + 1, 0, moved);
+        },
+
+        reorderImages(from, to){
+            if( from === null || to === null || from === to )
+                return;
+
+            const moved = this.images.splice(from, 1)[0];
+            this.images.splice(to, 0, moved);
+            this.dragSrcI = to;
+        },
+
         dragOver(e, index){
             e.preventDefault();
 
             if( this.dragSrcI === null || this.dragSrcI === index )
                 return;
 
-            const moved = this.images.splice(this.dragSrcI, 1)[0];
+            this.reorderImages(this.dragSrcI, index);
-            this.images.splice(index, 0, moved);
-            this.dragSrcI = index;
         },
 
         dragEnd(){

resources/js/SubmissionsClass/HashesManager.js

@@ -14,6 +14,11 @@ export function HashesManager( wire ) {
          */
         isCalculating: false,
 
+        /**
+         *
+         */
+        manualHashesModal: false,
+
         /**
          * An error on hash calculation.
          * @type {any|null}

resources/js/app.js

@@ -8,6 +8,7 @@ import notifications from "./notifications.js";
 import conversations from "./conversations.js";
 import settings from "./settings.js";
 import { initMobileMenu } from "./mobile-menu.js";
+import { initMobileBackToTop } from "./mobile-back-to-top.js"
 
 /**
  * Get config defined in meta.blade.php
@@ -47,3 +48,4 @@ Alpine.store('settings', settings() );
 
 // Mobile Menu
 document.addEventListener('DOMContentLoaded', initMobileMenu);
+document.addEventListener( 'DOMContentLoaded', initMobileBackToTop );

resources/js/hovercard.js

@@ -72,6 +72,7 @@ export default function hovercard(){
                 Alpine.nextTick(() => {
                     const card = document.querySelector('.hovercard');
                     if (card) window.refreshIcons(card);
+                    this.updatePosition(this.anchorEl);
                 });
 
             } catch( error ){
@@ -89,13 +90,26 @@ export default function hovercard(){
             const RECT = anchorEl.getBoundingClientRect();
             const SCROLL_X = window.scrollX;
             const SCROLL_Y = window.scrollY;
+            const VIEWPORT_WIDTH = window.innerWidth;
+            const VIEWPORT_HEIGHT = window.innerHeight;
 
-            let x = RECT.left + SCROLL_X;
+            const CARD = document.querySelector('.hovercard');
+            const WIDTH = CARD?.offsetWidth || 280;
+            const HEIGHT = CARD?.offsetHeight || 320;
+
+            let x = RECT.right + SCROLL_X + 8;
             let y = RECT.bottom + SCROLL_Y + 8;
 
-            const WIDTH = 280;
+            if( x + WIDTH > VIEWPORT_WIDTH - 8 && RECT.left + SCROLL_X - WIDTH - 8 >= 8 ){
-            if( x + WIDTH > window.innerWidth ){
+                x = RECT.left + SCROLL_X - WIDTH - 8;
-                x = window.innerWidth - WIDTH - 16;
+            } else {
+                x = Math.max(8, Math.min(x, VIEWPORT_WIDTH - WIDTH - 8));
+            }
+
+            if( y + HEIGHT > VIEWPORT_HEIGHT + SCROLL_Y - 8 && RECT.top + SCROLL_Y - HEIGHT - 8 >= 8 ){
+                y = RECT.top + SCROLL_Y - HEIGHT - 8;
+            } else {
+                y = Math.max(8, Math.min(y, VIEWPORT_HEIGHT + SCROLL_Y - HEIGHT - 8));
             }
 
             this.x = x;

resources/js/mobile-back-to-top.js

@@ -0,0 +1,18 @@
+export function initMobileBackToTop(){
+    const backToTopButton = document.querySelector('.back-to-top');
+    const content = document.getElementById('content');
+
+    if (!backToTopButton || !content) {
+        return;
+    }
+
+    const toggleBackToTop = () => {
+        const shouldShow = window.innerWidth <= 768 && content.scrollTop > 320;
+
+        backToTopButton.classList.toggle('visible', shouldShow);
+    };
+
+    toggleBackToTop();
+    content.addEventListener('scroll', toggleBackToTop, { passive: true });
+    window.addEventListener('resize', toggleBackToTop, { passive: true });
+}

resources/views/components/entry-card.blade.php

@@ -20,7 +20,7 @@
         </div>
         <div style="margin-bottom:10px">
             <span class="badge {{ $entry->type }}">{{ \App\View\Components\EntryCard::ENTRY_TYPES_BADGE[$entry->type] ?? $entry->type }}</span>
-            @if( section_must_be('romhacks', $entry->type ) )
+            @if( section_must_be(['romhacks', 'lua-scripts'], $entry->type ) )
                 @foreach( $entry->modifications as $modif )
                     <span class="badge orange">{{ $modif->name }}</span>
                 @endforeach
@@ -28,7 +28,7 @@
                 @foreach( $entry->languages as $lang )
                     <span class="badge orange">{{ $lang->name }}</span>
                 @endforeach
-            @elseif( section_must_be( 'utilities', $entry->type ) )
+            @elseif( section_must_be( ['utilities', 'documents'], $entry->type ) )
                 @foreach( $entry->categories as $category )
                     <span class="badge orange">{{ $category->name }}</span>
                 @endforeach
@@ -46,7 +46,7 @@
             @endif
         </div>
         <div class="entry-card-meta">
-            <span><i data-lucide="download" size="12"></i> x</span>
+            <span><i data-lucide="download" size="12"></i> {{ $entry->total_downloads ?? 0 }}</span>
             <span>Added: {{ $entry->created_at->format('y-m-d') }}</span>
         </div>
     </div>

resources/views/components/gallery-field.blade.php

@@ -2,20 +2,28 @@
     <x-form-field-title name="Screenshots" helper="At least 1 Screenshot required, Maximum 20." required="{{ $required ? 'true' : 'false' }}" />
     <div class="form-group main-image-grid">
         <div class="form-upload" style="flex:1;" :class="{ 'disabled': isFull }">
-            <input type="file" id="gallery-field" accept="image/png, image/jpeg, image/webp" multiple :disabled="isFull" @change="handleSubmitFiles($event)">
+            <input type="file" id="gallery-field" accept="image/png, image/jpeg, image/webp, image/gif" multiple :disabled="isFull" @change="handleSubmitFiles($event)">
             <div class="form-upload-placeholder level">
                 <i data-lucide="file-archive" size="36" style="margin-bottom:15px;color:var(--text2)"></i>
                 <div style="font-size: 1.1rem;color:var(--text);margin-bottom:5px;">
                     Click or drag'n drop files here.
                 </div>
                 <div style="font-size:0.85rem;color:var(--text2);">
-                    Accepted: PNG, JPG or WebP
+                    Accepted: PNG, JPG, GIF or WebP
                 </div>
             </div>
         </div>
         <div class="form-gallery form-group level" style="flex:4;">
             <template x-for="(image,i) in images" :key="image.key">
-                <div class="gallery-item" :class="{ 'gallery-item--dragging': dragSrcI === i }" draggable="true" @dragstart="dragStart(i)" @dragover="dragOver($event, i)" @dragend="dragEnd()">
+                <div
+                    class="gallery-item"
+                    :class="{ 'gallery-item--dragging': dragSrcI === i }"
+                    draggable="true"
+                    :data-gallery-index="i"
+                    @dragstart="dragStart(i)"
+                    @dragover="dragOver($event, i)"
+                    @dragend="dragEnd()"
+                >
                     <div class="form-image-preview-wrap">
                         <div class="gallery-drag-handle" title="Drag to reorder">
                             <i data-lucide="grip-vertical" size="14"></i>
@@ -28,6 +36,14 @@
                             X
                         </button>
                     </div>
+                    <div class="gallery-mobile-controls" aria-label="Reorder screenshot">
+                        <button type="button" class="gallery-move-btn" @click="moveImageUp(i)" :disabled="i === 0" title="Move up">
+                            <i data-lucide="chevron-up" size="14"></i>
+                        </button>
+                        <button type="button" class="gallery-move-btn" @click="moveImageDown(i)" :disabled="i === images.length - 1" title="Move down">
+                            <i data-lucide="chevron-down" size="14"></i>
+                        </button>
+                    </div>
                 </div>
             </template>
         </div>

resources/views/components/main-image-field.blade.php

@@ -3,14 +3,14 @@
     <x-form-field-title name="Main image" helper="This will show up on the index and on top of the entry. A screenshot or custom cover is prefered else all entries of same game will look the same." required="{{ $required ? 'true' : 'false' }}" />
     <div class="form-group main-image-grid">
         <div class="form-upload" style="flex:4;">
-            <input type="file" id="main-image-field" accept="image/png, image/jpeg, image/webp" @change="handleSubmitFile($event)">
+            <input type="file" id="main-image-field" accept="image/png, image/jpeg, image/webp, image/gif" @change="handleSubmitFile($event)">
             <div class="form-upload-placeholder level">
                 <i data-lucide="file-archive" size="36" style="margin-bottom:15px;color:var(--text2)"></i>
                 <div style="font-size: 1.1rem;color:var(--text);margin-bottom:5px;">
                     Click or drag'n drop files here.
                 </div>
                 <div style="font-size:0.85rem;color:var(--text2);">
-                    Accepted: PNG, JPG or WebP
+                    Accepted: PNG, JPG, GIF or WebP
                 </div>
             </div>
             <input type="hidden" name="main-image" x-model="serverFilePath">

resources/views/components/staff-credits-field.blade.php

@@ -2,9 +2,9 @@
     <x-form-field-title name="Staff/Credits" />
     <template x-if="credits.length > 0">
         <div class="form-group grid-credits">
-            <div><x-form-field-title name="Name" /></div>
+            <div class="grid-first"><x-form-field-title name="Name" /></div>
-            <div><x-form-field-title name="Description" /></div>
+            <div class="grid-first"><x-form-field-title name="Description" /></div>
-            <div><x-form-field-title name="Actions" /></div>
+            <div class="grid-first"><x-form-field-title name="Actions" /></div>
             <template x-for="(credit,i) in credits" :key="i">
                 <div style="display:contents">
                     <div>

resources/views/components/topbar.blade.php

@@ -1,6 +1,6 @@
 @php $topbarModSeparator = false; $topbarAdminSeparator = false; @endphp
 <header id="topbar">
-    <button class="mobile-toggle">
+    <button class="mobile-toggle" title="Open menu">
         <i data-lucide="menu"></i>
     </button>
 
@@ -14,7 +14,7 @@
 
     <input type="text" id="search-input" placeholder="Search" autocomplete="off">
 
-    <button type="submit" class="search-button">
+    <button type="submit" class="search-button" title="Search">
         <i data-lucide="search" size="18" color="var(--text2)"></i>
     </button>
 </form>
@@ -124,26 +124,28 @@
         @endcan
         @if( !\Auth::guest() )
             <div x-data x-init="$store.notifications.unviewed = {{ \Auth::user()->alerts_unviewed }}" style="position:relative">
-                <button type="button" class="btn" :class="{ 'active': $store.notifications.start }" @click="$store.notifications.open($el)" @click.outside="$store.notifications.close()">
+                <button type="button" class="btn" title="Notifications" :class="{ 'active': $store.notifications.start }" @click="$store.notifications.open($el)" @click.outside="$store.notifications.close()">
                     <i data-lucide="bell" size="18"></i>
                     <span
                         class="topbar-badge"
                         :class="$store.notifications.unread > 9 ? 'topbar-badge--overflow' : ''"
                         x-show="$store.notifications.unread > 0"
                         x-text="$store.notifications.unread > 99 ? '99+' : $store.notifications.unread"
+                        x-cloak
                     ></span>
                 </button>
 
                 @include('components.notifications')
             </div>
             <div x-data x-init="$store.conversations.unviewed = {{ \Auth::user()->conversations_unread }}" style="position:relative">
-                <button type="button" class="btn" :class="{ 'active': $store.conversations.start }" @click="$store.conversations.open($el)" @click.outside="$store.conversations.close()">
+                <button type="button" class="btn" title="Messages" :class="{ 'active': $store.conversations.start }" @click="$store.conversations.open($el)" @click.outside="$store.conversations.close()">
                     <i data-lucide="mail" size="18"></i>
                     <span
                         class="topbar-badge"
                         :class="$store.conversations.unread > 9 ? 'topbar-badge--overflow' : ''"
                         x-show="$store.conversations.unread > 0"
                         x-text="$store.conversations.unread > 99 ? '99+' : $store.conversations.unread"
+                        x-cloak
                     ></span>
                 </button>
 
@@ -154,6 +156,7 @@
                 <button
                     type="button"
                     class="btn"
+                    title="Settings"
                     :class="{ 'active': $store.settings.start }"
                     @click="$store.settings.open()"
                     @click.outside="$store.settings.close()"

resources/views/entries/comments.blade.php

@@ -54,7 +54,7 @@
                             </div>
 
                             <div class="comment-body">
-                                {!! $comment['message'] !!}
+                                {!! \App\Helpers\EntryHelpers::stripBbCode($comment['message']) !!}
                             </div>
                         </div>
                     </div>

resources/views/entries/show.blade.php

@@ -122,6 +122,9 @@
                         <x-entry-meta-item label="Release Date" value="{{ $entry->release_date->format('Y-m-d') }}"
                                            route="none"/>
                     @endif
+                    @if( $entry->total_downloads )
+                        <x-entry-meta-item label="Downloads" value="{{ $entry->total_downloads }}" route="none" />
+                    @endif
                 </div>
                 <div class="hack-actions" style="display:flex;gap:10px;">
                     @if($entry->state === 'pending')

resources/views/errors/403.blade.php

@@ -0,0 +1,6 @@
+@extends('layouts.app')
+
+@section('content')
+    <x-error-block error-type="page-not-allowed" message="Unknown" />
+    <a class="btn" href="javascript:history.go(-1)">Go back to the previous page</a>
+@endsection

resources/views/errors/404.blade.php

@@ -0,0 +1,6 @@
+@extends('layouts.app')
+
+@section('content')
+    <x-error-block error-type="not-found" />
+    <a class="btn" href="javascript:history.go(-1)">Go back to the previous page</a>
+@endsection

resources/views/errors/4xx.blade.php

@@ -0,0 +1,6 @@
+@extends('layouts.app')
+
+@section('content')
+    <x-error-block error-type="custom" message="{{ $exception->getMessage() }}" />
+    <a class="btn" href="javascript:history.go(-1)">Go back to the previous page</a>
+@endsection

resources/views/errors/500.blade.php

@@ -0,0 +1,305 @@
+<html>
+<head>
+    <title>500 - Internal server error - Romhack Plaza</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+
+        :root {
+
+            /* RHPZ color */
+            --rhpz-orange: #ff7300;
+            --rhpz-orange-hover: #e56700;
+
+            /* Background colors */
+            --bg: #1e1e1e;
+            --bg2: #252526;
+            --bg3: #2d2d30;
+            --bg4: #3e3e42;
+
+            /* Text */
+            --text: #f1f1f1;
+            --text2: #a1a1aa;
+            --text3: #111111;
+
+            /* Elements */
+            --border: #3f3f46;
+            --error: #e57373;
+            --info: #1976d2;
+            --success: #81c784;
+            --success2: #388e3c;
+
+            /* Typo */
+            --typography: 'Segoe UI', 'San Francisco', 'Helvetica Neue', sans-serif;
+
+            /* Menu settings */
+            --menu-size: 260px;
+            --menu-user-avatar-bg: #555;
+
+            /* Gap */
+            --gap: 15px;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: var(--typography);
+            background-color: var(--bg);
+            color: var(--text);
+            display: flex;
+            height: 100vh;
+            overflow: hidden;
+        }
+
+        a {
+            color: var(--rhpz-orange);
+            text-decoration: none;
+            transition: color 0.2s;
+        }
+
+        a:hover {
+            color: var(--rhpz-orange-hover);
+            text-decoration: underline;
+        }
+
+        #app {
+            display: flex;
+            width: 100%;
+            height: 100%;
+        }
+
+        ul {
+            margin-left: 20px;
+            margin-bottom: 20px;
+            list-style-type: square;
+        }
+
+        [x-cloak] {display: none !important;}
+
+
+        /* BUTTONS */
+
+        .btn {
+            background-color: var(--bg3);
+            border: 1px solid var(--border);
+            color: var(--text);
+            padding: 8px 16px;
+            font-size: 0.9rem;
+            cursor: pointer;
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            transition: all 0.1s;
+        }
+        .btn:hover {
+            background-color: var(--bg4);
+            border-color: var(--menu-user-avatar-bg);
+        }
+        .btn.primary {
+            background-color: var(--rhpz-orange);
+            color: var(--text3);
+            border-color: var(--rhpz-orange);
+            font-weight: 600;
+        }
+        .btn.primary:hover {
+            background-color: var(--rhpz-orange-hover);
+            border-color: var(--rhpz-orange-hover);
+        }
+        .btn.danger {
+            background-color: transparent;
+            color: var(--error);
+            border-color: var(--error);
+        }
+        .btn.danger:hover {
+            background-color: rgba(229, 115, 115, 0.1);
+        }
+        .btn.success {
+            background-color: transparent;
+            color: var(--success);
+            border-color: var(--success);
+        }
+        .btn.success:hover {
+            background-color: rgba(129, 199, 132, 0.1);
+        }
+
+        /* BLOCK */
+
+        .block {
+            background-color: var(--bg2);
+            border: 1px solid var(--border);
+            padding: 20px;
+            margin-bottom: 20px;
+        }
+        .block.featured {
+            border-left: 3px solid var(--rhpz-orange);
+        }
+        .block-header {
+            font-size: 1.2rem;
+            color: var(--text);
+            margin-bottom: 15px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            border-bottom: 1px solid var(--border);
+            padding-bottom: 10px;
+        }
+        .block-success {
+            background-color: var(--success);
+            border: 1px solid var(--success);
+            color: var(--text);
+            padding: 20px;
+            margin-bottom: 20px;
+        }
+        .block-error {
+            background-color: var(--error);
+            border: 1px solid var(--error);
+            color: var(--text);
+            padding: 20px;
+            margin-bottom: 20px;
+        }
+
+        /* PAGE */
+
+        .page-title {
+            font-size: 1.8rem;
+            font-weight: 300;
+            margin-bottom: 20px;
+            color: var(--text);
+            flex-shrink: 0;
+        }
+
+        /* TEXTS */
+
+        .whisper {
+            color: var(--text2);
+            margin-bottom: 15px;
+        }
+
+        .content-title {
+            color: var(--text);
+            margin: 30px 0 15px 0;
+            border-left: 3px solid var(--rhpz-orange);
+            padding-left: 10px;
+        }
+
+        .quote {
+            background-color: var(--bg);
+            border-left: 4px solid #1976d2;
+            padding: 15px;
+            margin-top: 30px;
+            font-style: italic;
+        }
+
+        @media (max-width: 768px) {
+            .btn {
+                padding: 7px 12px;
+                font-size: 0.85rem;
+                gap: 6px;
+            }
+
+            .block {
+                padding: 15px;
+                margin-bottom: 15px;
+            }
+
+            .block-header {
+                font-size: 1.05rem;
+                margin-bottom: 12px;
+                padding-bottom: 8px;
+            }
+
+            .page-title {
+                font-size: 1.5rem;
+                margin-bottom: 15px;
+            }
+
+            .content-title {
+                margin: 20px 0 12px 0;
+                padding-left: 8px;
+            }
+
+            .quote {
+                padding: 12px;
+                margin-top: 20px;
+                font-size: 0.95rem;
+            }
+
+            .whisper {
+                margin-bottom: 12px;
+                font-size: 0.9rem;
+            }
+
+            .breadcrumb {
+                font-size: 0.85rem;
+            }
+        }
+
+        @media (max-width: 600px) {
+            .btn {
+                padding: 6px 10px;
+                font-size: 0.8rem;
+                gap: 4px;
+                justify-content: center;
+            }
+
+            .btn.primary, .btn.danger, .btn.success {
+                width: 100%;
+            }
+
+            .block {
+                padding: 12px;
+                margin-bottom: 12px;
+            }
+
+            .block-header {
+                font-size: 0.95rem;
+                margin-bottom: 10px;
+                padding-bottom: 6px;
+            }
+
+            .page-title {
+                font-size: 1.2rem;
+                margin-bottom: 12px;
+            }
+
+            .badge {
+                padding: 2px 6px;
+                font-size: 0.7rem;
+            }
+
+            .topbar-badge {
+                min-width: 16px;
+                height: 16px;
+                padding: 0 3px;
+                font-size: 0.6rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div id="app" style="display:flex;flex-direction: column;align-items: center;justify-content: center;">
+        <main id="main-wrapper">
+            <main id="content">
+                <div class="block">
+                    <div class="page-title">500 - Internal server error</div>
+                    <p>To resolve the issue quickly, please report it on Gitea, Discord, or the forum with the following information.</p>
+                    <ul>
+                        <li>Your error code: {{ $errorId ?? "" }}</li>
+                        <li>What you were doing before the error occurred.</li>
+                    </ul>
+                </div>
+                <div>
+                    <a href="https://code.romhackplaza.org/RHPZAdmin/RomhackPlaza/issues" class="btn primary">Report the problem on Gitea</a>
+                    <a href="https://community.romhackplaza.org/forums/bug-reports.6/" class="btn primary">Report the problem on the forum</a>
+                    <a href="https://community.romhackplaza.org/misc/contact/" class="btn">Report the problem with the contact form</a>
+                    <a href="https://discord.gg/5CKzeWmZZU" class="btn">Report the problem on Discord</a>
+                </div>
+            </main>
+        </main>
+    </div>
+</body>
+</html>

resources/views/layouts/app.blade.php

@@ -24,12 +24,20 @@
                 @if(session('error'))
                     <x-error-block error-type="custom" :message="session('error')" />
                 @endif
+                @if(isset($errors) && $errors->has('maintenance'))
+                    <x-error-block error-type="custom" :message="$errors->get('maintenance')[0]" />
+                @endif
                 @yield('content')
             </div>
         </main>
 
     </div>
 
+    <button type="button" class="back-to-top" aria-label="Back to top" onclick="document.getElementById('content')?.scrollTo({ top: 0, behavior: 'smooth' });">
+        <i data-lucide="arrow-up"></i>
+        <span>Top</span>
+    </button>
+
     @include('components.hovercard')
     @livewireScripts
     @stack('scripts')

resources/views/layouts/menu.blade.php

@@ -38,7 +38,11 @@
         </div>
         <div class="menu-user-info">
             <span class="username">
-                {{ $VISITOR->username ?? "Guest" }}
+                @if( $VISITOR->guest() )
+                    Guest
+                @else
+                    <x-xf-username-link :user-id="$VISITOR->user_id" />
+                @endif
             </span>
             <span class="user_role">
                 <a href="{{ $VISITOR->guest() ? xfRoute('login') : xfRoute('logout') . '?t=' . xfCsrfToken() }}">

resources/views/layouts/modcp.blade.php

@@ -27,10 +27,12 @@
 
                 <div class="modcp-nav-group">
                     <span class="modcp-nav-label">Content</span>
+                    @can('moderate','\App\Models\Entry')
                         <a href="{{ route('modcp.locked') }}" class="modcp-nav-item" {{ request()->routeIs('modcp.locked') ? 'active' : '' }}>
                             <i data-lucide="lock" size="15"></i>
                             Locked entries
                         </a>
+                    @endcan
                     @can('is-admin')
                         <a href="{{ route('modcp.draft') }}" class="modcp-nav-item" {{ request()->routeIs('modcp.draft') ? 'active' : '' }}>
                             <i data-lucide="scissors" size="15"></i>
@@ -74,6 +76,14 @@
                             <i data-lucide="box" size="15"></i>
                             Genres
                         </a>
+                        <a href="{{ route('modcp.levels.index') }}" class="modcp-nav-item" {{ request()->routeIs('modcp.levels.*') ? 'active' : '' }}">
+                            <i data-lucide="weight" size="15"></i>
+                            Levels
+                        </a>
+                        <a href="{{ route('modcp.modifications.index') }}" class="modcp-nav-item" {{ request()->routeIs('modcp.modifications.*') ? 'active' : '' }}">
+                            <i data-lucide="pencil-ruler" size="15"></i>
+                            Modifications
+                        </a>
                     @endcan
                 </div>
 

resources/views/livewire/activity-logs.blade.php

@@ -203,7 +203,7 @@
         </div>
 
         <div class="log-pagination">
-            {{ $logs->links() }}
+            {{ $logs->links('modcp.pagination') }}
         </div>
     @endif
 

resources/views/livewire/hashes-upload.blade.php

@@ -59,7 +59,55 @@
 
     <span x-show="error" x-text="error" class="form-error-text" x-cloak></span>
 
-    <button type="button" class="btn primary" :disabled="isCalculating" @click="handleSubmitFile()">Add Hashes</button>
+    <button type="button" class="btn" :disabled="isCalculating" @click="manualHashesModal = true;">Provide hash manually</button>
+    <button type="button" class="btn primary" :disabled="isCalculating" @click="handleSubmitFile()">Add hashes</button>
+</div>
+        <div
+        class="modal-overlay"
+        x-show="manualHashesModal"
+        x-effect="manualHashesModal && $nextTick(() => window.refreshIcons($el))"
+        x-cloak
+        x-transition.opacity.duration.300ms
+        @keydown.escape.window="manualHashesModal = false"
+        @focus="window.refreshIcons($el)"
+        @close-manual-modal.window="manualHashesModal = false"
+    >
+        <div @click.outside="manualHashesModal = false" class="modal-window">
+
+                <div class="modal-header">
+                    <span class="modal-title">Provide hash manually</span>
+                    <button type="button" @click="manualHashesModal = false" class="modal-close">
+                        <i data-lucide="x" size="18"></i>
+                    </button>
+                </div>
+
+            <div class="modal-content">
+
+                <div class="form-group">
+                    <label class="form-label">Filename</label>
+                    <input type="text" wire:model="manualFilename" class="form-input" maxlength="512">
+                    @error('manualFilename') <span class="form-error-text">{{ $message }}</span> @enderror
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label">CRC32</label>
+                    <input type="text" wire:model="manualCRC32" class="form-input" maxlength="512">
+                    @error('manualCRC32') <span class="form-error-text">{{ $message }}</span> @enderror
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label">SHA-1</label>
+                    <input type="text" wire:model="manualSHA1" class="form-input" maxlength="512">
+                    @error('manualSHA1') <span class="form-error-text">{{ $message }}</span> @enderror
+                </div>
+
+                <button type="button" class="btn primary" style="width: 100%; justify-content: center;" wire:click="addManualHash" wire:loading.attr="disabled">
+                    <i data-lucide="plus" size="14"></i> Add
+                </button>
+
+            </div>
+
+        </div>
     </div>
 
 </div>

resources/views/maintenance.blade.php

@@ -0,0 +1,299 @@
+<html>
+<head>
+    <title>500 - Internal server error - Romhack Plaza</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+
+        :root {
+
+            /* RHPZ color */
+            --rhpz-orange: #ff7300;
+            --rhpz-orange-hover: #e56700;
+
+            /* Background colors */
+            --bg: #1e1e1e;
+            --bg2: #252526;
+            --bg3: #2d2d30;
+            --bg4: #3e3e42;
+
+            /* Text */
+            --text: #f1f1f1;
+            --text2: #a1a1aa;
+            --text3: #111111;
+
+            /* Elements */
+            --border: #3f3f46;
+            --error: #e57373;
+            --info: #1976d2;
+            --success: #81c784;
+            --success2: #388e3c;
+
+            /* Typo */
+            --typography: 'Segoe UI', 'San Francisco', 'Helvetica Neue', sans-serif;
+
+            /* Menu settings */
+            --menu-size: 260px;
+            --menu-user-avatar-bg: #555;
+
+            /* Gap */
+            --gap: 15px;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: var(--typography);
+            background-color: var(--bg);
+            color: var(--text);
+            display: flex;
+            height: 100vh;
+            overflow: hidden;
+        }
+
+        a {
+            color: var(--rhpz-orange);
+            text-decoration: none;
+            transition: color 0.2s;
+        }
+
+        a:hover {
+            color: var(--rhpz-orange-hover);
+            text-decoration: underline;
+        }
+
+        #app {
+            display: flex;
+            width: 100%;
+            height: 100%;
+        }
+
+        ul {
+            margin-left: 20px;
+            margin-bottom: 20px;
+            list-style-type: square;
+        }
+
+        [x-cloak] {display: none !important;}
+
+
+        /* BUTTONS */
+
+        .btn {
+            background-color: var(--bg3);
+            border: 1px solid var(--border);
+            color: var(--text);
+            padding: 8px 16px;
+            font-size: 0.9rem;
+            cursor: pointer;
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            transition: all 0.1s;
+        }
+        .btn:hover {
+            background-color: var(--bg4);
+            border-color: var(--menu-user-avatar-bg);
+        }
+        .btn.primary {
+            background-color: var(--rhpz-orange);
+            color: var(--text3);
+            border-color: var(--rhpz-orange);
+            font-weight: 600;
+        }
+        .btn.primary:hover {
+            background-color: var(--rhpz-orange-hover);
+            border-color: var(--rhpz-orange-hover);
+        }
+        .btn.danger {
+            background-color: transparent;
+            color: var(--error);
+            border-color: var(--error);
+        }
+        .btn.danger:hover {
+            background-color: rgba(229, 115, 115, 0.1);
+        }
+        .btn.success {
+            background-color: transparent;
+            color: var(--success);
+            border-color: var(--success);
+        }
+        .btn.success:hover {
+            background-color: rgba(129, 199, 132, 0.1);
+        }
+
+        /* BLOCK */
+
+        .block {
+            background-color: var(--bg2);
+            border: 1px solid var(--border);
+            padding: 20px;
+            margin-bottom: 20px;
+        }
+        .block.featured {
+            border-left: 3px solid var(--rhpz-orange);
+        }
+        .block-header {
+            font-size: 1.2rem;
+            color: var(--text);
+            margin-bottom: 15px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            border-bottom: 1px solid var(--border);
+            padding-bottom: 10px;
+        }
+        .block-success {
+            background-color: var(--success);
+            border: 1px solid var(--success);
+            color: var(--text);
+            padding: 20px;
+            margin-bottom: 20px;
+        }
+        .block-error {
+            background-color: var(--error);
+            border: 1px solid var(--error);
+            color: var(--text);
+            padding: 20px;
+            margin-bottom: 20px;
+        }
+
+        /* PAGE */
+
+        .page-title {
+            font-size: 1.8rem;
+            font-weight: 300;
+            margin-bottom: 20px;
+            color: var(--text);
+            flex-shrink: 0;
+        }
+
+        /* TEXTS */
+
+        .whisper {
+            color: var(--text2);
+            margin-bottom: 15px;
+        }
+
+        .content-title {
+            color: var(--text);
+            margin: 30px 0 15px 0;
+            border-left: 3px solid var(--rhpz-orange);
+            padding-left: 10px;
+        }
+
+        .quote {
+            background-color: var(--bg);
+            border-left: 4px solid #1976d2;
+            padding: 15px;
+            margin-top: 30px;
+            font-style: italic;
+        }
+
+        @media (max-width: 768px) {
+            .btn {
+                padding: 7px 12px;
+                font-size: 0.85rem;
+                gap: 6px;
+            }
+
+            .block {
+                padding: 15px;
+                margin-bottom: 15px;
+            }
+
+            .block-header {
+                font-size: 1.05rem;
+                margin-bottom: 12px;
+                padding-bottom: 8px;
+            }
+
+            .page-title {
+                font-size: 1.5rem;
+                margin-bottom: 15px;
+            }
+
+            .content-title {
+                margin: 20px 0 12px 0;
+                padding-left: 8px;
+            }
+
+            .quote {
+                padding: 12px;
+                margin-top: 20px;
+                font-size: 0.95rem;
+            }
+
+            .whisper {
+                margin-bottom: 12px;
+                font-size: 0.9rem;
+            }
+
+            .breadcrumb {
+                font-size: 0.85rem;
+            }
+        }
+
+        @media (max-width: 600px) {
+            .btn {
+                padding: 6px 10px;
+                font-size: 0.8rem;
+                gap: 4px;
+                justify-content: center;
+            }
+
+            .btn.primary, .btn.danger, .btn.success {
+                width: 100%;
+            }
+
+            .block {
+                padding: 12px;
+                margin-bottom: 12px;
+            }
+
+            .block-header {
+                font-size: 0.95rem;
+                margin-bottom: 10px;
+                padding-bottom: 6px;
+            }
+
+            .page-title {
+                font-size: 1.2rem;
+                margin-bottom: 12px;
+            }
+
+            .badge {
+                padding: 2px 6px;
+                font-size: 0.7rem;
+            }
+
+            .topbar-badge {
+                min-width: 16px;
+                height: 16px;
+                padding: 0 3px;
+                font-size: 0.6rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div id="app" style="display:flex;flex-direction: column;align-items: center;justify-content: center;">
+        <main id="main-wrapper">
+            <main id="content">
+                <div class="block">
+                    <div class="page-title">Maintenance is in progress.</div>
+                    <p>Please wait until maintenance is complete. Follow the Discord server or the forum if this is unscheduled maintenance.</p>
+                </div>
+                <div>
+                    <a href="https://community.romhackplaza.org/" class="btn primary">Go to the forum</a>
+                    <a href="https://discord.gg/5CKzeWmZZU" class="btn">Go to Discord</a>
+                </div>
+            </main>
+        </main>
+    </div>
+</body>
+</html>

resources/views/modcp/authors.blade.php

@@ -84,6 +84,6 @@
         @endforelse
     </div>
 
-    {{ $items->links() }}
+    {{ $items->links('modcp.pagination') }}
 
 @endsection

resources/views/modcp/deleted.blade.php

@@ -55,7 +55,7 @@
                 </div>
             @endforeach
         </div>
-        {{ $entries->links() }}
+        {{ $entries->links('modcp.pagination') }}
     @endif
 
 @endsection

resources/views/modcp/entries.blade.php

@@ -47,6 +47,6 @@
                 </div>
             @endforeach
         </div>
-        {{ $entries->links() }}
+        {{ $entries->links( 'modcp.pagination' ) }}
     @endif
 @endsection

resources/views/modcp/games.blade.php

@@ -98,6 +98,6 @@
         @endforelse
     </div>
 
-    {{ $items->links() }}
+    {{ $items->links('modcp.pagination') }}
 
 @endsection

resources/views/modcp/index.blade.php

@@ -14,6 +14,7 @@
                 <span class="modcp-stat-label">In queue</span>
             </div>
         </a>
+        @can('moderate','\App\Models\Entry')
             <a href="{{ route('modcp.locked') }}" class="modcp-stat-card">
                 <div class="modcp-stat-icon"><i data-lucide="lock" size="22"></i></div>
                 <div class="modcp-stat-info">
@@ -21,6 +22,7 @@
                     <span class="modcp-stat-label">Locked</span>
                 </div>
             </a>
+        @endcan
         @can('is-admin')
             <a href="{{ route('modcp.draft') }}" class="modcp-stat-card">
                 <div class="modcp-stat-icon"><i data-lucide="scissors" size="22"></i></div>
@@ -54,6 +56,7 @@
     </div>
 
     @if($recentDeleted->isNotEmpty())
+        @can('is-admin')
             <div class="modcp-section-title" style="margin-top: 25px;">Recently deleted</div>
             <div class="modcp-list">
                 @foreach($recentDeleted as $entry)
@@ -85,6 +88,7 @@
                 <a href="{{ route('modcp.deleted') }}" class="modcp-list-see-all">
                     See all deleted entries →
                 </a>
+            @endcan
         </div>
     @endif
 

resources/views/modcp/pagination.blade.php

@@ -0,0 +1,34 @@
+<?php /** @var \Illuminate\Pagination\LengthAwarePaginator $paginator */ ?>
+@if ($paginator->hasPages())
+    <div class="database-pagination">
+
+        @if ($paginator->onFirstPage())
+            <button class="btn" disabled>«</button>
+        @else
+            <a class="btn" href="{{ $paginator->previousPageUrl() }}">«</a>
+        @endif
+
+        {{-- Pages --}}
+        @foreach ($elements as $element)
+            @if (is_string($element))
+                <button class="btn" disabled>{{ $element }}</button>
+            @endif
+
+            @if (is_array($element))
+                @foreach ($element as $page => $url)
+                    <a
+                        class="btn {{ $page == $paginator->currentPage() ? 'active' : '' }}"
+                        href="{{ $url }}"
+                    >{{ $page }}</a>
+                @endforeach
+            @endif
+        @endforeach
+
+        @if ($paginator->hasMorePages())
+            <a class="btn" href="{{ $paginator->nextPageUrl() }}">»</a>
+        @else
+            <button class="btn" disabled>»</button>
+        @endif
+
+    </div>
+@endif

resources/views/modcp/resources.blade.php

@@ -71,6 +71,6 @@
         @endforelse
     </div>
 
-    {{ $items->links() }}
+    {{ $items->links('modcp.pagination') }}
 
 @endsection

resources/views/news/form.blade.php

@@ -33,8 +33,8 @@
         </div>
 
         <div class="form-group" x-ref="descriptionField">
-            <x-form-field-title name="Content" required="true" />
+            <x-form-field-title name="Content" helper="You must write in markdown. Click on the interrogation mark in the toolbar to learn more about Markdown." required="true" />
-            <x-markdown-textarea name="description" value="{{ old('description', $news->description ?? '') }}" />
+            <x-markdown-textarea name="description" value="{!! old('description', $news->description ?? '') !!}" />
             <div class="form-error-text" x-show="errorKey === 'noDescription'" x-text="errorMessage"></div>
             @error('description')
                 <x-form-error-text message="{{ $message }}" />

resources/views/news/show.blade.php

@@ -154,6 +154,7 @@
                     </div>
                 @endif
             </div>
+            @if( $news->entry()->exists() || $news->relevant_link || $news->youtube_link )
                 <aside class="news-sidebar">
 
                     @if($news->entry()->exists())
@@ -219,6 +220,7 @@
                         </div>
                     @endif
                 </aside>
+            @endif
         </div>
     </article>
     @include('entries.comments')

resources/views/reviews/submit.blade.php

@@ -11,7 +11,7 @@
 
         <div class="modal-header">
             <span class="modal-title">Write a review</span>
-            <button @click="reviewModalOpen = false" class="modal-close">
+            <button type="button" @click="reviewModalOpen = false" class="modal-close">
                 <i data-lucide="x" size="18"></i>
             </button>
         </div>

resources/views/submissions/form.blade.php

@@ -120,8 +120,8 @@
         @endif
 
         <div class="form-group" x-ref="descriptionField">
-            <x-form-field-title name="{{ $words['description'] }}" required="true" />
+            <x-form-field-title name="{{ $words['description'] }}" helper="You must write in markdown. Click on the interrogation mark in the toolbar to learn more about Markdown." required="true" />
-            <x-markdown-textarea name="description" value="{{ old('description', $entry->description ?? '') }}" />
+            <x-markdown-textarea name="description" value="{!! old('description', $entry->description ?? '') !!}" />
             <div class="form-error-text" x-show="errorKey === 'noDescription'" x-text="errorMessage"></div>
             @error('description')
                 <x-form-error-text message="{{ $message }}" />

resources/views/vendor/livewire/tailwind.blade.php

@@ -1,7 +1,6 @@
 @if ($paginator->hasPages())
     <div class="database-pagination">
 
-        {{-- Précédent --}}
         @if ($paginator->onFirstPage())
             <button class="btn" disabled>«</button>
         @else
@@ -24,7 +23,6 @@
             @endif
         @endforeach
 
-        {{-- Suivant --}}
         @if ($paginator->hasMorePages())
             <button class="btn" wire:click="nextPage">»</button>
         @else

routes/web.php

@@ -33,14 +33,14 @@ Route::name('reviews.')->controller(ReviewController::class)->group(function ()
 });
 
 // SubmissionController.
-Route::name('submit.')->prefix('/submit')->controller(\App\Http\Controllers\SubmissionController::class)->middleware(['xf.auth', 'can:create,\App\Models\Entry'])->group(function () {
+Route::name('submit.')->prefix('/submit')->controller(\App\Http\Controllers\SubmissionController::class)->middleware(['submissions.maintenance','xf.auth', 'can:create,\App\Models\Entry'])->group(function () {
     Route::get('/', 'index')->name('index');
     Route::get('/{section}', 'create' )->name('create')
         ->where([ 'section' => 'translations|romhacks|homebrew|utilities|documents|lua-scripts' ]);
     Route::post('/{section}', 'store' )->name('store')
         ->where([ 'section' => 'translations|romhacks|homebrew|utilities|documents|lua-scripts' ]);
 });
-Route::name('submit.')->prefix('/edit')->controller(\App\Http\Controllers\SubmissionController::class)->middleware(['xf.auth', 'can:update,entry'])->group(function () {
+Route::name('submit.')->prefix('/edit')->controller(\App\Http\Controllers\SubmissionController::class)->middleware(['submissions.maintenance','xf.auth', 'can:update,entry'])->group(function () {
     Route::get('/{section}/{entry:id}', 'edit' )->name('edit')
         ->where([ 'section' => 'translations|romhacks|homebrew|utilities|documents|lua-scripts', 'entry' => '[0-9\-]+' ]);
     Route::post('/{section}/{entry:id}', 'update' )->name('update')
@@ -54,12 +54,12 @@ Route::name('news.')->controller(\App\Http\Controllers\NewsController::class)->g
     Route::get('/news/', 'index' )->name('index');
     Route::get('/news/{news:slug}', 'show' )->name('show')->where([            'news' => '[a-zA-Z0-9\-_]+']);
 
-    Route::get('/submit/news', 'create' )->name('create')->middleware(['xf.auth','can:create,\App\Models\News']);
+    Route::get('/submit/news', 'create' )->name('create')->middleware(['submissions.maintenance','xf.auth','can:create,\App\Models\News']);
-    Route::post('/submit/news', 'store' )->name('store')->middleware(['xf.auth','can:create,\App\Models\News']);
+    Route::post('/submit/news', 'store' )->name('store')->middleware(['submissions.maintenance','xf.auth','can:create,\App\Models\News']);
 
-    Route::get('/edit/news/{news:id}', 'edit')->name('edit')->where(['news' => '[0-9\-]+'])->middleware(['xf.auth','can:update,news']);
+    Route::get('/edit/news/{news:id}', 'edit')->name('edit')->where(['news' => '[0-9\-]+'])->middleware(['submissions.maintenance','xf.auth','can:update,news']);
-    Route::post('/edit/news/{news:id}', 'update')->name('update')->where(['news' => '[0-9\-]+'])->middleware(['xf.auth','can:update,news']);
+    Route::post('/edit/news/{news:id}', 'update')->name('update')->where(['news' => '[0-9\-]+'])->middleware(['submissions.maintenance','xf.auth','can:update,news']);
-    Route::delete('/edit/news/{news:id}', 'destroy')->name('destroy')->where(['news' => '[0-9\-]+'])->middleware(['xf.auth','can:update,news']);
+    Route::delete('/edit/news/{news:id}', 'destroy')->name('destroy')->where(['news' => '[0-9\-]+'])->middleware(['submissions.maintenance','xf.auth','can:update,news']);
 });
 
 // QueueController
@@ -67,32 +67,32 @@ Route::name('queue.')->prefix('/queue')->controller(\App\Http\Controllers\QueueC
     Route::get('/', 'index' )->name('index');
 
     Route::patch('/{entry:id}/comment', 'updateComment' )
-        ->middleware(['xf.auth', 'can:updateComment,entry' ] )
+        ->middleware(['submissions.maintenance','xf.auth', 'can:updateComment,entry' ] )
         ->where([ 'entry' => '[0-9\-]+' ])
         ->name('comment');
 
     Route::patch('/{entry:id}/approve', 'approve' )
-        ->middleware(['xf.auth', 'can:approve,entry' ] )
+        ->middleware(['submissions.maintenance','xf.auth', 'can:approve,entry' ] )
         ->where([ 'entry' => '[0-9\-]+' ])
         ->name('approve');
 
     Route::patch('/{entry:id}/reject', 'reject' )
-        ->middleware(['xf.auth', 'can:reject,entry' ] )
+        ->middleware(['submissions.maintenance','xf.auth', 'can:reject,entry' ] )
         ->where([ 'entry' => '[0-9\-]+' ])
         ->name('reject');
 
     Route::patch('/news/{news:id}/comment', 'updateComment_news' )
-        ->middleware(['xf.auth', 'can:updateComment,news' ] )
+        ->middleware(['submissions.maintenance','xf.auth', 'can:updateComment,news' ] )
         ->where([ 'news' => '[0-9\-]+' ])
         ->name('news.comment');
 
     Route::patch('/news/{news:id}/approve', 'approve_news' )
-        ->middleware(['xf.auth', 'can:approve,news' ] )
+        ->middleware(['submissions.maintenance','xf.auth', 'can:approve,news' ] )
         ->where([ 'news' => '[0-9\-]+' ])
         ->name('news.approve');
 
     Route::patch('/news/{news:id}/reject', 'reject_news' )
-        ->middleware(['xf.auth', 'can:reject,news' ] )
+        ->middleware(['submissions.maintenance','xf.auth', 'can:reject,news' ] )
         ->where([ 'news' => '[0-9\-]+' ])
         ->name('news.reject');
 });
@@ -111,7 +111,7 @@ Route::name('tools.')->controller(\App\Http\Controllers\ToolsController::class)-
 Route::name('modcp.')->prefix('/modcp')->controller(\App\Http\Controllers\ModCPController::class)->middleware(['xf.auth','can:is-mod'])->group(function () {
 
     Route::get('/', 'index' )->name('index');
-    Route::get('/locked-entries', 'locked' )->name('locked');
+    Route::get('/locked-entries', 'locked' )->name('locked')->middleware('can:moderate,\App\Models\Entry');
     Route::get('/draft-entries', 'draft' )->name('draft')->middleware('can:is-admin');
     Route::get('/hidden-entries', 'hidden' )->name('hidden')->middleware('can:is-admin');
     Route::get('/deleted-entries', 'deleted' )->name('deleted')->middleware('can:is-admin');
@@ -125,6 +125,8 @@ Route::name('modcp.')->prefix('/modcp')->controller(\App\Http\Controllers\ModCPC
     Route::resource('authors', \App\Http\Controllers\ModCP\AuthorController::class)->only(['index', 'store','update','destroy']);
     Route::resource('platforms', \App\Http\Controllers\ModCP\PlatformController::class )->middleware('can:is-admin')->only(['index', 'store','update','destroy']);
     Route::resource('genres', \App\Http\Controllers\ModCP\GenreController::class )->middleware('can:is-admin')->only(['index', 'store','update','destroy']);
+    Route::resource('levels', \App\Http\Controllers\ModCP\LevelController::class )->middleware('can:is-admin')->only(['index', 'store','update','destroy']);
+    Route::resource('modifications', \App\Http\Controllers\ModCP\ModificationsController::class )->middleware('can:is-admin')->only(['index', 'store','update','destroy']);
 });
 
 // RedirectController

scripts/XenForoCSSGenerator.js

@@ -23,7 +23,7 @@ function getArg(name, fallback) {
 const PREFIX = getArg('prefix', '\\$' );
 const INPUT_DIRS = getArg('input', './resources/css').split(',');
 const OUTPUT_FILE = getArg('output',  './extra.less');
-const EXCLUDE = getArg('exclude', '*.min.css,app.css').split(',');
+const EXCLUDE = getArg('exclude', '*.min.css,app.css,database.css').split(',');
 
 /**
  * Recursively collect CSS files in a folder.