diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..dce270a
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+# FoOlSlideX .gitignore
+
+# Configuration files
+config.php
+session.php
+.installed
+
+# Secrets
+library/secrets/
+
+# Database files
+database/*/_cnt.sdb
+database/*/cache/
+database/*/data/
+
+# IDE and OS files
+.DS_Store
+Thumbs.db
+.vscode/
+*.swp
+*.swo
+
+# Logs
+*.log
\ No newline at end of file
diff --git a/.installed b/.installed
new file mode 100644
index 0000000..62b7dbf
--- /dev/null
+++ b/.installed
@@ -0,0 +1 @@
+2025-08-13 18:01:32
\ No newline at end of file
diff --git a/app/Controllers/Api/ApiController.php b/app/Controllers/Api/ApiController.php
new file mode 100644
index 0000000..356b3f7
--- /dev/null
+++ b/app/Controllers/Api/ApiController.php
@@ -0,0 +1,101 @@
+<?php
+
+namespace App\Controllers\Api;
+
+use App\Core\Controller;
+use App\Models\Title;
+use App\Models\Chapter;
+use App\Models\User;
+
+class ApiController extends Controller
+{
+    public function index()
+    {
+        $this->jsonResponse([
+            'name' => 'FoOlSlideX API',
+            'version' => '1.0',
+            'endpoints' => [
+                'GET /api/titles' => 'Get all titles',
+                'GET /api/titles/{id}' => 'Get a specific title',
+                'GET /api/titles/{id}/chapters' => 'Get chapters for a title',
+                'GET /api/chapters/{id}' => 'Get a specific chapter',
+                'GET /api/search' => 'Search titles'
+            ]
+        ]);
+    }
+
+    public function titles()
+    {
+        $page = $_GET['page'] ?? 1;
+        $limit = $_GET['limit'] ?? 20;
+        $offset = ($page - 1) * $limit;
+
+        $titles = Title::query()
+            ->orderBy(['title' => 'ASC'])
+            ->limit($limit)
+            ->skip($offset)
+            ->getQuery()
+            ->fetch();
+
+        $this->jsonResponse([
+            'data' => $titles,
+            'page' => (int)$page,
+            'limit' => (int)$limit,
+            'total' => Title::count()
+        ]);
+    }
+
+    public function title($id)
+    {
+        $title = Title::find($id);
+        
+        if (!$title) {
+            $this->jsonResponse(['error' => 'Title not found'], 404);
+            return;
+        }
+
+        $this->jsonResponse($title);
+    }
+
+    public function titleChapters($id)
+    {
+        $chapters = Chapter::findByTitle($id);
+        
+        if (!$chapters) {
+            $this->jsonResponse(['error' => 'No chapters found for this title'], 404);
+            return;
+        }
+
+        $this->jsonResponse($chapters);
+    }
+
+    public function chapter($id)
+    {
+        $chapter = Chapter::find($id);
+        
+        if (!$chapter) {
+            $this->jsonResponse(['error' => 'Chapter not found'], 404);
+            return;
+        }
+
+        $this->jsonResponse($chapter);
+    }
+
+    public function search()
+    {
+        $query = $_GET['q'] ?? '';
+        
+        if (empty($query)) {
+            $this->jsonResponse(['error' => 'Search query is required'], 400);
+            return;
+        }
+
+        $titles = Title::searchByTitle($query);
+        
+        $this->jsonResponse([
+            'query' => $query,
+            'results' => $titles,
+            'count' => count($titles)
+        ]);
+    }
+}
\ No newline at end of file
diff --git a/app/Controllers/ApiController.php b/app/Controllers/ApiController.php
new file mode 100644
index 0000000..6c216e6
--- /dev/null
+++ b/app/Controllers/ApiController.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Controllers;
+
+use App\Core\Controller;
+
+class ApiController extends Controller
+{
+    public function index()
+    {
+        global $config;
+        
+        // For now, just redirect to the original API page
+        // In the future, this would be implemented as a proper API controller
+        $this->redirect('api.php');
+    }
+}
\ No newline at end of file
diff --git a/app/Controllers/AuthController.php b/app/Controllers/AuthController.php
new file mode 100644
index 0000000..1f11948
--- /dev/null
+++ b/app/Controllers/AuthController.php
@@ -0,0 +1,112 @@
+<?php
+
+namespace App\Controllers;
+
+use App\Core\Controller;
+
+class AuthController extends Controller
+{
+    public function showLogin()
+    {
+        global $config, $logged;
+        
+        if ($logged) {
+            $this->redirect('index.php');
+            return;
+        }
+        
+        $this->render("pages/login.tpl", [
+            "pagetitle" => "Login " . $config["divider"] . " " . $config["title"]
+        ]);
+    }
+
+    public function login()
+    {
+        global $db, $config, $logged;
+        
+        if ($logged) {
+            $this->redirect('index.php');
+            return;
+        }
+        
+        // This would be implemented to handle the actual login logic
+        // For now, we'll just redirect to the original login page
+        $this->redirect('ajax/account/login.php');
+    }
+
+    public function showSignup()
+    {
+        global $config, $logged;
+        
+        if ($logged) {
+            $this->redirect('index.php');
+            return;
+        }
+        
+        $this->render("pages/signup.tpl", [
+            "pagetitle" => "Sign Up " . $config["divider"] . " " . $config["title"]
+        ]);
+    }
+
+    public function signup()
+    {
+        global $db, $config, $logged;
+        
+        if ($logged) {
+            $this->redirect('index.php');
+            return;
+        }
+        
+        // This would be implemented to handle the actual signup logic
+        // For now, we'll just redirect to the original signup page
+        $this->redirect('ajax/account/signup.php');
+    }
+
+    public function logout()
+    {
+        global $config;
+        
+        // This would be implemented to handle the actual logout logic
+        // For now, we'll just redirect to the original logout page
+        $this->redirect('ajax/account/logout.php');
+    }
+
+    public function activate()
+    {
+        global $config, $logged, $user;
+        
+        if (!$logged) {
+            $this->redirect('index.php');
+            return;
+        }
+        
+        if ($logged && $user["level"] >= 50) {
+            $this->redirect('index.php');
+            return;
+        }
+        
+        if (!isset($_GET["token"]) || empty($_GET["token"])) {
+            $this->redirect('index.php');
+            return;
+        }
+
+        $token = clean($_GET["token"] ?? "");
+
+        if (empty($token)) {
+            $this->redirect('index.php');
+            return;
+        }
+
+        $check = $db["activation"]->findOneBy(["token", "==", $token]);
+        if (empty($check)) {
+            $this->redirect('index.php');
+            return;
+        }
+        
+        $data = array(
+            "level" => 50
+        );
+        $db["users"]->updateById($user["id"], $data);
+        $this->redirect('index.php');
+    }
+}
\ No newline at end of file
diff --git a/app/Controllers/ChapterController.php b/app/Controllers/ChapterController.php
new file mode 100644
index 0000000..a7b8587
--- /dev/null
+++ b/app/Controllers/ChapterController.php
@@ -0,0 +1,100 @@
+<?php
+
+namespace App\Controllers;
+
+use App\Core\Controller;
+
+class ChapterController extends Controller
+{
+    public function show($id)
+    {
+        global $db, $config, $readingmode;
+        
+        if (empty($id) || !is_numeric($id)) {
+            $this->redirect('index.php');
+            return;
+        }
+        
+        $id = cat($id);
+        $chapter = $db["chapters"]->findById($id);
+        $title = $db["titles"]->findById($chapter["title"]);
+        
+        if (empty($title)) {
+            $this->redirect('titles.php');
+            return;
+        }
+        
+        if (empty($chapter)) {
+            $this->redirect('title.php?id=' . $title["id"]);
+            return;
+        }
+
+        $fct = formatChapterTitle($chapter["volume"], $chapter["number"], "full");
+
+        $chapters = $db["chapters"]->findBy(["title", "==", $title["id"]]);
+
+        $isNextChapter = false;
+        $isPrevChapter = false;
+
+        foreach ($chapters as $key => $ch) {
+            if ($ch["id"] == $id) {
+                if (!empty($chapters[($key + 1)])) $isNextChapter = $chapters[($key + 1)]["id"];
+                if (!empty($chapters[($key - 1)])) $isPrevChapter = $chapters[($key - 1)]["id"];
+            }
+        }
+
+        $images = glob(ps(__DIR__ . "/../data/chapters/{$id}/*.{jpg,png,jpeg,webp,gif}"), GLOB_BRACE);
+        natsort($images);
+
+        $comments = $db["chapterComments"]->findBy(["chapter.id", "==", $title["id"]], ["id" => "DESC"]);
+
+        chapterVisit($chapter);
+
+        $imgind = [];
+        $ic = 1;
+        foreach ($images as $ii) {
+            $ii = pathinfo($ii);
+            $imgind[$ic]["order"] = $ic;
+            $imgind[$ic]["name"] = $ii["filename"];
+            $imgind[$ic]["ext"] = $ii["extension"];
+            $ic++;
+        }
+
+        $page = 1;
+        if ($readingmode == "single") {
+            if (!isset($_GET["page"]) || empty($_GET["page"]) || $_GET["page"] == "0") {
+                $this->redirect('chapter.php?id=' . $id . '&page=1');
+                return;
+            }
+
+            $page = cat($_GET["page"]);
+
+            $isNextPage = true;
+            $isPrevPage = true;
+
+            $nextPage = $page + 1;
+            $prevPage = $page - 1;
+
+            $imgCount = count($images);
+
+            if ($nextPage >= $imgCount) $isNextPage = false;
+            if ($prevPage <= 0) $isPrevPage = false;
+        }
+
+        $this->render("pages/chapter.tpl", [
+            "fullChapterTitle" => $fct,
+            "chapters" => $chapters,
+            "nextChapter" => $isNextChapter,
+            "prevChapter" => $isPrevChapter,
+            "images" => $images,
+            "commentsCount" => count($comments),
+            "title" => $title,
+            "chapter" => $chapter,
+            "imgind" => $imgind,
+            "pagetitle" => "Read " . $title["title"] . " " . formatChapterTitle($chapter["volume"], $chapter["number"]) . " " . $config["divider"] . " " . $config["title"],
+            "isNextPage" => $isNextPage ?? null,
+            "isPrevPage" => $isPrevPage ?? null,
+            "currentPage" => $page ?? null
+        ]);
+    }
+}
\ No newline at end of file
diff --git a/app/Controllers/ErrorController.php b/app/Controllers/ErrorController.php
new file mode 100644
index 0000000..5136a9d
--- /dev/null
+++ b/app/Controllers/ErrorController.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Controllers;
+
+use App\Core\Controller;
+
+class ErrorController extends Controller
+{
+    public function notFound()
+    {
+        global $config;
+        
+        http_response_code(404);
+        
+        $this->render("pages/404.tpl", [
+            "pagetitle" => "Page Not Found " . $config["divider"] . " " . $config["title"]
+        ]);
+    }
+
+    public function forbidden()
+    {
+        global $config;
+        
+        http_response_code(403);
+        
+        $this->render("pages/403.tpl", [
+            "pagetitle" => "Access Forbidden " . $config["divider"] . " " . $config["title"]
+        ]);
+    }
+}
\ No newline at end of file
diff --git a/app/Controllers/HomeController.php b/app/Controllers/HomeController.php
new file mode 100644
index 0000000..923ea4a
--- /dev/null
+++ b/app/Controllers/HomeController.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace App\Controllers;
+
+use App\Core\Controller;
+
+class HomeController extends Controller
+{
+    public function index()
+    {
+        global $db, $parsedown, $purifier, $config;
+        
+        // Recently Updated Titles
+        $recentlyUpdated = $db["chapters"]->createQueryBuilder()
+            ->orderBy(["id" => "DESC"])
+            ->distinct(["title.id"])
+            ->getQuery()
+            ->fetch();
+
+        foreach ($recentlyUpdated as $key => $rec) {
+            $title = $db["titles"]->findById($rec["title"]);
+            $recentlyUpdated[$key]["title"] = $title;
+            $recentlyUpdated[$key]["title"]["summary1"] = shorten($parsedown->text($purifier->purify($title["summary"])), 400);
+            $recentlyUpdated[$key]["title"]["summary2"] = shorten($parsedown->text($purifier->purify($title["summary"])), 100);
+        }
+
+        $chapters = $db["chapters"]->createQueryBuilder()
+            ->orderBy(["id" => "DESC"])
+            ->limit($config["perpage"]["chapters"])
+            ->getQuery()
+            ->fetch();
+
+        foreach ($chapters as $key => $ch) {
+            $title = $db["titles"]->findById($ch["title"]);
+            $uploader = $db["users"]->findById($ch["user"]);
+            $chapters[$key]["title"] = $title;
+            $chapters[$key]["user"] = $uploader;
+        }
+
+        $this->render("pages/index.tpl", [
+            "chapters" => $chapters,
+            "recentlyUpdated" => $recentlyUpdated,
+            "pagetitle" => $config["title"] . " " . $config["divider"] . " " . $config["slogan"]
+        ]);
+    }
+}
\ No newline at end of file
diff --git a/app/Controllers/ReleasesController.php b/app/Controllers/ReleasesController.php
new file mode 100644
index 0000000..535ef61
--- /dev/null
+++ b/app/Controllers/ReleasesController.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Controllers;
+
+use App\Core\Controller;
+
+class ReleasesController extends Controller
+{
+    public function index($page = 1)
+    {
+        global $db, $config;
+        
+        // Pagination
+        $limit = $config["perpage"]["chapters"];
+        $skip = ($page - 1) * $limit;
+
+        $chapters = $db["chapters"]->createQueryBuilder()
+            ->orderBy(["id" => "DESC"])
+            ->limit($limit)
+            ->skip($skip)
+            ->getQuery()
+            ->fetch();
+
+        foreach ($chapters as $key => $ch) {
+            $title = $db["titles"]->findById($ch["title"]);
+            $uploader = $db["users"]->findById($ch["user"]);
+            $chapters[$key]["title"] = $title;
+            $chapters[$key]["user"] = $uploader;
+        }
+
+        $pagis = array();
+        $totalPages = ceil($db["chapters"]->count() / $limit);
+        for ($i = 1; $i <= $totalPages; $i++) {
+            array_push($pagis, $i);
+        }
+
+        $this->render("pages/releases.tpl", [
+            "page" => $page,
+            "chapters" => $chapters,
+            "pagis" => $pagis,
+            "totalPages" => $totalPages,
+            "pagetitle" => "Releases - Page " . $page . " " . $config["divider"] . " " . $config["title"]
+        ]);
+    }
+}
\ No newline at end of file
diff --git a/app/Controllers/TitleController.php b/app/Controllers/TitleController.php
new file mode 100644
index 0000000..1becb32
--- /dev/null
+++ b/app/Controllers/TitleController.php
@@ -0,0 +1,156 @@
+<?php
+
+namespace App\Controllers;
+
+use App\Core\Controller;
+
+class TitleController extends Controller
+{
+    public function show($id)
+    {
+        global $db, $parsedown, $purifier, $config, $logged, $user, $preflang;
+        
+        if (empty($id) || !is_numeric($id)) {
+            $this->redirect('titles.php');
+            return;
+        }
+        
+        $id = cat($id);
+        $title = $db["titles"]->findById($id);
+        
+        if (empty($title)) {
+            $this->redirect('titles.php');
+            return;
+        }
+
+        $title["authors2"] = $title["authors"];
+        $title["artists2"] = $title["artists"];
+        if (!empty($title["authors"])) $title["authors"] = explode(",", $title["authors"]);
+        if (!empty($title["artists"])) $title["artists"] = explode(",", $title["artists"]);
+
+        if (!empty($title["tags"]["formats"])) {
+            $_array = array();
+            foreach ($title["tags"]["formats"] as $item) {
+                if (!empty($item) && is_numeric($item)) {
+                    $call = getTag("format", $item);
+                    if (!empty($call)) array_push($_array, $call);
+                }
+            }
+            $title["tags"]["_formats"] = $title["tags"]["formats"];
+            $title["tags"]["formats"] = $_array;
+        } else {
+            $title["tags"]["_formats"] = array();
+        }
+        if (!empty($title["tags"]["warnings"])) {
+            $_array = array();
+            foreach ($title["tags"]["warnings"] as $item) {
+                if (!empty($item) && is_numeric($item)) {
+                    $call = getTag("warnings", $item);
+                    if (!empty($call)) array_push($_array, $call);
+                }
+            }
+            $title["tags"]["_warnings"] = $title["tags"]["warnings"];
+            $title["tags"]["warnings"] = $_array;
+        } else {
+            $title["tags"]["_warnings"] = array();
+        }
+        if (!empty($title["tags"]["themes"])) {
+            $_array = array();
+            foreach ($title["tags"]["themes"] as $item) {
+                if (!empty($item) && is_numeric($item)) {
+                    $call = getTag("theme", $item);
+                    if (!empty($call)) array_push($_array, $call);
+                }
+            }
+            $title["tags"]["_themes"] = $title["tags"]["themes"];
+            $title["tags"]["themes"] = $_array;
+        } else {
+            $title["tags"]["_themes"] = array();
+        }
+        if (!empty($title["tags"]["genres"])) {
+            $_array = array();
+            foreach ($title["tags"]["genres"] as $item) {
+                if (!empty($item) && is_numeric($item)) {
+                    $call = getTag("genre", $item);
+                    if (!empty($call)) array_push($_array, $call);
+                }
+            }
+            $title["tags"]["_genres"] = $title["tags"]["genres"];
+            $title["tags"]["genres"] = $_array;
+        } else {
+            $title["tags"]["_genres"] = array();
+        }
+
+        $upl = [];
+        if ($logged && $user["level"] >= 75) {
+            // Gotta implement a function here that makes it for all files inside /custom/
+            $upl["theme"] = valCustom("theme");
+            $upl["genre"] = valCustom("genre");
+            $upl["warnings"] = valCustom("warnings");
+            $upl["format"] = valCustom("format");
+            $upl["langs"] = valCLang("upload_langs");
+        }
+
+        if (!empty($title["summary"])) {
+            $title["summary2"] = $title["summary"];
+            $title["summary"] = $parsedown->text($purifier->purify($title["summary"]));
+        } else {
+            $title["summary2"] = "";
+        }
+
+        $chapters = array();
+        $chapterLangs = array();
+        $chapterCount = 0;
+        if (!empty($db["chapters"]->findOneBy(["title", "==", $title["id"]]))) {
+            // Chapter Languages
+            $chapterLangs = $db["chapters"]->createQueryBuilder()
+                ->select(["language"])
+                ->where(["title", "==", $title["id"]])
+                ->distinct("language.0")
+                ->getQuery()
+                ->fetch();
+            sort($chapterLangs);
+            // Preferred Language
+            if (!in_array($preflang, array_column(array_column($chapterLangs, "language"), 1))) {
+                // Set preferred language if not available
+            }
+            // Actual Chapters
+            foreach ($chapterLangs as $key => $chLang) {
+                $_chapters = $db["chapters"]->createQueryBuilder()
+                    ->where([["title", "==", $title["id"]], "AND", ["language.1", "==", $chLang["language"][1]]])
+                    ->orderBy(["volume" => "DESC"])
+                    ->orderBy(["number" => "DESC"])
+                    ->getQuery()
+                    ->fetch();
+                if (!empty($_chapters)) {
+                    $chapterLangs[$key]["language"]["chapters"] = array();
+                    $chapterLangs[$key]["language"]["count"] = count($_chapters);
+                    foreach ($_chapters as $_chapter) {
+                        $uploader = $db["users"]->findById($_chapter["user"]);
+                        $_chapter["user"] = $uploader;
+                        // array_push($chapterLangs[$chLang[]], $_chapter);
+                        array_push($chapterLangs[$key]["language"]["chapters"], $_chapter);
+                        $chapterCount++;
+                    }
+                }
+            }
+        }
+
+        $comments = $db["titleComments"]->findBy(["title", "==", $title["id"]], ["id" => "DESC"]);
+
+        titleVisit($title);
+
+        $this->render("pages/title.tpl", [
+            "commentsCount" => count($comments),
+            "chapterLangs" => $chapterLangs,
+            "chapterCount" => $chapterCount,
+            "pagetitle" => $title["title"] . " (Title) " . $config["divider"] . " " . $config["title"],
+            "title" => $title,
+            "upl_theme" => $upl["theme"] ?? null,
+            "upl_genre" => $upl["genre"] ?? null,
+            "upl_warnings" => $upl["warnings"] ?? null,
+            "upl_format" => $upl["format"] ?? null,
+            "upl_langs" => $upl["langs"] ?? null
+        ]);
+    }
+}
\ No newline at end of file
diff --git a/app/Controllers/TitlesController.php b/app/Controllers/TitlesController.php
new file mode 100644
index 0000000..4f3f1d7
--- /dev/null
+++ b/app/Controllers/TitlesController.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Controllers;
+
+use App\Core\Controller;
+
+class TitlesController extends Controller
+{
+    public function index($page = 1)
+    {
+        global $db, $config, $logged, $user;
+        
+        // Pagination
+        $limit = $config["perpage"]["titles"];
+        $skip = ($page - 1) * $limit;
+
+        $titles = $db["titles"]->createQueryBuilder()
+            ->orderBy(["title" => "ASC"])
+            ->limit($limit)
+            ->skip($skip)
+            ->getQuery()
+            ->fetch();
+
+        $pagis = array();
+        $totalPages = ceil($db["titles"]->count() / $limit);
+        for ($i = 1; $i <= $totalPages; $i++) {
+            array_push($pagis, $i);
+        }
+
+        $upl = [];
+        if($logged && $user["level"] >= 75) {
+            // Gotta implement a function here that makes it for all files inside /custom/
+            $upl["theme"] = valCustom("theme");
+            $upl["genre"] = valCustom("genre");
+            $upl["warnings"] = valCustom("warnings");
+            $upl["format"] = valCustom("format");
+        }
+
+        $this->render("pages/titles.tpl", [
+            "page" => $page,
+            "titles" => $titles,
+            "pagis" => $pagis,
+            "totalPages" => $totalPages,
+            "pagetitle" => "Titles - Page " . $page . " " . $config["divider"] . " " . $config["title"],
+            "upl_theme" => $upl["theme"] ?? null,
+            "upl_genre" => $upl["genre"] ?? null,
+            "upl_warnings" => $upl["warnings"] ?? null,
+            "upl_format" => $upl["format"] ?? null
+        ]);
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Cache.php b/app/Core/Cache.php
new file mode 100644
index 0000000..fc41ad5
--- /dev/null
+++ b/app/Core/Cache.php
@@ -0,0 +1,83 @@
+<?php
+
+namespace App\Core;
+
+class Cache
+{
+    protected static $cacheDir = '../cache/';
+    protected static $defaultTtl = 3600; // 1 hour
+
+    public static function get($key)
+    {
+        $file = self::getCacheFile($key);
+        
+        if (!file_exists($file)) {
+            return null;
+        }
+        
+        $data = unserialize(file_get_contents($file));
+        
+        // Check if cache is expired
+        if (time() > $data['expires']) {
+            unlink($file);
+            return null;
+        }
+        
+        return $data['value'];
+    }
+
+    public static function put($key, $value, $ttl = null)
+    {
+        $ttl = $ttl ?? self::$defaultTtl;
+        
+        // Create cache directory if it doesn't exist
+        if (!is_dir(self::$cacheDir)) {
+            mkdir(self::$cacheDir, 0755, true);
+        }
+        
+        $file = self::getCacheFile($key);
+        $data = [
+            'value' => $value,
+            'expires' => time() + $ttl
+        ];
+        
+        file_put_contents($file, serialize($data));
+    }
+
+    public static function forget($key)
+    {
+        $file = self::getCacheFile($key);
+        if (file_exists($file)) {
+            unlink($file);
+        }
+    }
+
+    public static function flush()
+    {
+        $files = glob(self::$cacheDir . '*');
+        foreach ($files as $file) {
+            if (is_file($file)) {
+                unlink($file);
+            }
+        }
+    }
+
+    protected static function getCacheFile($key)
+    {
+        // Sanitize key for filesystem
+        $key = preg_replace('/[^a-zA-Z0-9_\-\.]/', '_', $key);
+        return self::$cacheDir . $key . '.cache';
+    }
+
+    public static function remember($key, $ttl, $callback)
+    {
+        $value = self::get($key);
+        if ($value !== null) {
+            return $value;
+        }
+        
+        $value = call_user_func($callback);
+        self::put($key, $value, $ttl);
+        return $value;
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Controller.php b/app/Core/Controller.php
new file mode 100644
index 0000000..d6244fb
--- /dev/null
+++ b/app/Core/Controller.php
@@ -0,0 +1,71 @@
+<?php
+
+namespace App\Core;
+
+use App\Core\Response;
+
+class Controller
+{
+    protected $smarty;
+
+    public function __construct()
+    {
+        global $smarty, $config, $lang, $theme, $userlang, $usertheme, $version, $logged, $user, $preflang;
+        
+        $this->smarty = $smarty;
+        $this->smarty->assign("config", $config);
+        $this->smarty->assign("lang", $lang);
+        $this->smarty->assign("theme", $theme);
+        $this->smarty->assign("userlang", $userlang);
+        $this->smarty->assign("usertheme", $usertheme);
+        $this->smarty->assign("version", $version);
+        $this->smarty->assign("logged", $logged);
+        $this->smarty->assign("user", $user);
+        $this->smarty->assign("preflang", $preflang);
+    }
+
+    protected function render($template, $data = [])
+    {
+        foreach ($data as $key => $value) {
+            $this->smarty->assign($key, $value);
+        }
+        
+        // Use output buffering to capture all content
+        ob_start();
+        
+        try {
+            // Render header
+            $this->smarty->display("parts/header.tpl");
+            
+            // Render main template
+            $this->smarty->display($template);
+            
+            // Render footer
+            $this->smarty->display("parts/footer.tpl");
+            
+            // Get the complete content
+            $content = ob_get_contents();
+            ob_end_clean();
+            
+            // Send content-length header and output all at once
+            if (!headers_sent()) {
+                header('Content-Length: ' . strlen($content));
+            }
+            echo $content;
+            
+        } catch (Exception $e) {
+            ob_end_clean();
+            throw $e;
+        }
+    }
+
+    protected function redirect($url)
+    {
+        Response::redirect($url);
+    }
+
+    protected function jsonResponse($data, $code = 200)
+    {
+        Response::json($data, $code);
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Csrf.php b/app/Core/Csrf.php
new file mode 100644
index 0000000..7a25449
--- /dev/null
+++ b/app/Core/Csrf.php
@@ -0,0 +1,60 @@
+<?php
+
+namespace App\Core;
+
+class Csrf
+{
+    public static function generate()
+    {
+        if (!isset($_SESSION)) {
+            session_start();
+        }
+        
+        if (!isset($_SESSION['csrf_tokens'])) {
+            $_SESSION['csrf_tokens'] = [];
+        }
+        
+        $token = bin2hex(random_bytes(32));
+        $_SESSION['csrf_tokens'][$token] = time();
+        
+        // Clean up old tokens (older than 1 hour)
+        $hourAgo = time() - 3600;
+        $_SESSION['csrf_tokens'] = array_filter($_SESSION['csrf_tokens'], function($timestamp) use ($hourAgo) {
+            return $timestamp > $hourAgo;
+        });
+        
+        return $token;
+    }
+
+    public static function verify($token)
+    {
+        if (!isset($_SESSION)) {
+            session_start();
+        }
+        
+        if (!isset($_SESSION['csrf_tokens']) || !is_array($_SESSION['csrf_tokens'])) {
+            return false;
+        }
+        
+        if (!isset($_SESSION['csrf_tokens'][$token])) {
+            return false;
+        }
+        
+        // Check if token is expired (older than 1 hour)
+        $tokenTime = $_SESSION['csrf_tokens'][$token];
+        if (time() - $tokenTime > 3600) {
+            unset($_SESSION['csrf_tokens'][$token]);
+            return false;
+        }
+        
+        // Remove token after use
+        unset($_SESSION['csrf_tokens'][$token]);
+        return true;
+    }
+
+    public static function field()
+    {
+        $token = self::generate();
+        return '<input type="hidden" name="csrf_token" value="' . $token . '">';
+    }
+}
\ No newline at end of file
diff --git a/app/Core/FileUpload.php b/app/Core/FileUpload.php
new file mode 100644
index 0000000..3a50410
--- /dev/null
+++ b/app/Core/FileUpload.php
@@ -0,0 +1,137 @@
+<?php
+
+namespace App\Core;
+
+class FileUpload
+{
+    protected $file;
+    protected $name;
+    protected $allowedTypes = [];
+    protected $maxSize = 0;
+    protected $uploadDir = '';
+
+    public function __construct($fileKey)
+    {
+        if (isset($_FILES[$fileKey])) {
+            $this->file = $_FILES[$fileKey];
+        }
+    }
+
+    public function name($name)
+    {
+        $this->name = $name;
+        return $this;
+    }
+
+    public function allowedTypes($types)
+    {
+        $this->allowedTypes = $types;
+        return $this;
+    }
+
+    public function maxSize($size)
+    {
+        $this->maxSize = $size;
+        return $this;
+    }
+
+    public function uploadDir($dir)
+    {
+        $this->uploadDir = rtrim($dir, '/') . '/';
+        return $this;
+    }
+
+    public function validate()
+    {
+        if (!$this->file) {
+            throw new \Exception('No file provided');
+        }
+
+        // Check for upload errors
+        if ($this->file['error'] !== UPLOAD_ERR_OK) {
+            throw new \Exception('File upload error: ' . $this->file['error']);
+        }
+
+        // Check file size
+        if ($this->maxSize > 0 && $this->file['size'] > $this->maxSize) {
+            throw new \Exception('File size exceeds maximum allowed size');
+        }
+
+        // Check file type
+        if (!empty($this->allowedTypes)) {
+            $fileType = mime_content_type($this->file['tmp_name']);
+            if (!in_array($fileType, $this->allowedTypes) && 
+                !in_array($this->file['type'], $this->allowedTypes)) {
+                throw new \Exception('File type not allowed');
+            }
+        }
+
+        return $this;
+    }
+
+    public function save()
+    {
+        $this->validate();
+
+        // Generate filename if not provided
+        if (!$this->name) {
+            $extension = pathinfo($this->file['name'], PATHINFO_EXTENSION);
+            $this->name = uniqid() . '.' . $extension;
+        }
+
+        // Create upload directory if it doesn't exist
+        if (!is_dir($this->uploadDir)) {
+            mkdir($this->uploadDir, 0755, true);
+        }
+
+        // Move uploaded file
+        $destination = $this->uploadDir . $this->name;
+        if (!move_uploaded_file($this->file['tmp_name'], $destination)) {
+            throw new \Exception('Failed to move uploaded file');
+        }
+
+        return $this->name;
+    }
+
+    public function saveAsTemp()
+    {
+        $this->validate();
+
+        // Generate temporary filename
+        $extension = pathinfo($this->file['name'], PATHINFO_EXTENSION);
+        $tempName = uniqid() . '.' . $extension;
+        $tempDir = '../public/data/tmp/';
+
+        // Create temp directory if it doesn't exist
+        if (!is_dir($tempDir)) {
+            mkdir($tempDir, 0755, true);
+        }
+
+        $destination = $tempDir . $tempName;
+        if (!move_uploaded_file($this->file['tmp_name'], $destination)) {
+            throw new \Exception('Failed to move uploaded file to temp directory');
+        }
+
+        return $tempName;
+    }
+
+    public static function delete($path)
+    {
+        if (file_exists($path)) {
+            unlink($path);
+        }
+    }
+
+    public static function sanitizeFileName($fileName)
+    {
+        // Remove illegal characters
+        $fileName = preg_replace('/[^a-zA-Z0-9._-]/', '', $fileName);
+        
+        // Limit length
+        if (strlen($fileName) > 255) {
+            $fileName = substr($fileName, 0, 255);
+        }
+        
+        return $fileName;
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Helper.php b/app/Core/Helper.php
new file mode 100644
index 0000000..06bb229
--- /dev/null
+++ b/app/Core/Helper.php
@@ -0,0 +1,123 @@
+<?php
+
+namespace App\Core;
+
+class Helper
+{
+    public static function clean($data, $title = false)
+    {
+        // This function is used, to completely sanitize user-input and make any form of scripts harmless and displayable
+        $data = htmlspecialchars($data);
+        $data = strip_tags($data);
+        $data = stripslashes($data);
+        $data = trim($data);
+        $data = str_replace("'", "\'", $data);
+        if ($title)
+            $data = str_replace(".", "", $data);
+        return $data;
+    }
+
+    public static function cat($title)
+    {
+        // This function is used, to make all titles readable for the URL, Cookies and links
+        return preg_replace('/[^A-Za-z0-9\-_,.]/', '', str_replace("&", "et", str_replace(' ', '-', strtolower($title))));
+    }
+
+    public static function namba($data)
+    {
+        return preg_replace("/[^0-9.]/i", "", str_replace(",", ".", $data));
+    }
+
+    public static function now()
+    {
+        return date('Y-m-d H:i:s');
+    }
+
+    public static function jd($text)
+    {
+        return json_decode($text, true);
+    }
+
+    public static function je($text)
+    {
+        return json_encode($text, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES);
+    }
+
+    public static function ps($path)
+    {
+        return str_replace('/', DIRECTORY_SEPARATOR, $path);
+    }
+
+    public static function genUuid()
+    {
+        return sprintf(
+            '%04x%04x-%04x-%04x-%04x-%04x%04x%04x',
+            mt_rand(0, 0xffff),
+            mt_rand(0, 0xffff),
+            mt_rand(0, 0xffff),
+            mt_rand(0, 0x0C2f) | 0x4000,
+            mt_rand(0, 0x3fff) | 0x8000,
+            mt_rand(0, 0x2Aff),
+            mt_rand(0, 0xffD3),
+            mt_rand(0, 0xff4B)
+        );
+    }
+
+    public static function genToken()
+    {
+        return md5(rand());
+    }
+
+    public static function formatBytes($size, $precision = 2)
+    {
+        $base = log($size, 1024);
+        $suffixes = array('B', 'KB', 'MB', 'GB', 'TB');
+
+        return round(pow(1024, $base - floor($base)), $precision) . $suffixes[floor($base)];
+    }
+
+    public static function timeAgo($datetime, $full = false)
+    {
+        // Thx - https://stackoverflow.com/questions/1416697/converting-timestamp-to-time-ago-in-php-e-g-1-day-ago-2-days-ago
+        $now = new \DateTime;
+        $ago = new \DateTime($datetime);
+        $diff = $now->diff($ago);
+
+        $diff->w = floor($diff->d / 7);
+        $diff->d -= $diff->w * 7;
+
+        $string = array(
+            'y' => 'year',
+            'm' => 'month',
+            'w' => 'week',
+            'd' => 'day',
+            'h' => 'hour',
+            'i' => 'min',
+            's' => 'second',
+        );
+        foreach ($string as $k => &$v) {
+            if ($diff->$k) {
+                $v = $diff->$k . ' ' . $v . ($diff->$k > 1 ? 's' : '');
+            } else {
+                unset($string[$k]);
+            }
+        }
+
+        if (!$full) $string = array_slice($string, 0, 1);
+        return $string ? implode(', ', $string) . ' ago' : 'just now';
+    }
+
+    public static function shorten($text, $maxlength = 25)
+    {
+        // This function is used, to display only a certain amount of characters
+        if (strlen($text) > $maxlength)
+            return substr($text, 0, $maxlength) . "...";
+        return $text;
+    }
+
+    public static function strContains($haystack, $needle)
+    {
+        // Only available in PHP 8.x which I don't like at all
+        return $needle !== "" && mb_strpos($haystack, $needle) !== false;
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Logger.php b/app/Core/Logger.php
new file mode 100644
index 0000000..63bbef3
--- /dev/null
+++ b/app/Core/Logger.php
@@ -0,0 +1,81 @@
+<?php
+
+namespace App\Core;
+
+class Logger
+{
+    protected static $logFile = '../storage/logs/app.log';
+    protected static $levels = [
+        'DEBUG' => 100,
+        'INFO' => 200,
+        'WARNING' => 300,
+        'ERROR' => 400,
+        'CRITICAL' => 500
+    ];
+
+    public static function debug($message, $context = [])
+    {
+        self::log('DEBUG', $message, $context);
+    }
+
+    public static function info($message, $context = [])
+    {
+        self::log('INFO', $message, $context);
+    }
+
+    public static function warning($message, $context = [])
+    {
+        self::log('WARNING', $message, $context);
+    }
+
+    public static function error($message, $context = [])
+    {
+        self::log('ERROR', $message, $context);
+    }
+
+    public static function critical($message, $context = [])
+    {
+        self::log('CRITICAL', $message, $context);
+    }
+
+    protected static function log($level, $message, $context = [])
+    {
+        // Create log directory if it doesn't exist
+        $logDir = dirname(self::$logFile);
+        if (!is_dir($logDir)) {
+            mkdir($logDir, 0755, true);
+        }
+
+        // Format the log message
+        $timestamp = date('Y-m-d H:i:s');
+        $contextString = !empty($context) ? json_encode($context) : '';
+        $logMessage = "[{$timestamp}] {$level}: {$message} {$contextString}" . PHP_EOL;
+
+        // Write to log file
+        file_put_contents(self::$logFile, $logMessage, FILE_APPEND | LOCK_EX);
+    }
+
+    public static function getLogs($level = null, $limit = 100)
+    {
+        if (!file_exists(self::$logFile)) {
+            return [];
+        }
+
+        $logs = file(self::$logFile, FILE_IGNORE_NEW_LINES);
+        $filteredLogs = [];
+
+        if ($level) {
+            $level = strtoupper($level);
+            foreach ($logs as $log) {
+                if (strpos($log, "[{$level}]") !== false) {
+                    $filteredLogs[] = $log;
+                }
+            }
+        } else {
+            $filteredLogs = $logs;
+        }
+
+        // Return last N logs
+        return array_slice($filteredLogs, -$limit);
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Middleware.php b/app/Core/Middleware.php
new file mode 100644
index 0000000..303eb2e
--- /dev/null
+++ b/app/Core/Middleware.php
@@ -0,0 +1,56 @@
+<?php
+
+namespace App\Core;
+
+class Middleware
+{
+    protected static $middlewares = [];
+
+    public static function add($name, $callback)
+    {
+        self::$middlewares[$name] = $callback;
+    }
+
+    public static function run($name, $params = [])
+    {
+        if (isset(self::$middlewares[$name])) {
+            return call_user_func_array(self::$middlewares[$name], $params);
+        }
+        return true;
+    }
+
+    public static function csrf()
+    {
+        if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+            $token = $_POST['csrf_token'] ?? $_SERVER['HTTP_X_CSRF_TOKEN'] ?? '';
+            if (!Csrf::verify($token)) {
+                http_response_code(403);
+                echo 'CSRF token mismatch';
+                exit();
+            }
+        }
+        return true;
+    }
+
+    public static function auth()
+    {
+        global $logged;
+        if (!$logged) {
+            http_response_code(401);
+            echo 'Authentication required';
+            exit();
+        }
+        return true;
+    }
+
+    public static function guest()
+    {
+        global $logged;
+        if ($logged) {
+            http_response_code(403);
+            echo 'Already authenticated';
+            exit();
+        }
+        return true;
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Model.php b/app/Core/Model.php
new file mode 100644
index 0000000..0befd4b
--- /dev/null
+++ b/app/Core/Model.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Core;
+
+class Model
+{
+    protected static $db;
+    protected static $table;
+
+    public static function setDatabase($database)
+    {
+        self::$db = $database;
+    }
+
+    public static function all()
+    {
+        return self::$db[static::$table]->findAll();
+    }
+
+    public static function find($id)
+    {
+        return self::$db[static::$table]->findById($id);
+    }
+
+    public static function where($field, $operator, $value)
+    {
+        return self::$db[static::$table]->findBy([$field, $operator, $value]);
+    }
+
+    public static function firstWhere($field, $operator, $value)
+    {
+        return self::$db[static::$table]->findOneBy([$field, $operator, $value]);
+    }
+
+    public static function create($data)
+    {
+        return self::$db[static::$table]->insert($data);
+    }
+
+    public static function update($id, $data)
+    {
+        return self::$db[static::$table]->updateById($id, $data);
+    }
+
+    public static function delete($id)
+    {
+        return self::$db[static::$table]->deleteById($id);
+    }
+
+    public static function query()
+    {
+        return self::$db[static::$table]->createQueryBuilder();
+    }
+
+    public static function count()
+    {
+        return self::$db[static::$table]->count();
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Request.php b/app/Core/Request.php
new file mode 100644
index 0000000..e183e68
--- /dev/null
+++ b/app/Core/Request.php
@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Core;
+
+class Request
+{
+    public static function uri()
+    {
+        return trim(parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH), '/');
+    }
+
+    public static function method()
+    {
+        return $_SERVER['REQUEST_METHOD'];
+    }
+
+    public static function get($key, $default = null)
+    {
+        return $_GET[$key] ?? $default;
+    }
+
+    public static function post($key, $default = null)
+    {
+        return $_POST[$key] ?? $default;
+    }
+
+    public static function input($key, $default = null)
+    {
+        $input = json_decode(file_get_contents('php://input'), true);
+        if (is_array($input)) {
+            return $input[$key] ?? $default;
+        }
+        return self::post($key, $default);
+    }
+
+    public static function all()
+    {
+        $input = json_decode(file_get_contents('php://input'), true);
+        if (is_array($input)) {
+            return array_merge($_GET, $_POST, $input);
+        }
+        return array_merge($_GET, $_POST);
+    }
+
+    public static function has($key)
+    {
+        return isset($_GET[$key]) || isset($_POST[$key]) || isset(json_decode(file_get_contents('php://input'), true)[$key]);
+    }
+
+    public static function only($keys)
+    {
+        $result = [];
+        foreach ($keys as $key) {
+            $result[$key] = self::input($key);
+        }
+        return $result;
+    }
+
+    public static function except($keys)
+    {
+        $all = self::all();
+        foreach ($keys as $key) {
+            unset($all[$key]);
+        }
+        return $all;
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Response.php b/app/Core/Response.php
new file mode 100644
index 0000000..4d3807f
--- /dev/null
+++ b/app/Core/Response.php
@@ -0,0 +1,53 @@
+<?php
+
+namespace App\Core;
+
+class Response
+{
+    public static function json($data, $code = 200)
+    {
+        http_response_code($code);
+        header('Content-Type: application/json');
+        echo json_encode($data);
+        exit();
+    }
+
+    public static function redirect($url, $code = 302)
+    {
+        http_response_code($code);
+        header("Location: {$url}");
+        exit();
+    }
+
+    public static function view($view, $data = [])
+    {
+        extract($data);
+        require "../library/themes/nucleus/{$view}";
+        exit();
+    }
+
+    public static function error($message, $code = 500)
+    {
+        http_response_code($code);
+        echo $message;
+        exit();
+    }
+
+    public static function download($file, $name = null)
+    {
+        if (!file_exists($file)) {
+            self::error('File not found', 404);
+        }
+
+        $name = $name ?? basename($file);
+        header('Content-Description: File Transfer');
+        header('Content-Type: application/octet-stream');
+        header('Content-Disposition: attachment; filename="' . $name . '"');
+        header('Expires: 0');
+        header('Cache-Control: must-revalidate');
+        header('Pragma: public');
+        header('Content-Length: ' . filesize($file));
+        readfile($file);
+        exit();
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Router.php b/app/Core/Router.php
new file mode 100644
index 0000000..214ac23
--- /dev/null
+++ b/app/Core/Router.php
@@ -0,0 +1,113 @@
+<?php
+
+namespace App\Core;
+
+class Router
+{
+    protected $routes = [
+        'GET' => [],
+        'POST' => [],
+        'HEAD' => []
+    ];
+
+    public function get($uri, $controller, $middleware = [])
+    {
+        $this->routes['GET'][$uri] = [
+            'controller' => $controller,
+            'middleware' => $middleware
+        ];
+    }
+
+    public function post($uri, $controller, $middleware = [])
+    {
+        $this->routes['POST'][$uri] = [
+            'controller' => $controller,
+            'middleware' => $middleware
+        ];
+    }
+
+    public function resolve($uri, $method)
+    {
+        // Remove query string parameters
+        $uri = strtok($uri, '?');
+        
+        // Remove leading slash
+        $uri = trim($uri, '/');
+        
+        // If URI is empty, default to home
+        if (empty($uri)) {
+            $uri = '/';
+        }
+
+        // Handle HEAD requests as GET requests
+        $routeMethod = $method === 'HEAD' ? 'GET' : $method;
+        
+        // Check if method is supported
+        if (!isset($this->routes[$routeMethod])) {
+            return $this->callController([
+                'controller' => 'ErrorController@notFound',
+                'middleware' => []
+            ]);
+        }
+
+        if (isset($this->routes[$routeMethod][$uri])) {
+            return $this->callController($this->routes[$routeMethod][$uri]);
+        }
+
+        // Handle dynamic routes (e.g., /title/123)
+        foreach ($this->routes[$routeMethod] as $route => $routeData) {
+            $routePattern = $this->convertToRegex($route);
+            if (preg_match($routePattern, $uri, $matches)) {
+                // Remove the first match (full match)
+                array_shift($matches);
+                return $this->callController($routeData, $matches);
+            }
+        }
+
+        // Route not found
+        return $this->callController([
+            'controller' => 'ErrorController@notFound',
+            'middleware' => []
+        ]);
+    }
+
+    protected function convertToRegex($route)
+    {
+        // Convert route parameters like /title/{id} to regex pattern
+        $route = preg_replace('/\//', '\\/', $route);
+        $route = preg_replace('/\{([a-zA-Z0-9_]+)\}/', '([a-zA-Z0-9_]+)', $route);
+        return '/^' . $route . '$/';
+    }
+
+    protected function callController($routeData, $params = [])
+    {
+        // Run middleware
+        foreach ($routeData['middleware'] as $middleware) {
+            Middleware::run($middleware);
+        }
+
+        // Split controller and method
+        $parts = explode('@', $routeData['controller']);
+        $controllerName = $parts[0];
+        $method = $parts[1] ?? 'index';
+
+        // Build full class name
+        $class = "App\\Controllers\\{$controllerName}";
+
+        // Check if class exists
+        if (!class_exists($class)) {
+            throw new \Exception("Controller {$controllerName} not found");
+        }
+
+        // Create controller instance
+        $controllerInstance = new $class();
+
+        // Check if method exists
+        if (!method_exists($controllerInstance, $method)) {
+            throw new \Exception("Method {$method} not found in controller {$controllerName}");
+        }
+
+        // Call method with parameters
+        return call_user_func_array([$controllerInstance, $method], $params);
+    }
+}
\ No newline at end of file
diff --git a/app/Core/Validator.php b/app/Core/Validator.php
new file mode 100644
index 0000000..be34674
--- /dev/null
+++ b/app/Core/Validator.php
@@ -0,0 +1,98 @@
+<?php
+
+namespace App\Core;
+
+class Validator
+{
+    protected $errors = [];
+
+    public static function validate($data, $rules)
+    {
+        $validator = new static;
+        foreach ($rules as $field => $rule) {
+            $validator->check($field, $data[$field] ?? null, $rule);
+        }
+        return $validator;
+    }
+
+    protected function check($field, $value, $rules)
+    {
+        $rules = explode('|', $rules);
+        foreach ($rules as $rule) {
+            if (!$this->passes($value, $rule)) {
+                $this->errors[$field][] = $this->message($field, $rule);
+            }
+        }
+    }
+
+    protected function passes($value, $rule)
+    {
+        switch ($rule) {
+            case 'required':
+                return !empty($value);
+            case 'email':
+                return filter_var($value, FILTER_VALIDATE_EMAIL);
+            case 'numeric':
+                return is_numeric($value);
+            case 'array':
+                return is_array($value);
+            default:
+                if (strpos($rule, 'min:') === 0) {
+                    $min = substr($rule, 4);
+                    return strlen($value) >= $min;
+                }
+                if (strpos($rule, 'max:') === 0) {
+                    $max = substr($rule, 4);
+                    return strlen($value) <= $max;
+                }
+                if (strpos($rule, 'size:') === 0) {
+                    $size = substr($rule, 5);
+                    return strlen($value) == $size;
+                }
+                return true;
+        }
+    }
+
+    protected function message($field, $rule)
+    {
+        switch ($rule) {
+            case 'required':
+                return "The {$field} field is required.";
+            case 'email':
+                return "The {$field} must be a valid email address.";
+            case 'numeric':
+                return "The {$field} must be a number.";
+            case 'array':
+                return "The {$field} must be an array.";
+            default:
+                if (strpos($rule, 'min:') === 0) {
+                    $min = substr($rule, 4);
+                    return "The {$field} must be at least {$min} characters.";
+                }
+                if (strpos($rule, 'max:') === 0) {
+                    $max = substr($rule, 4);
+                    return "The {$field} may not be greater than {$max} characters.";
+                }
+                if (strpos($rule, 'size:') === 0) {
+                    $size = substr($rule, 5);
+                    return "The {$field} must be {$size} characters.";
+                }
+                return "The {$field} field is invalid.";
+        }
+    }
+
+    public function fails()
+    {
+        return !empty($this->errors);
+    }
+
+    public function errors()
+    {
+        return $this->errors;
+    }
+
+    public function first($field)
+    {
+        return $this->errors[$field][0] ?? null;
+    }
+}
\ No newline at end of file
diff --git a/app/Models/Bookmark.php b/app/Models/Bookmark.php
new file mode 100644
index 0000000..edb72c4
--- /dev/null
+++ b/app/Models/Bookmark.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App\Models;
+
+use App\Core\Model;
+
+class Bookmark extends Model
+{
+    protected static $table = 'bookmarks';
+
+    public static function findByUser($userId)
+    {
+        return self::where('user', '=', $userId);
+    }
+
+    public static function findByUserAndTitle($userId, $titleId)
+    {
+        return self::firstWhere('user', '=', $userId, 'AND', 'title', '=', $titleId);
+    }
+
+    public static function addBookmark($userId, $titleId)
+    {
+        $existing = self::findByUserAndTitle($userId, $titleId);
+        if ($existing) {
+            return $existing;
+        }
+
+        $data = [
+            'user' => $userId,
+            'title' => $titleId,
+            'timestamp' => date('Y-m-d H:i:s')
+        ];
+
+        return self::create($data);
+    }
+
+    public static function removeBookmark($userId, $titleId)
+    {
+        $bookmark = self::findByUserAndTitle($userId, $titleId);
+        if ($bookmark) {
+            return self::delete($bookmark['id']);
+        }
+        return false;
+    }
+
+    public static function isBookmarked($userId, $titleId)
+    {
+        return self::findByUserAndTitle($userId, $titleId) !== null;
+    }
+}
\ No newline at end of file
diff --git a/app/Models/Chapter.php b/app/Models/Chapter.php
new file mode 100644
index 0000000..380cf0a
--- /dev/null
+++ b/app/Models/Chapter.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Models;
+
+use App\Core\Model;
+
+class Chapter extends Model
+{
+    protected static $table = 'chapters';
+
+    public static function findByTitle($titleId)
+    {
+        return self::where('title', '=', $titleId);
+    }
+
+    public static function findLatest($limit = 10)
+    {
+        return self::query()
+            ->orderBy(['id' => 'DESC'])
+            ->limit($limit)
+            ->getQuery()
+            ->fetch();
+    }
+
+    public static function findByLanguage($titleId, $language)
+    {
+        return self::query()
+            ->where([['title', '=', $titleId], 'AND', ['language.1', '=', $language]])
+            ->orderBy(['volume' => 'DESC'])
+            ->orderBy(['number' => 'DESC'])
+            ->getQuery()
+            ->fetch();
+    }
+}
\ No newline at end of file
diff --git a/app/Models/ReadingHistory.php b/app/Models/ReadingHistory.php
new file mode 100644
index 0000000..2ec7b18
--- /dev/null
+++ b/app/Models/ReadingHistory.php
@@ -0,0 +1,74 @@
+<?php
+
+namespace App\Models;
+
+use App\Core\Model;
+
+class ReadingHistory extends Model
+{
+    protected static $table = 'reading_history';
+
+    public static function findByUser($userId)
+    {
+        return self::where('user', '=', $userId);
+    }
+
+    public static function findByUserAndChapter($userId, $chapterId)
+    {
+        return self::firstWhere('user', '=', $userId, 'AND', 'chapter', '=', $chapterId);
+    }
+
+    public static function addHistory($userId, $chapterId, $page = 1)
+    {
+        $existing = self::findByUserAndChapter($userId, $chapterId);
+        if ($existing) {
+            // Update existing record
+            return self::update($existing['id'], [
+                'page' => $page,
+                'last_read' => date('Y-m-d H:i:s')
+            ]);
+        }
+
+        // Create new record
+        $data = [
+            'user' => $userId,
+            'chapter' => $chapterId,
+            'page' => $page,
+            'last_read' => date('Y-m-d H:i:s')
+        ];
+
+        return self::create($data);
+    }
+
+    public static function getRecentHistory($userId, $limit = 10)
+    {
+        return self::query()
+            ->where(['user', '=', $userId])
+            ->orderBy(['last_read' => 'DESC'])
+            ->limit($limit)
+            ->getQuery()
+            ->fetch();
+    }
+
+    public static function getProgress($userId, $titleId)
+    {
+        // Get all chapters for this title
+        $chapters = \App\Models\Chapter::findByTitle($titleId);
+        
+        // Get reading history for this user and title's chapters
+        $history = [];
+        foreach ($chapters as $chapter) {
+            $record = self::findByUserAndChapter($userId, $chapter['id']);
+            if ($record) {
+                $history[] = $record;
+            }
+        }
+        
+        return [
+            'total_chapters' => count($chapters),
+            'read_chapters' => count($history),
+            'progress' => count($chapters) > 0 ? (count($history) / count($chapters)) * 100 : 0,
+            'history' => $history
+        ];
+    }
+}
\ No newline at end of file
diff --git a/app/Models/Session.php b/app/Models/Session.php
new file mode 100644
index 0000000..d637fb8
--- /dev/null
+++ b/app/Models/Session.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Models;
+
+use App\Core\Model;
+
+class Session extends Model
+{
+    protected static $table = 'sessions';
+
+    public static function findByToken($token)
+    {
+        return self::firstWhere('token', '=', $token);
+    }
+
+    public static function deleteByToken($token)
+    {
+        $session = self::findByToken($token);
+        if ($session) {
+            return self::delete($session['id']);
+        }
+        return false;
+    }
+}
\ No newline at end of file
diff --git a/app/Models/Title.php b/app/Models/Title.php
new file mode 100644
index 0000000..55b5945
--- /dev/null
+++ b/app/Models/Title.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Models;
+
+use App\Core\Model;
+
+class Title extends Model
+{
+    protected static $table = 'titles';
+
+    public static function searchByTitle($title)
+    {
+        return self::where('title', 'LIKE', '%' . $title . '%');
+    }
+
+    public static function findByStatus($status)
+    {
+        return self::where('sstatus', '=', $status);
+    }
+
+    public static function countByStatus($status)
+    {
+        return count(self::findByStatus($status));
+    }
+}
\ No newline at end of file
diff --git a/app/Models/User.php b/app/Models/User.php
new file mode 100644
index 0000000..b231eec
--- /dev/null
+++ b/app/Models/User.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Models;
+
+use App\Core\Model;
+
+class User extends Model
+{
+    protected static $table = 'users';
+
+    public static function findByEmail($email)
+    {
+        return self::firstWhere('email', '=', $email);
+    }
+
+    public static function findByUsername($username)
+    {
+        return self::firstWhere('username', '=', $username);
+    }
+
+    public static function updateLevel($id, $level)
+    {
+        return self::update($id, ['level' => $level]);
+    }
+}
\ No newline at end of file
diff --git a/app/autoload.php b/app/autoload.php
new file mode 100644
index 0000000..a8e0db3
--- /dev/null
+++ b/app/autoload.php
@@ -0,0 +1,25 @@
+<?php
+
+spl_autoload_register(function ($class) {
+    // Convert namespace to file path
+    $prefix = 'App\\';
+    $base_dir = __DIR__ . '/';
+
+    // Check if the class uses the namespace prefix
+    $len = strlen($prefix);
+    if (strncmp($prefix, $class, $len) !== 0) {
+        // Not our class, let other autoloaders handle it
+        return;
+    }
+
+    // Get the relative class name
+    $relative_class = substr($class, $len);
+
+    // Replace namespace separators with directory separators
+    $file = $base_dir . str_replace('\\', '/', $relative_class) . '.php';
+
+    // If the file exists, require it
+    if (file_exists($file)) {
+        require $file;
+    }
+});
\ No newline at end of file
diff --git a/app/routes.php b/app/routes.php
new file mode 100644
index 0000000..b34d3af
--- /dev/null
+++ b/app/routes.php
@@ -0,0 +1,40 @@
+<?php
+
+use App\Core\Router;
+
+$router = new Router();
+
+// Home page
+$router->get('/', 'HomeController@index');
+
+// Titles pages
+$router->get('/titles', 'TitlesController@index');
+$router->get('/titles/{page}', 'TitlesController@index');
+$router->get('/title/{id}', 'TitleController@show');
+
+// Chapters pages
+$router->get('/chapter/{id}', 'ChapterController@show');
+$router->get('/releases', 'ReleasesController@index');
+$router->get('/releases/{page}', 'ReleasesController@index');
+
+// User authentication
+$router->get('/login', 'AuthController@showLogin');
+$router->post('/login', 'AuthController@login', ['csrf']);
+$router->get('/signup', 'AuthController@showSignup');
+$router->post('/signup', 'AuthController@signup', ['csrf']);
+$router->get('/logout', 'AuthController@logout');
+$router->get('/activate', 'AuthController@activate');
+
+// API routes
+$router->get('/api', 'ApiController@index');
+$router->get('/api/titles', 'Api\\ApiController@titles');
+$router->get('/api/titles/{id}', 'Api\\ApiController@title');
+$router->get('/api/titles/{id}/chapters', 'Api\\ApiController@titleChapters');
+$router->get('/api/chapters/{id}', 'Api\\ApiController@chapter');
+$router->get('/api/search', 'Api\\ApiController@search');
+
+// Error routes
+$router->get('/error/404', 'ErrorController@notFound');
+$router->get('/error/403', 'ErrorController@forbidden');
+
+return $router;
\ No newline at end of file
diff --git a/autoload.php b/autoload.php
index 19451e6..6434053 100644
--- a/autoload.php
+++ b/autoload.php
@@ -10,6 +10,9 @@
 $config["debug"] == true ? error_reporting(E_ALL) && ini_set('display_errors', 1) : error_reporting(0) && ini_set('display_errors', 0);
 require_once "funky.php";
 
+// App autoloader for MVC structure
+require_once "app/autoload.php";
+
 // SleekDB
 require_once ps(__DIR__ . $config["path"]["sleek"] . "/Store.php");
 $db["users"] = new \SleekDB\Store("users", ps(__DIR__ . $config["db"]["sleek"]["dir"]), $config["db"]["sleek"]["config"]);
@@ -95,3 +98,6 @@
 $smarty->assign("logged", $logged);
 $smarty->assign("user", $user);
 $smarty->assign("preflang", $preflang);
+
+// Initialize database for models
+App\Core\Model::setDatabase($db);
diff --git a/config.php b/config.php
index 8288454..6288bfc 100644
--- a/config.php
+++ b/config.php
@@ -6,7 +6,7 @@
 $config["logs"] = true;
 $config["debug"] = true;
 $config["url"] = "http://localhost/fsx/public/";
-$config["email"] = "saintly@h33t.moe";
+$config["email"] = "test@example.com";
 $config["activation"] = false; // Activate account through email?
 $config["shareAnonymousAnalytics"] = true;
 $config["api"] = true; // not really working rn, still please let it enabled until newer versions
@@ -43,7 +43,8 @@
 
 // Themes and Languages
 $config["themes"] = array(
-    "nucleus" => "Nucleus"
+    "nucleus" => "Nucleus",
+    "netflix" => "Netflix"
 );
 $config["langs"] = array(
     "en" => "English",
diff --git a/create_admin.php b/create_admin.php
new file mode 100644
index 0000000..e4f6262
--- /dev/null
+++ b/create_admin.php
@@ -0,0 +1,35 @@
+<?php
+
+require "autoload.php";
+
+// Check if there are already users
+$existingUsers = $db["users"]->findAll(null, 1);
+if (!empty($existingUsers)) {
+    die("Admin user already exists!");
+}
+
+// Create admin user data
+$username = "admin";
+$password = password_hash("admin123", PASSWORD_BCRYPT);
+$email = "admin@example.com";
+
+$data = array(
+    "username" => $username,
+    "password" => $password,
+    "email" => $email,
+    "avatar" => $config["default"]["avatar"],
+    "level" => 100, // Administrator level
+    "theme" => $config["default"]["theme"],
+    "lang" => $config["default"]["lang"],
+    "banned" => false,
+    "bannedReason" => null,
+    "timestamp" => now()
+);
+
+// Insert the user
+$db["users"]->insert($data);
+
+echo "Admin user created successfully!\n";
+echo "Username: admin\n";
+echo "Password: admin123\n";
+echo "Email: admin@example.com\n";
\ No newline at end of file
diff --git a/database/activation/_cnt.sdb b/database/activation/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/activation/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/alertReads/_cnt.sdb b/database/alertReads/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/alertReads/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/alerts/_cnt.sdb b/database/alerts/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/alerts/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/alerts/cache/d1426e828ca5e3290a674976a6ee043b.no_lifetime.json b/database/alerts/cache/d1426e828ca5e3290a674976a6ee043b.no_lifetime.json
new file mode 100644
index 0000000..0637a08
--- /dev/null
+++ b/database/alerts/cache/d1426e828ca5e3290a674976a6ee043b.no_lifetime.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/database/chapterComments/_cnt.sdb b/database/chapterComments/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/chapterComments/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/chapterViews/_cnt.sdb b/database/chapterViews/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/chapterViews/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/chapters/_cnt.sdb b/database/chapters/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/chapters/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/chapters/cache/ce4ef4420ef09f9e1a13c1a7ba46022f.no_lifetime.json b/database/chapters/cache/ce4ef4420ef09f9e1a13c1a7ba46022f.no_lifetime.json
new file mode 100644
index 0000000..0637a08
--- /dev/null
+++ b/database/chapters/cache/ce4ef4420ef09f9e1a13c1a7ba46022f.no_lifetime.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/database/chapters/cache/cef09747df32485d44d903f9d476bbab.no_lifetime.json b/database/chapters/cache/cef09747df32485d44d903f9d476bbab.no_lifetime.json
new file mode 100644
index 0000000..0637a08
--- /dev/null
+++ b/database/chapters/cache/cef09747df32485d44d903f9d476bbab.no_lifetime.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/database/profileComments/_cnt.sdb b/database/profileComments/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/profileComments/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/profileViews/_cnt.sdb b/database/profileViews/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/profileViews/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/readChapters/_cnt.sdb b/database/readChapters/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/readChapters/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/sessions/_cnt.sdb b/database/sessions/_cnt.sdb
new file mode 100644
index 0000000..e440e5c
--- /dev/null
+++ b/database/sessions/_cnt.sdb
@@ -0,0 +1 @@
+3
\ No newline at end of file
diff --git a/database/titleComments/_cnt.sdb b/database/titleComments/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/titleComments/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/titleViews/_cnt.sdb b/database/titleViews/_cnt.sdb
new file mode 100644
index 0000000..c227083
--- /dev/null
+++ b/database/titleViews/_cnt.sdb
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/database/titles/_cnt.sdb b/database/titles/_cnt.sdb
new file mode 100644
index 0000000..56a6051
--- /dev/null
+++ b/database/titles/_cnt.sdb
@@ -0,0 +1 @@
+1
\ No newline at end of file
diff --git a/database/users/_cnt.sdb b/database/users/_cnt.sdb
new file mode 100644
index 0000000..56a6051
--- /dev/null
+++ b/database/users/_cnt.sdb
@@ -0,0 +1 @@
+1
\ No newline at end of file
diff --git a/database/visitLogs/_cnt.sdb b/database/visitLogs/_cnt.sdb
new file mode 100644
index 0000000..d8263ee
--- /dev/null
+++ b/database/visitLogs/_cnt.sdb
@@ -0,0 +1 @@
+2
\ No newline at end of file
diff --git a/database/visitLogs/cache/47878e419a85d26981bece57eab7242b.no_lifetime.json b/database/visitLogs/cache/47878e419a85d26981bece57eab7242b.no_lifetime.json
new file mode 100644
index 0000000..82db654
--- /dev/null
+++ b/database/visitLogs/cache/47878e419a85d26981bece57eab7242b.no_lifetime.json
@@ -0,0 +1 @@
+{"ip":"::1","timestamp":"2025-08-13 18:02:09","id":1}
\ No newline at end of file
diff --git a/database/visitLogs/data/1.json b/database/visitLogs/data/1.json
new file mode 100644
index 0000000..82db654
--- /dev/null
+++ b/database/visitLogs/data/1.json
@@ -0,0 +1 @@
+{"ip":"::1","timestamp":"2025-08-13 18:02:09","id":1}
\ No newline at end of file
diff --git a/database/visitLogs/data/2.json b/database/visitLogs/data/2.json
new file mode 100644
index 0000000..5183c7f
--- /dev/null
+++ b/database/visitLogs/data/2.json
@@ -0,0 +1 @@
+{"ip":"","timestamp":"2025-08-13 18:43:26","id":2}
\ No newline at end of file
diff --git a/install_app.php b/install_app.php
new file mode 100644
index 0000000..cf52fbb
--- /dev/null
+++ b/install_app.php
@@ -0,0 +1,49 @@
+<?php
+
+// Simple installation script for FoOlSlideX
+echo "Installing FoOlSlideX...\n";
+
+// Check if already installed
+if (file_exists(__DIR__ . '/.installed')) {
+    echo "Application is already installed.\n";
+    exit(1);
+}
+
+// Update config.php with a test email
+$configFile = __DIR__ . '/config.php';
+if (file_exists($configFile)) {
+    $configContent = file_get_contents($configFile);
+    // Replace the default email with a test email
+    $configContent = str_replace(
+        '$config["email"] = "saintly@h33t.moe";',
+        '$config["email"] = "test@example.com";',
+        $configContent
+    );
+    file_put_contents($configFile, $configContent);
+    echo "Updated config.php with test email.\n";
+}
+
+// Create the .installed file
+$file = fopen(__DIR__ . '/.installed', 'w');
+fwrite($file, date('Y-m-d H:i:s'));
+fclose($file);
+
+// Create necessary directories
+$databaseDir = __DIR__ . '/database';
+if (!is_dir($databaseDir)) {
+    mkdir($databaseDir, 0755, true);
+    echo "Created database directory.\n";
+}
+
+$secretsDir = __DIR__ . '/library/secrets';
+if (!is_dir($secretsDir)) {
+    mkdir($secretsDir, 0755, true);
+    echo "Created secrets directory.\n";
+}
+
+// Create secret files
+file_put_contents($secretsDir . '/started.txt', time());
+file_put_contents($secretsDir . '/key.txt', uniqid());
+
+echo "Installation completed successfully!\n";
+echo "You can now run the application.\n";
\ No newline at end of file
diff --git a/library/secrets/key.txt b/library/secrets/key.txt
new file mode 100644
index 0000000..597a46d
--- /dev/null
+++ b/library/secrets/key.txt
@@ -0,0 +1 @@
+689cd2fc3b82a
\ No newline at end of file
diff --git a/library/secrets/started.txt b/library/secrets/started.txt
index e69de29..b81d5a1 100644
--- a/library/secrets/started.txt
+++ b/library/secrets/started.txt
@@ -0,0 +1 @@
+1755108092
\ No newline at end of file
diff --git a/library/themes/netflix/README.md b/library/themes/netflix/README.md
new file mode 100644
index 0000000..c41f790
--- /dev/null
+++ b/library/themes/netflix/README.md
@@ -0,0 +1,137 @@
+# Netflix Theme for FoOlSlideX
+
+A modern, Netflix-inspired theme for FoOlSlideX manga reader platform.
+
+## Features
+
+- Dark theme with Netflix-style aesthetics
+- Responsive grid layout with hover effects
+- Featured titles carousel on the homepage
+- Dual reading modes (continuous scrolling and page-by-page)
+- Smooth animations and transitions
+- Mobile-friendly design
+
+## Theme Structure
+
+```
+FoOlSlideX/library/themes/netflix/
+├── info.php
+├── README.md
+├── pages/
+│   ├── 403.tpl
+│   ├── 404.tpl
+│   ├── chapter.tpl
+│   ├── index.tpl
+│   ├── releases.tpl
+│   └── titles.tpl
+└── parts/
+    ├── alert.tpl
+    ├── footer.tpl
+    ├── header.tpl
+    └── menu.tpl
+```
+
+## Assets
+
+```
+FoOlSlideX/public/assets/netflix/
+├── main.css
+├── carousel.js
+├── reader.js
+├── theme.js
+└── README.md
+```
+
+## Installation
+
+1. Upload the theme files to your FoOlSlideX installation
+2. Ensure the asset files are placed in the correct public directory
+3. Add the theme to your FoOlSlideX configuration
+4. Select "Netflix" as the active theme in the admin panel
+
+## Customization
+
+### Colors
+The theme uses a Netflix-inspired color palette:
+- Primary Background: #141414 (Netflix Black)
+- Secondary Background: #181818 (Dark Gray)
+- Accent Color: #e50914 (Netflix Red)
+- Text Primary: #ffffff (White)
+- Text Secondary: #b3b3b3 (Light Gray)
+
+### Fonts
+The theme uses the Roboto font family from Google Fonts.
+
+## Key Components
+
+### Homepage
+- Hero carousel with featured content
+- Continue Watching section (for logged-in users)
+- New Releases grid
+- Popular Titles grid
+- Recently Updated grid
+
+### Title Page
+- Large cover image with gradient overlay
+- Detailed information section
+- Chapter list with hover effects
+- Related titles section
+
+### Reading Interface
+- Dual reading modes (continuous scrolling and page-by-page)
+- Mode switching controls
+- Navigation arrows
+- Fullscreen button
+- Chapter information bar
+
+## JavaScript Functionality
+
+### carousel.js
+- Horizontal scrolling carousels
+- Mouse and touch drag support
+- Arrow navigation
+
+### reader.js
+- Reading mode switching
+- Keyboard navigation
+- Fullscreen functionality
+- Page navigation
+
+### theme.js
+- Theme initialization
+- Mobile menu toggle
+- Search functionality
+
+## CSS Features
+
+- Smooth transitions and animations
+- Responsive design for all screen sizes
+- Hover effects on cards and buttons
+- Custom scrollbar styling
+- Loading animations
+
+## Browser Support
+
+The theme is compatible with all modern browsers:
+- Chrome 60+
+- Firefox 55+
+- Safari 12+
+- Edge 79+
+
+## Performance Considerations
+
+- CSS transitions for smooth animations
+- Efficient JavaScript with event delegation
+- Lazy loading support for images
+- Minimal HTTP requests
+
+## Accessibility
+
+- Proper contrast ratios for text
+- Keyboard navigation support
+- Focus indicators for interactive elements
+- Semantic HTML structure
+
+## Support
+
+For issues with the theme, please check the FoOlSlideX documentation or contact the theme developer.
\ No newline at end of file
diff --git a/library/themes/netflix/info.php b/library/themes/netflix/info.php
new file mode 100644
index 0000000..ae79b20
--- /dev/null
+++ b/library/themes/netflix/info.php
@@ -0,0 +1,17 @@
+<?php
+
+$theme = [
+    "name" => "Netflix",
+    "author" => "Theme Developer",
+    "website" => "https://github.com/foolslidex/themes",
+    "plugins" => [
+        "daisyTheme",
+        "logoImage",
+        "readChapters",
+        "simpleAlert",
+        "started",
+        "userLangs",
+        "readingMode"
+    ],
+    "version" => "1.0.0"
+];
\ No newline at end of file
diff --git a/library/themes/netflix/pages/403.tpl b/library/themes/netflix/pages/403.tpl
new file mode 100644
index 0000000..5c9f63c
--- /dev/null
+++ b/library/themes/netflix/pages/403.tpl
@@ -0,0 +1,16 @@
+<!-- 403 Error Page -->
+<div class="flex flex-col items-center justify-center min-h-screen px-4 py-12 text-center">
+    <div class="max-w-md">
+        <h1 class="text-9xl font-bold text-red-600 mb-4">403</h1>
+        <h2 class="text-3xl font-bold mb-4">Access Denied</h2>
+        <p class="text-gray-400 mb-8">Sorry, you don't have permission to access this page.</p>
+        <div class="flex flex-col sm:flex-row gap-4 justify-center">
+            <a href="index.php" class="bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-6 rounded-md transition">
+                Go Home
+            </a>
+            <a href="titles.php" class="bg-gray-700 hover:bg-gray-600 text-white font-medium py-2 px-6 rounded-md transition">
+                Browse Manga
+            </a>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/library/themes/netflix/pages/404.tpl b/library/themes/netflix/pages/404.tpl
new file mode 100644
index 0000000..2dda146
--- /dev/null
+++ b/library/themes/netflix/pages/404.tpl
@@ -0,0 +1,16 @@
+<!-- 404 Error Page -->
+<div class="flex flex-col items-center justify-center min-h-screen px-4 py-12 text-center">
+    <div class="max-w-md">
+        <h1 class="text-9xl font-bold text-red-600 mb-4">404</h1>
+        <h2 class="text-3xl font-bold mb-4">Page Not Found</h2>
+        <p class="text-gray-400 mb-8">Sorry, we couldn't find the page you're looking for.</p>
+        <div class="flex flex-col sm:flex-row gap-4 justify-center">
+            <a href="index.php" class="bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-6 rounded-md transition">
+                Go Home
+            </a>
+            <a href="titles.php" class="bg-gray-700 hover:bg-gray-600 text-white font-medium py-2 px-6 rounded-md transition">
+                Browse Manga
+            </a>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/library/themes/netflix/pages/chapter.tpl b/library/themes/netflix/pages/chapter.tpl
new file mode 100644
index 0000000..26f7115
--- /dev/null
+++ b/library/themes/netflix/pages/chapter.tpl
@@ -0,0 +1,102 @@
+<!-- Reading Mode Selector -->
+<div class="fixed top-20 right-4 z-50 bg-black bg-opacity-70 rounded-lg p-2">
+    <div class="flex">
+        <button id="continuousMode" class="px-3 py-1 text-sm rounded-l bg-red-600 hover:bg-red-700 transition">Continuous</button>
+        <button id="pageMode" class="px-3 py-1 text-sm rounded-r hover:bg-gray-700 transition">Page</button>
+    </div>
+</div>
+
+<!-- Continuous Scrolling Mode -->
+<div id="continuousReading" class="hidden">
+    <div class="flex flex-col items-center">
+        {if !empty($pages)}
+            {foreach from=$pages item=page}
+            <img src="{$page.url}" alt="Page {$page.number}" class="w-full max-w-4xl mb-4">
+            {/foreach}
+        {else}
+            <p class="text-gray-400 text-center py-8">No pages available for this chapter.</p>
+        {/if}
+    </div>
+</div>
+
+<!-- Page-by-Page Mode -->
+<div id="pageReading" class="hidden">
+    <div class="flex flex-col items-center">
+        {if !empty($currentPage)}
+        <img src="{$currentPage.url}" alt="Page {$currentPage.number}" class="w-full max-w-4xl">
+        <div class="flex justify-between w-full max-w-4xl mt-4">
+            <button id="prevPage" class="bg-gray-800 text-white px-4 py-2 rounded hover:bg-gray-700 transition">Previous</button>
+            <span class="self-center" id="pageDisplay">Page {$currentPage.number} of {$totalPages}</span>
+            <button id="nextPage" class="bg-gray-800 text-white px-4 py-2 rounded hover:bg-gray-700 transition">Next</button>
+        </div>
+        {else}
+            <p class="text-gray-400 text-center py-8">No page content available.</p>
+        {/if}
+    </div>
+</div>
+
+<!-- Navigation Arrows -->
+<div class="fixed inset-y-0 left-0 flex items-center pl-4 z-40">
+    <button id="prevChapter" class="bg-black bg-opacity-50 text-white rounded-full p-3 hover:bg-opacity-75 transition">
+        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
+        </svg>
+    </button>
+</div>
+
+<div class="fixed inset-y-0 right-0 flex items-center pr-4 z-40">
+    <button id="nextChapter" class="bg-black bg-opacity-50 text-white rounded-full p-3 hover:bg-opacity-75 transition">
+        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+        </svg>
+    </button>
+</div>
+
+<!-- Fullscreen Button -->
+<div class="fixed bottom-4 right-4 z-50">
+    <button id="fullscreenBtn" class="bg-black bg-opacity-70 text-white rounded-full p-3 hover:bg-opacity-100 transition">
+        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5v-4m0 0h-4m4 0l-5-5" />
+        </svg>
+    </button>
+</div>
+
+<!-- Chapter Info Bar -->
+<div class="fixed top-16 left-0 right-0 bg-black bg-opacity-70 p-2 z-50">
+    <div class="max-w-7xl mx-auto px-4 flex justify-between items-center">
+        <div>
+            <h1 class="text-lg font-bold">{$chapter.title}</h1>
+            <p class="text-sm text-gray-300">{$manga.title} - Chapter {$chapter.number}</p>
+        </div>
+        <div class="flex space-x-2">
+            <button class="text-gray-300 hover:text-white">
+                <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
+                </svg>
+            </button>
+            <button class="text-gray-300 hover:text-white">
+                <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z" />
+                </svg>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Reader JavaScript -->
+<script src="assets/netflix/reader.js"></script>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    // Preload images for smoother reading experience
+    {if !empty($allPageUrls)}
+    window.preloadImages = window.preloadImages || function() {};
+    window.preloadImages({json_encode($allPageUrls)});
+    {/if}
+    
+    // Update page number display
+    {if !empty($currentPage) && !empty($totalPages)}
+    window.updatePageNumber = window.updatePageNumber || function() {};
+    window.updatePageNumber({$currentPage.number}, {$totalPages});
+    {/if}
+});
+</script>
\ No newline at end of file
diff --git a/library/themes/netflix/pages/index.tpl b/library/themes/netflix/pages/index.tpl
new file mode 100644
index 0000000..9919f8a
--- /dev/null
+++ b/library/themes/netflix/pages/index.tpl
@@ -0,0 +1,124 @@
+<!-- Hero Carousel -->
+<div class="relative h-screen">
+    <div class="absolute inset-0 bg-gradient-to-r from-black via-transparent to-transparent z-10"></div>
+    <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent z-10"></div>
+    <div class="absolute inset-0 flex items-end z-20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-24">
+            <h1 class="text-4xl md:text-6xl font-bold mb-4">Featured Manga Title</h1>
+            <p class="text-lg md:text-xl max-w-2xl mb-8">Brief description of the featured manga series that captures the reader's interest.</p>
+            <div class="flex space-x-4">
+                <button class="bg-white text-black px-6 py-2 rounded-md font-medium hover:bg-gray-200 transition">Read Now</button>
+                <button class="bg-gray-600 bg-opacity-70 text-white px-6 py-2 rounded-md font-medium hover:bg-gray-500 transition">More Info</button>
+            </div>
+        </div>
+    </div>
+    <div class="absolute inset-0 bg-cover bg-center" style="background-image: url('assets/netflix/hero-placeholder.jpg');"></div>
+</div>
+
+<!-- Continue Watching Section -->
+{if $logged && !empty($continueReading)}
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">Continue Watching</h2>
+    <div class="relative">
+        <div class="carousel-container overflow-x-auto pb-4 scrollbar-hide">
+            <div class="flex space-x-4" style="width: max-content;">
+                {foreach from=$continueReading item=item key=key name=name}
+                <div class="flex-shrink-0 w-48 md:w-56 relative group">
+                    <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105 group-hover:z-10">
+                        <img src="data/covers/{$item.title.id}.png" alt="{$item.title.title}" class="w-full h-auto">
+                        <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
+                        <div class="absolute bottom-0 left-0 right-0 p-3 opacity-0 group-hover:opacity-100 transition-opacity">
+                            <h3 class="font-bold truncate">{$item.title.title}</h3>
+                            <p class="text-sm text-gray-300">Chapter {$item.chapter.number}</p>
+                        </div>
+                    </div>
+                </div>
+                {/foreach}
+            </div>
+        </div>
+    </div>
+</div>
+{/if}
+
+<!-- New Releases Section -->
+{if !empty($newReleases)}
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">New Releases</h2>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+        {foreach from=$newReleases item=item key=key name=name}
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/{$item.title.id}.png" alt="{$item.title.title}" class="w-full h-auto">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            <h3 class="font-medium mt-2 truncate">{$item.title.title}</h3>
+            <p class="text-sm text-gray-400">Chapter {$item.number}</p>
+        </div>
+        {/foreach}
+    </div>
+</div>
+{/if}
+
+<!-- Popular Titles Section -->
+{if !empty($popularTitles)}
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">Popular This Week</h2>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+        {foreach from=$popularTitles item=item key=key name=name}
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/{$item.id}.png" alt="{$item.title}" class="w-full h-auto">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            <h3 class="font-medium mt-2 truncate">{$item.title}</h3>
+            <p class="text-sm text-gray-400">{$item.chapterCount} chapters</p>
+        </div>
+        {/foreach}
+    </div>
+</div>
+{/if}
+
+<!-- Recently Updated Section -->
+{if !empty($recentlyUpdated)}
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">Recently Updated</h2>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+        {foreach from=$recentlyUpdated item=item key=key name=name}
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/{$item.title.id}.png" alt="{$item.title.title}" class="w-full h-auto">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            <h3 class="font-medium mt-2 truncate">{$item.title.title}</h3>
+            <p class="text-sm text-gray-400">Updated {$item.lastUpdate}</p>
+        </div>
+        {/foreach}
+    </div>
+</div>
+{/if}
+
+<!-- Initialize carousel functionality -->
+<script src="assets/netflix/carousel.js"></script>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    // Initialize any additional carousel functionality if needed
+});
+</script>
\ No newline at end of file
diff --git a/library/themes/netflix/pages/releases.tpl b/library/themes/netflix/pages/releases.tpl
new file mode 100644
index 0000000..d895e59
--- /dev/null
+++ b/library/themes/netflix/pages/releases.tpl
@@ -0,0 +1,66 @@
+<!-- Page Header -->
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h1 class="text-3xl font-bold mb-2">Latest Releases</h1>
+    <p class="text-gray-400">Discover the newest chapters added to our collection</p>
+</div>
+
+<!-- Releases Grid -->
+<div class="py-4 px-4 sm:px-6 lg:px-8">
+    {if !empty($chapters)}
+    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6">
+        {foreach from=$chapters item=chapter}
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/{$chapter.title.id}.png" alt="{$chapter.title.title}" class="w-full h-64 object-cover">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+                <div class="absolute top-2 right-2 bg-red-600 text-white text-xs px-2 py-1 rounded">
+                    NEW
+                </div>
+            </div>
+            <div class="mt-3">
+                <h3 class="font-bold truncate">{$chapter.title.title}</h3>
+                <p class="text-sm text-gray-400">Chapter {$chapter.number}</p>
+                <div class="flex items-center mt-1">
+                    <img src="https://flagcdn.com/16x12/{$chapter.language.1}.png" alt="{$chapter.language.2}" class="h-3 mr-1">
+                    <span class="text-xs text-gray-500">{$chapter.language.0}</span>
+                </div>
+                <p class="text-xs text-gray-500 mt-1">{$chapter.timestamp|date_format:"M j, Y"}</p>
+            </div>
+        </div>
+        {/foreach}
+    </div>
+    
+    <!-- Pagination -->
+    {if $totalPages > 1}
+    <div class="flex justify-center mt-8">
+        <div class="join">
+            {if $currentPage > 1}
+            <a href="releases.php?page={$currentPage-1}" class="join-item btn bg-netflix-gray border-gray-600 hover:bg-gray-700">«</a>
+            {/if}
+            
+            {for $i=1 to $totalPages}
+                {if $i == $currentPage}
+                <button class="join-item btn bg-red-600 border-red-600 hover:bg-red-700">{$i}</button>
+                {else}
+                <a href="releases.php?page={$i}" class="join-item btn bg-netflix-gray border-gray-600 hover:bg-gray-700">{$i}</a>
+                {/if}
+            {/for}
+            
+            {if $currentPage < $totalPages}
+            <a href="releases.php?page={$currentPage+1}" class="join-item btn bg-netflix-gray border-gray-600 hover:bg-gray-700">»</a>
+            {/if}
+        </div>
+    </div>
+    {/if}
+    {else}
+    <div class="text-center py-12">
+        <p class="text-gray-400 text-lg">No releases found.</p>
+    </div>
+    {/if}
+</div>
\ No newline at end of file
diff --git a/library/themes/netflix/pages/title.tpl b/library/themes/netflix/pages/title.tpl
new file mode 100644
index 0000000..e7f7807
--- /dev/null
+++ b/library/themes/netflix/pages/title.tpl
@@ -0,0 +1,97 @@
+<!-- Title Header -->
+<div class="relative h-96 md:h-screen">
+    <div class="absolute inset-0 bg-gradient-to-r from-black via-transparent to-transparent z-10"></div>
+    <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent z-10"></div>
+    <div class="absolute inset-0 flex items-end z-20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 md:pb-24">
+            <div class="flex flex-col md:flex-row">
+                <div class="md:w-1/4 mb-4 md:mb-0 md:mr-8">
+                    <img src="data/covers/{$title.id}.png" alt="{$title.title}" class="w-full rounded-md shadow-lg">
+                </div>
+                <div class="md:w-3/4">
+                    <h1 class="text-3xl md:text-5xl font-bold mb-2">{$title.title}</h1>
+                    <div class="flex flex-wrap gap-2 mb-4">
+                        <span class="bg-red-600 text-white px-2 py-1 rounded text-sm">{$title.sstatus}</span>
+                        <span class="bg-gray-700 text-white px-2 py-1 rounded text-sm">{$title.releaseYear}</span>
+                    </div>
+                    <p class="text-lg max-w-3xl mb-6">{$title.summary}</p>
+                    <div class="flex flex-wrap gap-4 mb-6">
+                        <div>
+                            <h3 class="font-bold text-gray-400">Author</h3>
+                            <p>{$title.authors}</p>
+                        </div>
+                        <div>
+                            <h3 class="font-bold text-gray-400">Artist</h3>
+                            <p>{$title.artists}</p>
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap gap-2 mb-6">
+                        {foreach from=$title.tags.genres item=genre}
+                            <span class="bg-gray-700 text-white px-3 py-1 rounded-full text-sm">{$genre}</span>
+                        {/foreach}
+                    </div>
+                    <button class="bg-red-600 text-white px-6 py-2 rounded-md font-medium hover:bg-red-700 transition mb-4">
+                        Start Reading
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image: url('data/covers/{$title.id}.png'); filter: blur(8px);"></div>
+</div>
+
+<!-- Chapters Section -->
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">Chapters</h2>
+    <div class="space-y-2">
+        {if !empty($chapters)}
+            {foreach from=$chapters item=chapter}
+            <div class="bg-gray-800 bg-opacity-50 hover:bg-gray-700 transition rounded-lg p-4 flex justify-between items-center group">
+                <div>
+                    <h3 class="font-medium">Chapter {$chapter.number}: {$chapter.name}</h3>
+                    <p class="text-sm text-gray-400">{$chapter.date}</p>
+                </div>
+                <div class="flex items-center space-x-2 opacity-0 group-hover:opacity-100 transition-opacity">
+                    <button class="text-gray-400 hover:text-white">
+                        <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
+                        </svg>
+                    </button>
+                    <button class="text-gray-400 hover:text-white">
+                        <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            {/foreach}
+        {else}
+            <p class="text-gray-400">No chapters available for this title.</p>
+        {/if}
+    </div>
+</div>
+
+<!-- Related Titles Section -->
+{if !empty($relatedTitles)}
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">You Might Also Like</h2>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+        {foreach from=$relatedTitles item=item key=key name=name}
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/{$item.id}.png" alt="{$item.title}" class="w-full h-auto">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            <h3 class="font-medium mt-2 truncate">{$item.title}</h3>
+        </div>
+        {/foreach}
+    </div>
+</div>
+{/if}
\ No newline at end of file
diff --git a/library/themes/netflix/pages/titles.tpl b/library/themes/netflix/pages/titles.tpl
new file mode 100644
index 0000000..9a4daab
--- /dev/null
+++ b/library/themes/netflix/pages/titles.tpl
@@ -0,0 +1,107 @@
+<!-- Page Header -->
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h1 class="text-3xl font-bold mb-2">Browse Manga</h1>
+    <p class="text-gray-400">Discover your next favorite series</p>
+</div>
+
+<!-- Search and Filters -->
+<div class="px-4 sm:px-6 lg:px-8 mb-6">
+    <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
+        <div class="flex-1">
+            <form method="GET" action="titles.php" class="relative">
+                <input type="text" name="search" placeholder="Search manga titles..." value="{$searchQuery}" class="w-full px-4 py-2 bg-netflix-gray border border-gray-600 rounded-md text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-red-600">
+                <button type="submit" class="absolute right-2 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-white">
+                    <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+                    </svg>
+                </button>
+            </form>
+        </div>
+        <div class="flex flex-wrap gap-2">
+            <select name="genre" onchange="location = this.value;" class="bg-netflix-gray border border-gray-600 text-white rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-red-600">
+                <option value="titles.php" {if !$selectedGenre}selected{/if}>All Genres</option>
+                {foreach from=$genres item=genre}
+                <option value="titles.php?genre={$genre.id}" {if $selectedGenre == $genre.id}selected{/if}>{$genre.name}</option>
+                {/foreach}
+            </select>
+            <select name="status" onchange="location = this.value;" class="bg-netflix-gray border border-gray-600 text-white rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-red-600">
+                <option value="titles.php" {if !$selectedStatus}selected{/if}>All Status</option>
+                <option value="titles.php?status=ongoing" {if $selectedStatus == 'ongoing'}selected{/if}>Ongoing</option>
+                <option value="titles.php?status=completed" {if $selectedStatus == 'completed'}selected{/if}>Completed</option>
+                <option value="titles.php?status=hiatus" {if $selectedStatus == 'hiatus'}selected{/if}>Hiatus</option>
+            </select>
+            <select name="sort" onchange="location = this.value;" class="bg-netflix-gray border border-gray-600 text-white rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-red-600">
+                <option value="titles.php?sort=latest" {if $sort == 'latest'}selected{/if}>Latest Updates</option>
+                <option value="titles.php?sort=popular" {if $sort == 'popular'}selected{/if}>Most Popular</option>
+                <option value="titles.php?sort=alphabetical" {if $sort == 'alphabetical'}selected{/if}>Alphabetical</option>
+            </select>
+        </div>
+    </div>
+</div>
+
+<!-- Titles Grid -->
+<div class="py-4 px-4 sm:px-6 lg:px-8">
+    {if !empty($titles)}
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-6">
+        {foreach from=$titles item=title}
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/{$title.id}.png" alt="{$title.title}" class="w-full h-64 object-cover">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+                <div class="absolute top-2 right-2">
+                    <span class="bg-red-600 text-white text-xs px-2 py-1 rounded {if $title.sstatus == 2}bg-green-600{elseif $title.sstatus == 3}bg-yellow-600{elseif $title.sstatus == 4}bg-blue-600{elseif $title.sstatus == 5}bg-gray-600{/if}">
+                        {if $title.sstatus == 1}Planned{elseif $title.sstatus == 2}Ongoing{elseif $title.sstatus == 3}Hiatus{elseif $title.sstatus == 4}Completed{elseif $title.sstatus == 5}Cancelled{/if}
+                    </span>
+                </div>
+            </div>
+            <div class="mt-3">
+                <h3 class="font-bold truncate">{$title.title}</h3>
+                <p class="text-sm text-gray-400 truncate">{$title.authors}</p>
+                <div class="flex items-center justify-between mt-1">
+                    <span class="text-xs text-gray-500">{$title.chapterCount} chapters</span>
+                    <div class="flex items-center">
+                        <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
+                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
+                        </svg>
+                        <span class="text-xs text-gray-500 ml-1">{$title.rating|number_format:1}</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {/foreach}
+    </div>
+    
+    <!-- Pagination -->
+    {if $totalPages > 1}
+    <div class="flex justify-center mt-8">
+        <div class="join">
+            {if $currentPage > 1}
+            <a href="titles.php?page={$currentPage-1}{if $searchQuery}&search={$searchQuery}{/if}{if $selectedGenre}&genre={$selectedGenre}{/if}{if $selectedStatus}&status={$selectedStatus}{/if}{if $sort}&sort={$sort}{/if}" class="join-item btn bg-netflix-gray border-gray-600 hover:bg-gray-700">«</a>
+            {/if}
+            
+            {for $i=1 to $totalPages}
+                {if $i == $currentPage}
+                <button class="join-item btn bg-red-600 border-red-600 hover:bg-red-700">{$i}</button>
+                {else}
+                <a href="titles.php?page={$i}{if $searchQuery}&search={$searchQuery}{/if}{if $selectedGenre}&genre={$selectedGenre}{/if}{if $selectedStatus}&status={$selectedStatus}{/if}{if $sort}&sort={$sort}{/if}" class="join-item btn bg-netflix-gray border-gray-600 hover:bg-gray-700">{$i}</a>
+                {/if}
+            {/for}
+            
+            {if $currentPage < $totalPages}
+            <a href="titles.php?page={$currentPage+1}{if $searchQuery}&search={$searchQuery}{/if}{if $selectedGenre}&genre={$selectedGenre}{/if}{if $selectedStatus}&status={$selectedStatus}{/if}{if $sort}&sort={$sort}{/if}" class="join-item btn bg-netflix-gray border-gray-600 hover:bg-gray-700">»</a>
+            {/if}
+        </div>
+    </div>
+    {/if}
+    {else}
+    <div class="text-center py-12">
+        <p class="text-gray-400 text-lg">No titles found matching your criteria.</p>
+    </div>
+    {/if}
+</div>
\ No newline at end of file
diff --git a/library/themes/netflix/parts/alert.tpl b/library/themes/netflix/parts/alert.tpl
new file mode 100644
index 0000000..9f644dd
--- /dev/null
+++ b/library/themes/netflix/parts/alert.tpl
@@ -0,0 +1,27 @@
+{if !empty($alert)}
+<div id="topAlert" class="alert alert-{$alert.type} bg-{$alert.type}-900 border-{$alert.type}-700 text-white rounded-none mb-0 py-3 px-4 relative">
+    <div class="max-w-7xl mx-auto flex items-center justify-between">
+        <div class="flex items-center">
+            {if $alert.type == 'error'}
+            <svg class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+            </svg>
+            {elseif $alert.type == 'success'}
+            <svg class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+            </svg>
+            {elseif $alert.type == 'warning'}
+            <svg class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+            </svg>
+            {/if}
+            <span>{$alert.message}</span>
+        </div>
+        <button id="dismissAlert" class="text-white hover:text-gray-300 focus:outline-none">
+            <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+        </button>
+    </div>
+</div>
+{/if}
\ No newline at end of file
diff --git a/library/themes/netflix/parts/footer.tpl b/library/themes/netflix/parts/footer.tpl
new file mode 100644
index 0000000..c1f07e8
--- /dev/null
+++ b/library/themes/netflix/parts/footer.tpl
@@ -0,0 +1,319 @@
+</div>
+<!-- Container End -->
+
+{if (isset($rel) && $rel != 'tab') || !isset($rel)}
+    {if !$logged}
+        <input type="checkbox" id="loginModal" class="modal-toggle">
+        <div class="modal modal-bottom sm:modal-middle">
+            <div class="modal-box bg-netflix-dark">
+                <h3 class="font-bold text-2xl text-center mb-4 underline text-white">Login</h3>
+                <form method="POST" name="login" id="loginForm">
+                    <div class="grid grid-cols-1 gap-4">
+                        <input type="text" placeholder="Username" name="username" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                        <input type="password" placeholder="Password" name="password" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                    </div>
+                    <div class=" mt-4">
+                        <button class="btn btn-primary bg-red-600 border-red-600 hover:bg-red-700 btn-block btn-outline" type="submit">Log me in!</button>
+                    </div>
+                    <div class="mt-4 text-error text-center hidden" id="login-result"></div>
+                    <div class="pt-4 grid grid-cols-2 gap-4">
+                        <label onclick="toggleCheck('loginModal'); toggleCheck('signupModal');" class="btn bg-netflix-gray border-gray-600 hover:bg-gray-700 btn-block">To Signup</label>
+                        <label for="loginModal" class="btn bg-gray-600 border-gray-600 hover:bg-gray-700 btn-error">Cancel</label>
+                    </div>
+                </form>
+            </div>
+        </div>
+
+        <input type="checkbox" id="signupModal" class="modal-toggle">
+        <div class="modal modal-bottom sm:modal-middle">
+            <div class="modal-box bg-netflix-dark">
+                <h3 class="font-bold text-2xl text-center mb-4 underline text-white">Signup</h3>
+                <form method="POST" name="signup" id="signupForm">
+                    <div class="grid grid-cols-1 gap-4">
+                        <input type="text" placeholder="Username" name="username" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                        <input type="password" placeholder="Password" name="password" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                        <input type="password" placeholder="Repeat Password" name="password2" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                        <input type="email" placeholder="Email (for account-activation and recovery)" name="email" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                        <input type="email" placeholder="Repeat Email" name="email2" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                    </div>
+                    <div class="mt-4">
+                        <button class="btn btn-primary bg-red-600 border-red-600 hover:bg-red-700 btn-block btn-outline" type="submit">Create my account!</button>
+                    </div>
+                    <div class="mt-2 text-error text-center hidden" id="signup-result"></div>
+                    <div class="pt-4 grid grid-cols-2 gap-4">
+                        <label onclick="toggleCheck('loginModal'); toggleCheck('signupModal');" class="btn bg-netflix-gray border-gray-600 hover:bg-gray-700 btn-block">To Login</label>
+                        <label for="signupModal" class="btn bg-gray-600 border-gray-600 hover:bg-gray-700 btn-error">Cancel</label>
+                    </div>
+                </form>
+            </div>
+        </div>
+    {else}
+        <input type="checkbox" id="userSettingsModal" class="modal-toggle">
+        <div class="modal modal-bottom sm:modal-middle">
+            <div class="modal-box bg-netflix-dark">
+                <h3 class="font-bold text-2xl text-center mb-4 underline text-white">User Settings</h3>
+                <form method="POST" name="userSettings" id="userSettingsForm">
+                    <div class="grid grid-cols-1 gap-4">
+                        <input type="text" placeholder="Avatar URL" name="avatar" class="input w-full border border-gray-600 bg-netflix-gray text-white" value="{$user.avatar}">
+                        <select class="select w-full border border-gray-600 bg-netflix-gray text-white" name="theme">
+                            {foreach from=$config.themes item=item key=key name=name}
+                                <option value="{$key}" class="bg-netflix-gray text-white">Theme: {$item}</option>
+                            {/foreach}
+                        </select>
+                    </div>
+                    <div class="mt-4">
+                        <button class="btn btn-primary bg-red-600 border-red-600 hover:bg-red-700 btn-block btn-outline" type="submit">Save settings!</button>
+                    </div>
+                    <div class="mt-2 text-center hidden" id="usersettings-result"></div>
+                    <div class="pt-4">
+                        <label for="userSettingsModal" class="btn bg-gray-600 border-gray-600 hover:bg-gray-700 btn-error btn-block">Close</label>
+                    </div>
+                </form>
+            </div>
+        </div>
+    {/if}
+
+    <script>
+        function toggleCheck(id) {
+            let box = document.getElementById(id);
+            box.checked = !box.checked;
+        }
+
+        {if !$logged}
+            $("#loginForm").submit(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\login.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            let text = document.getElementById("login-result");
+                            text.classList.remove("hidden");
+                            text.innerHTML = "<b>Error:</b> " + data;
+                        }
+                    }
+                });
+                return false;
+            });
+
+            $("#signupForm").submit(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\signup.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            let text = document.getElementById("signup-result");
+                            text.classList.remove("hidden");
+                            text.innerHTML = "<b>Error:</b> " + data;
+                        }
+                    }
+                });
+                return false;
+            });
+        {/if}
+
+        {if $logged}
+            $("#userSettingsForm").submit(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\settings.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            let text = document.getElementById("usersettings-result");
+                            text.classList.remove("hidden");
+                            text.innerHTML = "<b>Error:</b> " + data;
+                            text.classList.add("text-error");
+                            text.classList.remove("text-success");
+                        }
+                    }
+                });
+                return false;
+            });
+
+            $("#logoutButton").click(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\logout.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            alert("Error: " + data);
+                        }
+                    }
+                });
+                return false;
+            });
+
+            $("#dismissAlert").click(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\alerts\\dismiss.php",
+                    success: function(data) {
+                        if (data == "success") {
+                            let div = document.getElementById("topAlert");
+                            div.classList.add("hidden");
+                        } else {
+                            alert("Error: " + data);
+                        }
+                    }
+                });
+                return false;
+            });
+        {/if}
+
+        function setCookie(name, value) {
+            Cookies.set("{cat($config.title)}_" + name, value, { expires: 999 })
+        }
+
+        function updateUserLang(lang) {
+            {if $logged}
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\updateLang.php",
+                    data: {
+                        newLang: lang
+                    },
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            alert("Error: " + data);
+                        }
+                    }
+                });
+            {else}
+                location.reload();
+            {/if}
+        }
+
+        function toggleRead(id) {
+            let box = event.srcElement.id;
+            {if !$logged}
+                alert("Error: Login to use this function!");
+                toggleCheck(box);
+            {else}
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\chapters\\read.php",
+                    data: {
+                        user: {$user.id},
+                        chapter: id
+                    },
+                    success: function(data) {
+                        if (data != "success") {
+                            alert("Error: " + data);
+                            toggleCheck(box);
+                        }
+                    }
+                });
+            {/if}
+        }
+    </script>
+
+    <!-- Theme Modal -->
+    <input type="checkbox" id="themeModal" class="modal-toggle">
+    <div class="modal">
+        <div class="modal-box w-11/12 max-w-5xl bg-netflix-dark">
+            <h3 class="font-bold text-lg mb-4 text-white">Change Design</h3>
+            {$daisyThemes = array("light", "dark", "cupcake", "bumblebee", "emerald", "corporate", "synthwave", "retro", "cyberpunk", "valentine", "halloween", "garden", "forest", "aqua", "lofi", "pastel", "fantasy", "wireframe", "black", "luxury", "dracula", "cmyk", "autumn", "business", "acid", "lemonade", "night", "coffee", "winter")}
+            <div class="grid grid-cols-2 md:grid-cols-5 gap-1 sm:gap-2 md:gap-4">
+                {foreach from=$daisyThemes item=item key=key name=name}
+                    <div class="col-span-1 border rounded-xl p-1 md:p-2 cursor-pointer bg-base-100" data-theme="{$item}" onclick="setCookie('daisytheme','{$item}');assignTheme('{cat($config.title)}_');">
+                        <div class="grid grid-cols-5 grid-rows-2">
+                            <div class="bg-base-200 col-start-1 row-span-1 row-start-1 rounded-tl-md"></div>
+                            <div class="bg-base-300 col-start-1 row-start-2 rounded-bl-md"></div>
+                            <div class="col-span-4 col-start-2 row-span-2 row-start-1 ml-2">
+                                <span class="font-bold text-white">{$item}</span>
+                                <div class="w-full grid grid-cols-4 gap-1 md:gap-2 mt-1 md:mt-2 text-sm">
+                                    <button class="btn btn-sm btn-primary">A</button>
+                                    <button class="btn btn-sm btn-secondary">A</button>
+                                    <button class="btn btn-sm btn-accent">A</button>
+                                    <button class="btn btn-sm btn-neutral">A</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                {/foreach}
+                <label for="themeModal" class="mt-4 md:mt-0 btn bg-gray-600 border-gray-600 hover:bg-gray-700 col-span-2 md:col-span-5 text-white">Close</label>
+            </div>
+        </div>
+    </div>
+    <!-- /Theme Modal -->
+
+    <!-- Language Modal -->
+    <input type="checkbox" id="langModal" class="modal-toggle">
+    <div class="modal">
+        <div class="modal-box w-11/12 max-w-5xl bg-netflix-dark">
+            <h3 class="font-bold text-lg mb-4 text-white">Change Language</h3>
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-1 sm:gap-2 md:gap-4">
+                {foreach from=$userlangs item=item key=key name=name}
+                    <div class="col-span-1 border rounded-xl text-center p-1 md:p-2 cursor-pointer bg-base-100" onclick="setCookie('userlang','{$item.code}');updateUserLang('{$item.code}');">
+                        <p class="font-bold text-xl text-white">{$item.name}</p>
+                        <p class="text-white">
+                            by
+                            {if !empty($item.website)}
+                                <a href="{$item.website}" target="_blank" class="link">
+                                {/if}
+                                {$item.author}
+                                {if !empty($item.website)}
+                                </a>
+                            {/if}
+                        </p>
+                        <p class="italic text-sm text-white">Updated: {$item.updated}</p>
+                    </div>
+                {/foreach}
+                <label for="langModal" class="mt-4 md:mt-0 btn bg-gray-600 border-gray-600 hover:bg-gray-700 col-span-2 md:col-span-4 text-white">Close</label>
+            </div>
+        </div>
+    </div>
+    <!-- /Language Modal -->
+
+    <footer class="footer footer-center p-6 bg-netflix-black text-base-content">
+        <div>
+            <p class="text-white">
+                Copyright © {date("Y")} <a href="{$config.url}" class="link text-red-400">{$config.title}</a>
+                <span class="hidden md:inline text-white">|</span>
+                <br class="md:hidden">
+                Running <a href="https://github.com/saintly2k/FoOlSlideX" class="link text-red-400" target="_blank">FoOlSlideX</a>
+                <span class="badge badge-info bg-red-600 border-red-600">{$version}</span>
+                <br class="md:hidden">
+                by <a href="https://github.com/saintly2k" class="link text-red-400" target="_blank">Saintly2k</a> and
+                <a href="https://github.com/saintly2k/FoOlSlideX/graphs/contributors" class="link text-red-400" target="_blank">The Gang</a>.
+                <span class="hidden md:inline text-white">|</span>
+                <br class="md:hidden">
+                <label for="themeModal" class="link text-red-400">Change Design</label> or
+                <label for="langModal" class="link text-red-400">Change Language</label>
+            </p>
+        </div>
+    </footer>
+
+    <!--<script src="assets/page.js"></script>-->
+    <script src="assets/nucleus/tabs.js"></script>
+    <script src="assets/nucleus/tags.js"></script>
+    <script src="assets/nucleus/autotheme.js"></script>
+    <script src="assets/nucleus/carousel.js"></script>
+    <script src="assets/js.cookie.js"></script>
+    
+    <!-- Netflix Theme Scripts -->
+    <script src="assets/netflix/theme.js"></script>
+    <script src="assets/netflix/carousel.js"></script>
+    <script src="assets/netflix/reader.js"></script>
+    </body>
+
+    </html>
+{/if}
\ No newline at end of file
diff --git a/library/themes/netflix/parts/header.tpl b/library/themes/netflix/parts/header.tpl
new file mode 100644
index 0000000..4158e86
--- /dev/null
+++ b/library/themes/netflix/parts/header.tpl
@@ -0,0 +1,50 @@
+{if (isset($rel) && $rel != 'tab') || !isset($rel)}
+<!DOCTYPE html>
+<html lang="{$userlang}">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{$pagetitle}</title>
+    
+    <!-- Netflix Theme CSS -->
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="assets/netflix/main.css">
+    
+    <!-- Keep existing scripts -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="assets/netflix/theme.js"></script>
+    
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
+    <link rel="manifest" href="assets/favicon/site.webmanifest">
+    
+    <!-- DaisyUI and Tailwind (keeping for compatibility with existing components) -->
+    <link href="https://cdn.jsdelivr.net/npm/daisyui@2.47.0/dist/full.css" rel="stylesheet" type="text/css">
+    <script src="https://cdn.tailwindcss.com"></script>
+    
+    <style>
+        .link {
+            text-decoration-line: underline;
+            text-decoration-style: dotted;
+        }
+
+        .link:hover {
+            text-decoration-style: solid;
+        }
+
+        .auto a {
+            text-decoration-line: underline;
+            text-decoration-style: dotted;
+        }
+
+        .auto a:hover {
+            text-decoration-style: solid;
+        }
+    </style>
+</head>
+
+<body class="bg-netflix-dark text-white min-h-screen">
+    {include file="../parts/menu.tpl"}
+{/if}
\ No newline at end of file
diff --git a/library/themes/netflix/parts/menu.tpl b/library/themes/netflix/parts/menu.tpl
new file mode 100644
index 0000000..f30eaea
--- /dev/null
+++ b/library/themes/netflix/parts/menu.tpl
@@ -0,0 +1,77 @@
+<input hidden readonly type="text" value="{$config.title}" id="siteName">
+<input hidden readonly type="text" value="{$config.divider}" id="siteDivider">
+
+<!-- Netflix-style Navigation -->
+<nav class="bg-netflix-black bg-opacity-90 backdrop-blur-sm fixed top-0 w-full z-50">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="flex items-center justify-between h-16">
+            <!-- Logo -->
+            <div class="flex-shrink-0">
+                <a href="{$config.url}" class="text-red-600 text-2xl font-bold tracking-tight">
+                    {if !empty($logoImage)}
+                        <img src="{$logoImage}" alt="Logo" class="h-8">
+                    {else}
+                        {$config.title}
+                    {/if}
+                </a>
+            </div>
+            
+            <!-- Desktop Navigation -->
+            <div class="hidden md:block">
+                <div class="ml-10 flex items-baseline space-x-4">
+                    <a href="index.php" class="text-white hover:text-red-500 px-3 py-2 rounded-md text-sm font-medium">Home</a>
+                    <a href="releases.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">New Releases</a>
+                    <a href="titles.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Browse</a>
+                    <a href="bookmarks.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">My List</a>
+                    <a href="members.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Members</a>
+                </div>
+            </div>
+            
+            <!-- Search and User Profile -->
+            <div class="hidden md:flex items-center space-x-4">
+                <!-- Search Icon -->
+                <div class="relative">
+                    <button class="text-gray-400 hover:text-white">
+                        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+                        </svg>
+                    </button>
+                </div>
+                
+                <!-- User Profile -->
+                <div class="relative">
+                    <div class="dropdown dropdown-end">
+                        <label tabindex="0" class="btn btn-ghost btn-circle avatar">
+                            <div class="w-10 rounded-full">
+                                <img src="{if $logged}{$user.avatar}{else}https://rav.h33t.moe/avatar.php?name=rileinc{/if}" alt="Avatar">
+                            </div>
+                        </label>
+                        <ul tabindex="0" class="mt-3 p-2 shadow-md menu menu-compact dropdown-content bg-base-100 border rounded-box w-52">
+                            {if $logged}
+                                <li><a href="profile.php?id={$user.id}" rel="tab" ttl="Profile of {$user.username} - Uploads - Page 1">Profile</a></li>
+                                <li><label for="userSettingsModal">Settings</label></li>
+                                <li><button id="logoutButton">Logout</button></li>
+                            {else}
+                                <li><label for="loginModal">Login</label></li>
+                                <li><label for="signupModal">Signup</label></li>
+                            {/if}
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- Mobile menu button -->
+            <div class="md:hidden">
+                <button class="text-gray-400 hover:text-white focus:outline-none">
+                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                    </svg>
+                </button>
+            </div>
+        </div>
+    </div>
+</nav>
+
+<!-- Main Content Container -->
+<div class="pt-16 container mx-auto my-4 px-2 md:px-0" id="content">
+{include file="../parts/alert.tpl"}
\ No newline at end of file
diff --git a/library/themes/netflix_design_layout.md b/library/themes/netflix_design_layout.md
new file mode 100644
index 0000000..7b176e5
--- /dev/null
+++ b/library/themes/netflix_design_layout.md
@@ -0,0 +1,109 @@
+# Netflix-Inspired Manga Reader Design Layout
+
+## Homepage Structure
+
+```mermaid
+graph TD
+    A[Header/Navigation] --> B[Featured Carousel]
+    B --> C[Continue Reading Section]
+    C --> D[New Releases Section]
+    D --> E[Popular Titles Section]
+    E --> F[Recently Updated Section]
+    F --> G[Footer]
+    
+    style A fill:#222,stroke:#fff
+    style B fill:#111,stroke:#e50914
+    style C fill:#141414,stroke:#666
+    style D fill:#141414,stroke:#666
+    style E fill:#141414,stroke:#666
+    style F fill:#141414,stroke:#666
+    style G fill:#222,stroke:#fff
+```
+
+## Manga Card Design
+
+```mermaid
+graph TD
+    H[Manga Card Container] --> I[Cover Image]
+    I --> J[Hover Overlay]
+    J --> K[Title]
+    J --> L[Rating]
+    J --> M[Status Badge]
+    J --> N[Quick Actions]
+    
+    style H fill:#333,stroke:#666
+    style I fill:#444,stroke:#888
+    style J fill:#00000080,stroke:#e50914
+    style K fill:#e50914,stroke:#fff
+    style L fill:#ffd700,stroke:#000
+    style M fill:#00c853,stroke:#000
+    style N fill:#2962ff,stroke:#fff
+```
+
+## Reading Interface Modes
+
+```mermaid
+graph TD
+    O[Reading Interface] --> P[Mode Selector]
+    P --> Q[Continuous Scrolling Mode]
+    P --> R[Page-by-Page Mode]
+    
+    Q --> S[Fullscreen Button]
+    Q --> T[Progress Tracker]
+    Q --> U[Navigation Arrows]
+    
+    R --> V[Page Navigation]
+    R --> W[Zoom Controls]
+    R --> X[Reading Settings]
+    
+    style O fill:#141414,stroke:#e50914
+    style P fill:#222,stroke:#e50914
+    style Q fill:#111,stroke:#666
+    style R fill:#111,stroke:#666
+    style S fill:#e50914,stroke:#fff
+    style T fill:#00c853,stroke:#000
+    style U fill:#2962ff,stroke:#fff
+    style V fill:#2962ff,stroke:#fff
+    style W fill:#ffd700,stroke:#000
+    style X fill:#7e57c2,stroke:#fff
+```
+
+## Color Palette
+
+- Primary Background: #141414 (Netflix Black)
+- Secondary Background: #222222 (Dark Gray)
+- Accent Color: #e50914 (Netflix Red)
+- Text Primary: #ffffff (White)
+- Text Secondary: #b3b3b3 (Light Gray)
+- Success: #00c853 (Green)
+- Warning: #ffd700 (Yellow)
+- Info: #2962ff (Blue)
+- Card Background: #333333 (Card Gray)
+
+## Typography
+
+- Headers: 'Helvetica Neue', Arial, sans-serif (Bold)
+- Body Text: 'Helvetica Neue', Arial, sans-serif (Regular)
+- Monospace: 'Courier New', monospace (For code/preformatted)
+
+## Spacing System
+
+- XS: 4px
+- S: 8px
+- M: 16px
+- L: 24px
+- XL: 32px
+- XXL: 48px
+
+## Shadow System
+
+- Card Shadow: 0 4px 8px rgba(0, 0, 0, 0.3)
+- Hover Shadow: 0 8px 16px rgba(0, 0, 0, 0.4)
+- Focus Shadow: 0 0 0 2px #e50914
+
+## Animation System
+
+- Hover Duration: 0.3s
+- Transition Duration: 0.5s
+- Carousel Transition: 1s
+- Fade In: 0.7s
\ No newline at end of file
diff --git a/library/themes/netflix_implementation_plan.md b/library/themes/netflix_implementation_plan.md
new file mode 100644
index 0000000..3b8493b
--- /dev/null
+++ b/library/themes/netflix_implementation_plan.md
@@ -0,0 +1,507 @@
+# Netflix Theme Implementation Plan
+
+## 1. Theme Structure Implementation
+
+### info.php
+```php
+<?php
+$theme = [
+    "name" => "Netflix",
+    "author" => "Your Name",
+    "website" => "https://yourwebsite.com/",
+    "plugins" => [
+        "daisyTheme",
+        "logoImage",
+        "readChapters",
+        "simpleAlert",
+        "started",
+        "userLangs",
+        "readingMode"
+    ],
+    "version" => "1.0.0"
+];
+```
+
+## 2. Header Template (parts/header.tpl)
+
+Key changes from nucleus theme:
+- Netflix-inspired dark theme styling
+- Custom navigation with Netflix-style dropdowns
+- Responsive design for mobile
+
+```smarty
+{if (isset($rel) && $rel != 'tab') || !isset($rel)}
+<!DOCTYPE html>
+<html lang="{$userlang}">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{$pagetitle}</title>
+    
+    <!-- Netflix Theme CSS -->
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="assets/netflix/main.css">
+    
+    <!-- Keep existing scripts -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="assets/netflix/theme.js"></script>
+    
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
+    <link rel="manifest" href="assets/favicon/site.webmanifest">
+</head>
+
+<body class="bg-netflix-dark text-white min-h-screen">
+    {include file="../parts/menu.tpl"}
+{/if}
+```
+
+## 3. Menu Template (parts/menu.tpl)
+
+Netflix-style navigation:
+- Fixed top navigation bar
+- Logo on left
+- Navigation links in center
+- User profile dropdown on right
+
+```smarty
+<!-- Netflix-style Navigation -->
+<nav class="bg-netflix-black bg-opacity-90 backdrop-blur-sm fixed top-0 w-full z-50">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="flex items-center justify-between h-16">
+            <!-- Logo -->
+            <div class="flex-shrink-0">
+                <a href="{$config.url}" class="text-red-600 text-2xl font-bold tracking-tight">
+                    {if !empty($logoImage)}
+                        <img src="{$logoImage}" alt="Logo" class="h-8">
+                    {else}
+                        {$config.title}
+                    {/if}
+                </a>
+            </div>
+            
+            <!-- Desktop Navigation -->
+            <div class="hidden md:block">
+                <div class="ml-10 flex items-baseline space-x-4">
+                    <a href="index.php" class="text-white hover:text-red-500 px-3 py-2 rounded-md text-sm font-medium">Home</a>
+                    <a href="releases.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">New Releases</a>
+                    <a href="titles.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Browse</a>
+                    <a href="bookmarks.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">My List</a>
+                </div>
+            </div>
+            
+            <!-- User Profile -->
+            <div class="hidden md:block">
+                <div class="ml-4 flex items-center md:ml-6">
+                    <div class="relative ml-3">
+                        <div>
+                            <button class="flex text-sm rounded-full focus:outline-none">
+                                <img class="h-8 w-8 rounded-full" src="{if $logged}{$user.avatar}{else}https://rav.h33t.moe/avatar.php?name=rileinc{/if}" alt="Avatar">
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- Mobile menu button -->
+            <div class="md:hidden">
+                <button class="text-gray-400 hover:text-white focus:outline-none">
+                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                    </svg>
+                </button>
+            </div>
+        </div>
+    </div>
+</nav>
+
+<!-- Main Content Container -->
+<div class="pt-16 container mx-auto my-4 px-2 md:px-0" id="content">
+{include file="../parts/alert.tpl"}
+```
+
+## 4. Homepage Template (pages/index.tpl)
+
+Key features:
+- Featured carousel at top
+- Multiple content sections
+- Netflix-style hover effects
+
+```smarty
+<!-- Hero Carousel -->
+<div class="relative h-screen">
+    <div class="absolute inset-0 bg-gradient-to-r from-black via-transparent to-transparent z-10"></div>
+    <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent z-10"></div>
+    <div class="absolute inset-0 flex items-end z-20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-24">
+            <h1 class="text-4xl md:text-6xl font-bold mb-4">Featured Manga Title</h1>
+            <p class="text-lg md:text-xl max-w-2xl mb-8">Brief description of the featured manga series that captures the reader's interest.</p>
+            <div class="flex space-x-4">
+                <button class="bg-white text-black px-6 py-2 rounded-md font-medium hover:bg-gray-200 transition">Read Now</button>
+                <button class="bg-gray-600 bg-opacity-70 text-white px-6 py-2 rounded-md font-medium hover:bg-gray-500 transition">More Info</button>
+            </div>
+        </div>
+    </div>
+    <div class="absolute inset-0 bg-cover bg-center" style="background-image: url('assets/netflix/hero-placeholder.jpg');"></div>
+</div>
+
+<!-- Continue Watching Section -->
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">Continue Watching</h2>
+    <div class="relative">
+        <div class="carousel-container overflow-x-auto pb-4">
+            <div class="flex space-x-4" style="width: max-content;">
+                <!-- Repeat for each item -->
+                <div class="flex-shrink-0 w-48 md:w-56 relative group">
+                    <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105 group-hover:z-10">
+                        <img src="data/covers/placeholder.jpg" alt="Manga Title" class="w-full h-auto">
+                        <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
+                        <div class="absolute bottom-0 left-0 right-0 p-3 opacity-0 group-hover:opacity-100 transition-opacity">
+                            <h3 class="font-bold truncate">Manga Title</h3>
+                            <p class="text-sm text-gray-300">Chapter 15</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- End repeat -->
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- New Releases Section -->
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">New Releases</h2>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+        <!-- Repeat for each item -->
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/placeholder.jpg" alt="Manga Title" class="w-full h-auto">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            <h3 class="font-medium mt-2 truncate">Manga Title</h3>
+            <p class="text-sm text-gray-400">Chapter 15</p>
+        </div>
+        <!-- End repeat -->
+    </div>
+</div>
+
+<!-- Popular Titles Section -->
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">Popular This Week</h2>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+        <!-- Similar structure to New Releases -->
+    </div>
+</div>
+```
+
+## 5. Title Page Template (pages/title.tpl)
+
+Netflix-style title page:
+- Large cover image with gradient overlay
+- Detailed information section
+- Chapter list with hover effects
+
+```smarty
+<!-- Title Header -->
+<div class="relative h-96 md:h-screen">
+    <div class="absolute inset-0 bg-gradient-to-r from-black via-transparent to-transparent z-10"></div>
+    <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent z-10"></div>
+    <div class="absolute inset-0 flex items-end z-20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 md:pb-24">
+            <div class="flex flex-col md:flex-row">
+                <div class="md:w-1/4 mb-4 md:mb-0 md:mr-8">
+                    <img src="data/covers/{$title.id}.png" alt="{$title.title}" class="w-full rounded-md shadow-lg">
+                </div>
+                <div class="md:w-3/4">
+                    <h1 class="text-3xl md:text-5xl font-bold mb-2">{$title.title}</h1>
+                    <div class="flex flex-wrap gap-2 mb-4">
+                        <span class="bg-red-600 text-white px-2 py-1 rounded text-sm">{$title.sstatus}</span>
+                        <span class="bg-gray-700 text-white px-2 py-1 rounded text-sm">2023</span>
+                    </div>
+                    <p class="text-lg max-w-3xl mb-6">{$title.summary}</p>
+                    <div class="flex flex-wrap gap-4 mb-6">
+                        <div>
+                            <h3 class="font-bold text-gray-400">Author</h3>
+                            <p>{$title.authors}</p>
+                        </div>
+                        <div>
+                            <h3 class="font-bold text-gray-400">Artist</h3>
+                            <p>{$title.artists}</p>
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap gap-2 mb-6">
+                        {foreach from=$title.tags.genres item=genre}
+                            <span class="bg-gray-700 text-white px-3 py-1 rounded-full text-sm">{$genre}</span>
+                        {/foreach}
+                    </div>
+                    <button class="bg-red-600 text-white px-6 py-2 rounded-md font-medium hover:bg-red-700 transition mb-4">
+                        Start Reading
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image: url('data/covers/{$title.id}.png'); filter: blur(8px);"></div>
+</div>
+
+<!-- Chapters Section -->
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">Chapters</h2>
+    <div class="space-y-2">
+        {foreach from=$chapters item=chapter}
+        <div class="bg-gray-800 bg-opacity-50 hover:bg-gray-700 transition rounded-lg p-4 flex justify-between items-center group">
+            <div>
+                <h3 class="font-medium">Chapter {$chapter.number}: {$chapter.name}</h3>
+                <p class="text-sm text-gray-400">{$chapter.date}</p>
+            </div>
+            <div class="flex items-center space-x-2 opacity-0 group-hover:opacity-100 transition-opacity">
+                <button class="text-gray-400 hover:text-white">
+                    <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
+                    </svg>
+                </button>
+                <button class="text-gray-400 hover:text-white">
+                    <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+                    </svg>
+                </button>
+            </div>
+        </div>
+        {/foreach}
+    </div>
+</div>
+```
+
+## 6. Chapter Reading Template (pages/chapter.tpl)
+
+Dual-mode reading interface:
+- Continuous scrolling mode
+- Page-by-page mode
+- Mode switching controls
+
+```smarty
+<!-- Reading Mode Selector -->
+<div class="fixed top-20 right-4 z-50 bg-black bg-opacity-70 rounded-lg p-2">
+    <div class="flex">
+        <button id="continuousMode" class="px-3 py-1 text-sm rounded-l hover:bg-gray-700 transition">Continuous</button>
+        <button id="pageMode" class="px-3 py-1 text-sm rounded-r hover:bg-gray-700 transition">Page</button>
+    </div>
+</div>
+
+<!-- Continuous Scrolling Mode -->
+<div id="continuousReading" class="hidden">
+    <div class="flex flex-col items-center">
+        {foreach from=$pages item=page}
+        <img src="{$page.url}" alt="Page {$page.number}" class="w-full max-w-4xl mb-4">
+        {/foreach}
+    </div>
+</div>
+
+<!-- Page-by-Page Mode -->
+<div id="pageReading" class="hidden">
+    <div class="flex flex-col items-center">
+        <img src="{$currentPage.url}" alt="Page {$currentPage.number}" class="w-full max-w-4xl">
+        <div class="flex justify-between w-full max-w-4xl mt-4">
+            <button id="prevPage" class="bg-gray-800 text-white px-4 py-2 rounded hover:bg-gray-700 transition">Previous</button>
+            <span class="self-center">Page {$currentPage.number} of {$totalPages}</span>
+            <button id="nextPage" class="bg-gray-800 text-white px-4 py-2 rounded hover:bg-gray-700 transition">Next</button>
+        </div>
+    </div>
+</div>
+
+<!-- Navigation Arrows -->
+<div class="fixed inset-y-0 left-0 flex items-center pl-4 z-40">
+    <button id="prevChapter" class="bg-black bg-opacity-50 text-white rounded-full p-3 hover:bg-opacity-75 transition">
+        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
+        </svg>
+    </button>
+</div>
+
+<div class="fixed inset-y-0 right-0 flex items-center pr-4 z-40">
+    <button id="nextChapter" class="bg-black bg-opacity-50 text-white rounded-full p-3 hover:bg-opacity-75 transition">
+        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+        </svg>
+    </button>
+</div>
+
+<script src="assets/netflix/reader.js"></script>
+```
+
+## 7. CSS Structure (assets/netflix/main.css)
+
+```css
+/* Netflix Theme CSS */
+
+/* Color Variables */
+:root {
+  --netflix-black: #141414;
+  --netflix-dark: #181818;
+  --netflix-gray: #333333;
+  --netflix-light-gray: #e5e5e5;
+  --netflix-red: #e50914;
+  --netflix-white: #ffffff;
+}
+
+/* Base Styles */
+body {
+  background-color: var(--netflix-black);
+  color: var(--netflix-white);
+  font-family: 'Roboto', sans-serif;
+  margin: 0;
+  padding: 0;
+}
+
+/* Navigation */
+.bg-netflix-black {
+  background-color: #000000;
+}
+
+.bg-netflix-dark {
+  background-color: var(--netflix-dark);
+}
+
+/* Cards */
+.netflix-card {
+  background-color: var(--netflix-gray);
+  border-radius: 4px;
+  overflow: hidden;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.netflix-card:hover {
+  transform: scale(1.05);
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
+  z-index: 10;
+}
+
+/* Carousel */
+.carousel-container {
+  scrollbar-width: none;
+}
+
+.carousel-container::-webkit-scrollbar {
+  display: none;
+}
+
+/* Buttons */
+.netflix-button {
+  background-color: var(--netflix-red);
+  color: var(--netflix-white);
+  border: none;
+  border-radius: 4px;
+  padding: 8px 16px;
+  font-weight: bold;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.netflix-button:hover {
+  background-color: #f40612;
+}
+
+/* Gradients */
+.netflix-gradient {
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.1) 100%);
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .netflix-card:hover {
+    transform: none;
+  }
+}
+```
+
+## 8. JavaScript Components
+
+### Carousel (assets/netflix/carousel.js)
+```javascript
+// Netflix-style carousel functionality
+document.addEventListener('DOMContentLoaded', function() {
+    const carousels = document.querySelectorAll('.carousel-container');
+    
+    carousels.forEach(carousel => {
+        let isDown = false;
+        let startX;
+        let scrollLeft;
+        
+        carousel.addEventListener('mousedown', (e) => {
+            isDown = true;
+            startX = e.pageX - carousel.offsetLeft;
+            scrollLeft = carousel.scrollLeft;
+        });
+        
+        carousel.addEventListener('mouseleave', () => {
+            isDown = false;
+        });
+        
+        carousel.addEventListener('mouseup', () => {
+            isDown = false;
+        });
+        
+        carousel.addEventListener('mousemove', (e) => {
+            if (!isDown) return;
+            e.preventDefault();
+            const x = e.pageX - carousel.offsetLeft;
+            const walk = (x - startX) * 2;
+            carousel.scrollLeft = scrollLeft - walk;
+        });
+    });
+});
+```
+
+### Reader Mode Switching (assets/netflix/reader.js)
+```javascript
+// Reading mode switching functionality
+document.addEventListener('DOMContentLoaded', function() {
+    const continuousModeBtn = document.getElementById('continuousMode');
+    const pageModeBtn = document.getElementById('pageMode');
+    const continuousReading = document.getElementById('continuousReading');
+    const pageReading = document.getElementById('pageReading');
+    
+    // Set initial mode
+    continuousReading.classList.remove('hidden');
+    pageModeBtn.classList.remove('bg-red-600');
+    
+    continuousModeBtn.addEventListener('click', function() {
+        continuousReading.classList.remove('hidden');
+        pageReading.classList.add('hidden');
+        continuousModeBtn.classList.add('bg-red-600');
+        pageModeBtn.classList.remove('bg-red-600');
+    });
+    
+    pageModeBtn.addEventListener('click', function() {
+        pageReading.classList.remove('hidden');
+        continuousReading.classList.add('hidden');
+        pageModeBtn.classList.add('bg-red-600');
+        continuousModeBtn.classList.remove('bg-red-600');
+    });
+});
+```
+
+## 9. Responsive Design Considerations
+
+- Mobile-first approach
+- Touch-friendly navigation
+- Adaptive grid layouts
+- Optimized image loading
+- Performance-focused animations
+
+## 10. Performance Optimization
+
+- Lazy loading for images
+- CSS containment for large sections
+- Efficient JavaScript event handling
+- Minified assets
+- Caching strategies
\ No newline at end of file
diff --git a/library/themes/netflix_theme_plan.md b/library/themes/netflix_theme_plan.md
new file mode 100644
index 0000000..3747b1c
--- /dev/null
+++ b/library/themes/netflix_theme_plan.md
@@ -0,0 +1,120 @@
+# Netflix-Inspired Manga Reader Theme Plan
+
+## Theme Structure
+
+Based on the analysis of the existing "nucleus" theme, the Netflix-inspired theme will follow this structure:
+
+```
+FoOlSlideX/library/themes/netflix/
+├── info.php
+├── pages/
+│   ├── 403.tpl
+│   ├── 404.tpl
+│   ├── chapter.tpl
+│   ├── index.tpl
+│   ├── releases.tpl
+│   ├── title.tpl
+│   └── titles.tpl
+└── parts/
+    ├── alert.tpl
+    ├── footer.tpl
+    ├── header.tpl
+    └── menu.tpl
+```
+
+## Key Design Elements
+
+### 1. Dark Theme with Netflix-inspired Styling
+- Dark background (#141414) with subtle gradients
+- Red accent color for highlights and buttons
+- Clean typography with Netflix-style fonts
+- Minimalist design with focus on content
+
+### 2. Homepage Layout
+- Featured titles carousel at the top with large cover images
+- Multiple sections:
+  - Continue Reading (for logged-in users)
+  - New Releases
+  - Popular Titles
+  - Recently Updated
+- Netflix-style hover effects on all cards
+
+### 3. Card-based Design
+- Manga titles displayed in cards with cover images
+- Hover effects that scale and show additional information
+- Rating badges and status indicators
+- Consistent sizing and spacing
+
+### 4. Reading Experience
+- Two reading modes:
+  - Netflix-style continuous scrolling
+  - Traditional page-by-page reader
+- Mode selector in the reading interface
+- Fullscreen option for immersive reading
+- Progress tracking integration
+
+## Implementation Approach
+
+### 1. Create Theme Directory Structure
+- Set up the directory structure as outlined above
+- Create info.php with theme metadata
+- Copy and modify template files from the nucleus theme
+
+### 2. Design System
+- Define color palette
+- Create CSS classes for consistent styling
+- Implement responsive grid system
+- Add animation and transition effects
+
+### 3. Homepage Implementation
+- Create featured carousel component
+- Implement section layouts
+- Add hover effects and interactions
+- Optimize for performance
+
+### 4. Reading Interface
+- Develop both reading modes
+- Create mode switching mechanism
+- Implement progress tracking
+- Add navigation controls
+
+### 5. Responsive Design
+- Ensure compatibility with mobile devices
+- Optimize layouts for different screen sizes
+- Test touch interactions
+- Implement adaptive image loading
+
+## Technical Considerations
+
+### Performance Optimization
+- Lazy loading for images
+- Efficient CSS with minimal overrides
+- Optimized JavaScript for interactions
+- Caching strategies
+
+### Accessibility
+- Proper contrast ratios for text
+- Keyboard navigation support
+- Screen reader compatibility
+- Focus indicators for interactive elements
+
+## Assets Required
+
+### CSS Files
+- main.css (core theme styles)
+- carousel.css (carousel component styles)
+- reader.css (reading interface styles)
+
+### JavaScript Files
+- carousel.js (carousel functionality)
+- reader.js (reading mode switching)
+- theme.js (theme-specific interactions)
+
+## Implementation Timeline
+
+1. Theme structure and basic templates (2 days)
+2. Homepage design and carousel implementation (3 days)
+3. Card-based layouts and hover effects (2 days)
+4. Reading interface development (3 days)
+5. Responsive design and testing (2 days)
+6. Performance optimization and final testing (1 day)
\ No newline at end of file
diff --git a/library/themes/netflix_theme_summary.md b/library/themes/netflix_theme_summary.md
new file mode 100644
index 0000000..0a42647
--- /dev/null
+++ b/library/themes/netflix_theme_summary.md
@@ -0,0 +1,189 @@
+# Netflix-Inspired Manga Reader Theme - Implementation Summary
+
+## Project Overview
+
+This project involves creating a modern, Netflix-inspired theme for the FoOlSlideX manga reader platform. The theme will feature a dark aesthetic with grid layouts, hover effects, and a featured carousel on the homepage, similar to Netflix's design language.
+
+## Key Features
+
+### 1. Visual Design
+- **Dark Theme**: Netflix-style dark background (#141414) with subtle gradients
+- **Red Accent Color**: For highlights, buttons, and interactive elements
+- **Typography**: Clean, modern fonts with appropriate hierarchy
+- **Card-based Layout**: Manga titles displayed in cards with cover images
+
+### 2. Homepage Layout
+- **Featured Carousel**: Large, prominent carousel at the top showcasing featured titles
+- **Multiple Sections**: 
+  - Continue Reading (for logged-in users)
+  - New Releases
+  - Popular Titles
+  - Recently Updated
+- **Netflix-style Hover Effects**: Cards that scale and show additional information on hover
+
+### 3. Reading Experience
+- **Dual Reading Modes**:
+  - Netflix-style continuous scrolling
+  - Traditional page-by-page reader
+- **Mode Switching**: Easy toggle between both reading modes
+- **Immersive Interface**: Fullscreen option and minimal UI for distraction-free reading
+
+### 4. Responsive Design
+- **Mobile Optimization**: Touch-friendly navigation and controls
+- **Adaptive Layouts**: Grid layouts that adjust to different screen sizes
+- **Performance Focused**: Optimized for fast loading on all devices
+
+## Technical Implementation
+
+### Directory Structure
+```
+FoOlSlideX/library/themes/netflix/
+├── info.php
+├── pages/
+│   ├── 403.tpl
+│   ├── 404.tpl
+│   ├── chapter.tpl
+│   ├── index.tpl
+│   ├── releases.tpl
+│   ├── title.tpl
+│   └── titles.tpl
+└── parts/
+    ├── alert.tpl
+    ├── footer.tpl
+    ├── header.tpl
+    └── menu.tpl
+```
+
+### Asset Structure
+```
+FoOlSlideX/public/assets/netflix/
+├── main.css
+├── carousel.css
+├── reader.css
+├── theme.js
+├── carousel.js
+└── reader.js
+```
+
+### Core Components
+
+1. **Header & Navigation**
+   - Fixed top navigation bar with logo
+   - Minimalist menu with key sections
+   - User profile dropdown
+
+2. **Homepage Carousel**
+   - Full-width hero section with featured content
+   - Gradient overlays for text readability
+   - Call-to-action buttons
+
+3. **Content Sections**
+   - Horizontal scrolling rows for different categories
+   - Card-based design with hover effects
+   - Consistent spacing and typography
+
+4. **Title Page**
+   - Large cover image with gradient overlay
+   - Detailed information section
+   - Chapter list with hover effects
+
+5. **Reading Interface**
+   - Mode selector for continuous vs. page-by-page
+   - Navigation controls
+   - Progress tracking
+
+## Design System
+
+### Color Palette
+- Primary Background: #141414 (Netflix Black)
+- Secondary Background: #181818 (Dark Gray)
+- Accent Color: #e50914 (Netflix Red)
+- Text Primary: #ffffff (White)
+- Text Secondary: #b3b3b3 (Light Gray)
+
+### Typography
+- Headers: 'Roboto', sans-serif (Bold)
+- Body Text: 'Roboto', sans-serif (Regular)
+- Font Sizes: Consistent scale with appropriate hierarchy
+
+### Spacing System
+- XS: 4px
+- S: 8px
+- M: 16px
+- L: 24px
+- XL: 32px
+- XXL: 48px
+
+## Implementation Steps
+
+### Phase 1: Setup & Structure (Days 1-2)
+1. Create theme directory structure
+2. Implement info.php with theme metadata
+3. Set up basic template files
+4. Create asset directories
+
+### Phase 2: Visual Design & Homepage (Days 3-5)
+1. Implement Netflix-style header and navigation
+2. Create featured carousel component
+3. Design content sections with card layouts
+4. Add hover effects and animations
+
+### Phase 3: Reading Interface (Days 6-8)
+1. Develop continuous scrolling reading mode
+2. Implement page-by-page reading mode
+3. Create mode switching mechanism
+4. Add navigation controls
+
+### Phase 4: Responsive Design & Testing (Days 9-10)
+1. Optimize layouts for mobile devices
+2. Test touch interactions
+3. Performance optimization
+4. Cross-browser testing
+
+### Phase 5: Final Polish (Day 11)
+1. Accessibility improvements
+2. Final testing and bug fixes
+3. Performance optimization
+4. Documentation
+
+## Performance Considerations
+
+- Lazy loading for images
+- Efficient CSS with minimal overrides
+- Optimized JavaScript for interactions
+- Caching strategies
+- Minimal HTTP requests
+
+## Accessibility Features
+
+- Proper contrast ratios for text
+- Keyboard navigation support
+- Screen reader compatibility
+- Focus indicators for interactive elements
+- Semantic HTML structure
+
+## Estimated Timeline
+
+Total Project Duration: 11 Days
+
+1. Theme structure and basic templates: 2 days
+2. Homepage design and carousel implementation: 3 days
+3. Card-based layouts and hover effects: 2 days
+4. Reading interface development: 3 days
+5. Responsive design and final testing: 1 day
+
+## Success Metrics
+
+- Improved user engagement with manga content
+- Faster page load times compared to previous theme
+- Positive feedback on visual design and usability
+- Smooth reading experience with both modes functional
+- Mobile responsiveness and touch interaction quality
+
+## Future Enhancements
+
+- Personalized recommendations based on reading history
+- Social features (ratings, reviews, sharing)
+- Dark/light mode toggle
+- Customizable homepage sections
+- Advanced search and filtering options
\ No newline at end of file
diff --git a/library/themes/nucleus/pages/403.tpl b/library/themes/nucleus/pages/403.tpl
new file mode 100644
index 0000000..8ba0503
--- /dev/null
+++ b/library/themes/nucleus/pages/403.tpl
@@ -0,0 +1,7 @@
+<div class="p-4 border shadow-md rounded-xl my-4">
+    <div class="text-center">
+        <h1 class="font-bold text-4xl mb-4">403 - Access Forbidden</h1>
+        <p class="text-xl mb-6">Sorry, you don't have permission to access this page.</p>
+        <a href="index.php" class="btn btn-primary">Go Home</a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/library/themes/nucleus/pages/404.tpl b/library/themes/nucleus/pages/404.tpl
new file mode 100644
index 0000000..a2dd55b
--- /dev/null
+++ b/library/themes/nucleus/pages/404.tpl
@@ -0,0 +1,7 @@
+<div class="p-4 border shadow-md rounded-xl my-4">
+    <div class="text-center">
+        <h1 class="font-bold text-4xl mb-4">404 - Page Not Found</h1>
+        <p class="text-xl mb-6">Sorry, the page you're looking for doesn't exist.</p>
+        <a href="index.php" class="btn btn-primary">Go Home</a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/login_admin.php b/login_admin.php
new file mode 100644
index 0000000..7c2346f
--- /dev/null
+++ b/login_admin.php
@@ -0,0 +1,47 @@
+<?php
+
+require "autoload.php";
+
+// User credentials
+$username = "admin";
+$password = "admin123";
+
+// Find the user
+$check = $db["users"]->findOneBy(["username", "=", $username]);
+if (empty($check)) {
+    die("User not found!");
+}
+
+// Verify password
+if (!password_verify($password, $check["password"])) {
+    die("Wrong Password!");
+}
+
+// Check if user is banned
+if ($check["banned"]) {
+    die("Banned! Reason: " . $check["bannedReason"]);
+}
+
+// Create session
+$token = genToken();
+$session = array(
+    "user" => $check["id"],
+    "token" => $token,
+    "ip" => $_SERVER["REMOTE_ADDR"] ?? "127.0.0.1"
+);
+$db["sessions"]->insert($session);
+
+// Set cookie
+setcookie(cat($config["title"]) . "_session", $token, time() + 606024 * 9999, "/");
+
+echo "Login successful!\n";
+echo "Session token: " . $token . "\n";
+echo "User ID: " . $check["id"] . "\n";
+echo "User level: " . $check["level"] . "\n";
+
+// Verify user is admin
+if ($check["level"] >= 100) {
+    echo "User is administrator!\n";
+} else {
+    echo "User is not administrator.\n";
+}
\ No newline at end of file
diff --git a/public/.htaccess b/public/.htaccess
index 918fb45..a30af4e 100644
--- a/public/.htaccess
+++ b/public/.htaccess
@@ -6,5 +6,10 @@ Options -Indexes
 # php_value post_max_size 500M
 # php_value upload_max_filesize 510M
 
-ErrorDocument 404 /fsx/public/error.php
-ErrorDocument 403 /fsx/public/error.php
\ No newline at end of file
+# Route all requests through index.php except for existing files and directories
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule ^(.*)$ index.php [QSA,L]
+
+ErrorDocument 404 /index.php?route=error/404
+ErrorDocument 403 /index.php?route=error/403
\ No newline at end of file
diff --git a/public/assets/netflix/README.md b/public/assets/netflix/README.md
new file mode 100644
index 0000000..dfedc7c
--- /dev/null
+++ b/public/assets/netflix/README.md
@@ -0,0 +1,24 @@
+# Netflix Theme Assets
+
+This directory contains assets for the Netflix-inspired theme.
+
+## Required Assets
+
+1. **Hero Placeholder Image**: 
+   - File: `hero-placeholder.jpg`
+   - Location: This directory
+   - Size: 1920x1080 pixels recommended
+   - Purpose: Background image for the hero carousel on the homepage
+
+## Implementation Notes
+
+- All CSS and JavaScript files are already created
+- The hero placeholder image needs to be added for the homepage carousel to display properly
+- All template files are complete and ready for use
+
+## Theme Activation
+
+To activate this theme:
+1. Ensure all files in this directory are properly placed
+2. Add the theme to the FoOlSlideX configuration
+3. Select "Netflix" as the active theme in the admin panel
\ No newline at end of file
diff --git a/public/assets/netflix/carousel.js b/public/assets/netflix/carousel.js
new file mode 100644
index 0000000..f358276
--- /dev/null
+++ b/public/assets/netflix/carousel.js
@@ -0,0 +1,138 @@
+// Netflix-style carousel functionality
+
+document.addEventListener('DOMContentLoaded', function() {
+    const carousels = document.querySelectorAll('.carousel-container');
+    
+    carousels.forEach(carousel => {
+        let isDown = false;
+        let startX;
+        let scrollLeft;
+        
+        // Mouse events for desktop
+        carousel.addEventListener('mousedown', (e) => {
+            isDown = true;
+            carousel.classList.add('active');
+            startX = e.pageX - carousel.offsetLeft;
+            scrollLeft = carousel.scrollLeft;
+        });
+        
+        carousel.addEventListener('mouseleave', () => {
+            isDown = false;
+            carousel.classList.remove('active');
+        });
+        
+        carousel.addEventListener('mouseup', () => {
+            isDown = false;
+            carousel.classList.remove('active');
+        });
+        
+        carousel.addEventListener('mousemove', (e) => {
+            if (!isDown) return;
+            e.preventDefault();
+            const x = e.pageX - carousel.offsetLeft;
+            const walk = (x - startX) * 2;
+            carousel.scrollLeft = scrollLeft - walk;
+        });
+        
+        // Touch events for mobile
+        let startXTouch, startYTouch;
+        
+        carousel.addEventListener('touchstart', (e) => {
+            const touch = e.touches[0];
+            startXTouch = touch.clientX;
+            startYTouch = touch.clientY;
+            isDown = true;
+        });
+        
+        carousel.addEventListener('touchmove', (e) => {
+            if (!isDown) return;
+            e.preventDefault();
+            const touch = e.touches[0];
+            const x = touch.clientX;
+            const walk = (x - startXTouch) * 2;
+            carousel.scrollLeft = carousel.scrollLeft - walk;
+        });
+        
+        carousel.addEventListener('touchend', () => {
+            isDown = false;
+        });
+    });
+    
+    // Initialize arrow navigation for carousels
+    initializeCarouselArrows();
+});
+
+// Initialize arrow navigation for carousels
+function initializeCarouselArrows() {
+    const nextButtons = document.querySelectorAll('.carousel-next');
+    const prevButtons = document.querySelectorAll('.carousel-prev');
+    
+    nextButtons.forEach(button => {
+        button.addEventListener('click', function() {
+            const carousel = this.parentElement.querySelector('.carousel-container');
+            if (carousel) {
+                carousel.scrollBy({ left: 300, behavior: 'smooth' });
+            }
+        });
+    });
+    
+    prevButtons.forEach(button => {
+        button.addEventListener('click', function() {
+            const carousel = this.parentElement.querySelector('.carousel-container');
+            if (carousel) {
+                carousel.scrollBy({ left: -300, behavior: 'smooth' });
+            }
+        });
+    });
+}
+
+// Function to create a new carousel
+function createCarousel(containerId, items) {
+    const container = document.getElementById(containerId);
+    if (!container) return;
+    
+    let carouselHTML = `
+        <div class="relative">
+            <div class="carousel-container overflow-x-auto pb-4 scrollbar-hide" id="${containerId}-carousel">
+                <div class="flex space-x-4" style="width: max-content;">
+    `;
+    
+    items.forEach(item => {
+        carouselHTML += `
+                    <div class="flex-shrink-0 w-48 md:w-56 relative group">
+                        <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105 group-hover:z-10">
+                            <img src="${item.image}" alt="${item.title}" class="w-full h-auto">
+                            <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
+                            <div class="absolute bottom-0 left-0 right-0 p-3 opacity-0 group-hover:opacity-100 transition-opacity">
+                                <h3 class="font-bold truncate">${item.title}</h3>
+                                <p class="text-sm text-gray-300">${item.subtitle}</p>
+                            </div>
+                        </div>
+                    </div>
+        `;
+    });
+    
+    carouselHTML += `
+                </div>
+            </div>
+            <button class="carousel-prev absolute left-0 top-1/2 transform -translate-y-1/2 bg-black bg-opacity-50 text-white rounded-full p-2 hover:bg-opacity-75 transition">
+                <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
+                </svg>
+            </button>
+            <button class="carousel-next absolute right-0 top-1/2 transform -translate-y-1/2 bg-black bg-opacity-50 text-white rounded-full p-2 hover:bg-opacity-75 transition">
+                <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+                </svg>
+            </button>
+        </div>
+    `;
+    
+    container.innerHTML = carouselHTML;
+    
+    // Reinitialize carousel functionality
+    initializeCarouselArrows();
+}
+
+// Export functions
+window.createCarousel = createCarousel;
\ No newline at end of file
diff --git a/public/assets/netflix/main.css b/public/assets/netflix/main.css
new file mode 100644
index 0000000..13e216a
--- /dev/null
+++ b/public/assets/netflix/main.css
@@ -0,0 +1,282 @@
+/* Netflix Theme CSS */
+
+/* Color Variables */
+:root {
+  --netflix-black: #141414;
+  --netflix-dark: #181818;
+  --netflix-gray: #333333;
+  --netflix-light-gray: #e5e5e5;
+  --netflix-red: #e50914;
+  --netflix-white: #ffffff;
+}
+
+/* Base Styles */
+body {
+  background-color: var(--netflix-black);
+  color: var(--netflix-white);
+  font-family: 'Roboto', sans-serif;
+  margin: 0;
+  padding: 0;
+  transition: background-color 0.3s ease;
+}
+
+/* Navigation */
+.bg-netflix-black {
+  background-color: #000000;
+}
+
+.bg-netflix-dark {
+  background-color: var(--netflix-dark);
+}
+
+.bg-netflix-gray {
+  background-color: var(--netflix-gray);
+}
+
+/* Cards */
+.netflix-card {
+  background-color: var(--netflix-gray);
+  border-radius: 4px;
+  overflow: hidden;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.netflix-card:hover {
+  transform: scale(1.05);
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
+  z-index: 10;
+}
+
+/* Carousel */
+.carousel-container {
+  scrollbar-width: none;
+  scroll-behavior: smooth;
+}
+
+.carousel-container::-webkit-scrollbar {
+  display: none;
+}
+
+.carousel-container.active {
+  cursor: grabbing;
+}
+
+/* Buttons */
+.netflix-button {
+  background-color: var(--netflix-red);
+  color: var(--netflix-white);
+  border: none;
+  border-radius: 4px;
+  padding: 8px 16px;
+  font-weight: bold;
+  cursor: pointer;
+  transition: background-color 0.3s ease, transform 0.2s ease;
+}
+
+.netflix-button:hover {
+  background-color: #f40612;
+  transform: translateY(-2px);
+}
+
+.netflix-button:active {
+  transform: translateY(0);
+}
+
+/* Gradients */
+.netflix-gradient {
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.1) 100%);
+}
+
+/* Hover Effects */
+.group:hover .opacity-0 {
+  opacity: 1 !important;
+}
+
+.group:hover .bg-opacity-0 {
+  background-color: rgba(0, 0, 0, 0.7) !important;
+}
+
+/* Transitions */
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition {
+  transition: all 0.3s ease;
+}
+
+.transition-opacity {
+  transition: opacity 0.3s ease;
+}
+
+.transition-transform {
+  transition: transform 0.3s ease;
+}
+
+.duration-300 {
+  transition-duration: 300ms;
+}
+
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* Animations */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.fade-in {
+  animation: fadeIn 0.5s ease-in-out;
+}
+
+@keyframes slideInUp {
+  from {
+    transform: translateY(20px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+.slide-in-up {
+  animation: slideInUp 0.5s ease-out;
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+.pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+/* Reading Interface */
+#continuousReading img,
+#pageReading img {
+  transition: filter 0.3s ease;
+}
+
+#continuousReading img:hover,
+#pageReading img:hover {
+  filter: brightness(1.05);
+}
+
+/* Scrollbar */
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
+
+.scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+/* Focus Styles */
+.focus\:outline-none:focus {
+  outline: none;
+}
+
+.focus\:ring-2:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--netflix-red);
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .netflix-card:hover {
+    transform: none;
+  }
+  
+  .text-3xl {
+    font-size: 1.5rem;
+  }
+  
+  .text-5xl {
+    font-size: 2rem;
+  }
+  
+  .h-screen {
+    height: 60vh;
+  }
+}
+
+/* Loading Animation */
+.loading-spinner {
+  border: 4px solid rgba(255, 255, 255, 0.3);
+  border-radius: 50%;
+  border-top: 4px solid var(--netflix-red);
+  width: 40px;
+  height: 40px;
+  animation: spin 1s linear infinite;
+  margin: 0 auto;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* Modal Styles */
+.modal-box {
+  background-color: var(--netflix-dark);
+  border: 1px solid var(--netflix-gray);
+}
+
+/* Input Styles */
+.input {
+  background-color: var(--netflix-gray);
+  border: 1px solid #444;
+  color: var(--netflix-white);
+}
+
+.input:focus {
+  border-color: var(--netflix-red);
+  box-shadow: 0 0 0 1px var(--netflix-red);
+}
+
+/* Select Styles */
+.select {
+  background-color: var(--netflix-gray);
+  border: 1px solid #444;
+  color: var(--netflix-white);
+}
+
+.select:focus {
+  border-color: var(--netflix-red);
+  box-shadow: 0 0 0 1px var(--netflix-red);
+}
+
+/* Pagination */
+.join-item.btn {
+  background-color: var(--netflix-gray);
+  border: 1px solid #444;
+  color: var(--netflix-white);
+}
+
+.join-item.btn:hover {
+  background-color: #444;
+}
+
+.join-item.btn.bg-red-600 {
+  background-color: var(--netflix-red);
+  border-color: var(--netflix-red);
+}
+
+.join-item.btn.bg-red-600:hover {
+  background-color: #f40612;
+}
\ No newline at end of file
diff --git a/public/assets/netflix/reader.js b/public/assets/netflix/reader.js
new file mode 100644
index 0000000..c30f13b
--- /dev/null
+++ b/public/assets/netflix/reader.js
@@ -0,0 +1,189 @@
+// Netflix-style reading interface functionality
+
+document.addEventListener('DOMContentLoaded', function() {
+    // Initialize reading mode functionality
+    initializeReadingModes();
+    
+    // Initialize navigation controls
+    initializeNavigationControls();
+    
+    // Initialize fullscreen functionality
+    initializeFullscreen();
+});
+
+// Initialize reading modes (continuous vs page-by-page)
+function initializeReadingModes() {
+    const continuousModeBtn = document.getElementById('continuousMode');
+    const pageModeBtn = document.getElementById('pageMode');
+    const continuousReading = document.getElementById('continuousReading');
+    const pageReading = document.getElementById('pageReading');
+    
+    // If elements exist, set up mode switching
+    if (continuousModeBtn && pageModeBtn && continuousReading && pageReading) {
+        // Set initial mode (continuous by default)
+        continuousReading.classList.remove('hidden');
+        pageModeBtn.classList.remove('bg-red-600');
+        
+        // Continuous mode button event
+        continuousModeBtn.addEventListener('click', function() {
+            continuousReading.classList.remove('hidden');
+            pageReading.classList.add('hidden');
+            continuousModeBtn.classList.add('bg-red-600');
+            pageModeBtn.classList.remove('bg-red-600');
+            
+            // Save preference to localStorage
+            localStorage.setItem('readingMode', 'continuous');
+        });
+        
+        // Page mode button event
+        pageModeBtn.addEventListener('click', function() {
+            pageReading.classList.remove('hidden');
+            continuousReading.classList.add('hidden');
+            pageModeBtn.classList.add('bg-red-600');
+            continuousModeBtn.classList.remove('bg-red-600');
+            
+            // Save preference to localStorage
+            localStorage.setItem('readingMode', 'page');
+        });
+        
+        // Load saved preference
+        const savedMode = localStorage.getItem('readingMode');
+        if (savedMode === 'page') {
+            pageModeBtn.click();
+        }
+    }
+}
+
+// Initialize navigation controls
+function initializeNavigationControls() {
+    // Previous/Next chapter buttons
+    const prevChapterBtn = document.getElementById('prevChapter');
+    const nextChapterBtn = document.getElementById('nextChapter');
+    
+    if (prevChapterBtn) {
+        prevChapterBtn.addEventListener('click', function() {
+            // Implement previous chapter navigation
+            console.log('Previous chapter clicked');
+            // This would typically navigate to the previous chapter
+        });
+    }
+    
+    if (nextChapterBtn) {
+        nextChapterBtn.addEventListener('click', function() {
+            // Implement next chapter navigation
+            console.log('Next chapter clicked');
+            // This would typically navigate to the next chapter
+        });
+    }
+    
+    // Page navigation (for page-by-page mode)
+    const prevPageBtn = document.getElementById('prevPage');
+    const nextPageBtn = document.getElementById('nextPage');
+    
+    if (prevPageBtn) {
+        prevPageBtn.addEventListener('click', function() {
+            // Implement previous page navigation
+            console.log('Previous page clicked');
+            // This would typically show the previous page
+        });
+    }
+    
+    if (nextPageBtn) {
+        nextPageBtn.addEventListener('click', function() {
+            // Implement next page navigation
+            console.log('Next page clicked');
+            // This would typically show the next page
+        });
+    }
+}
+
+// Initialize fullscreen functionality
+function initializeFullscreen() {
+    const fullscreenBtn = document.getElementById('fullscreenBtn');
+    
+    if (fullscreenBtn) {
+        fullscreenBtn.addEventListener('click', function() {
+            toggleFullscreen();
+        });
+    }
+}
+
+// Toggle fullscreen mode
+function toggleFullscreen() {
+    const elem = document.documentElement;
+    
+    if (!document.fullscreenElement) {
+        if (elem.requestFullscreen) {
+            elem.requestFullscreen();
+        } else if (elem.mozRequestFullScreen) { // Firefox
+            elem.mozRequestFullScreen();
+        } else if (elem.webkitRequestFullscreen) { // Chrome, Safari and Opera
+            elem.webkitRequestFullscreen();
+        } else if (elem.msRequestFullscreen) { // IE/Edge
+            elem.msRequestFullscreen();
+        }
+    } else {
+        if (document.exitFullscreen) {
+            document.exitFullscreen();
+        } else if (document.mozCancelFullScreen) { // Firefox
+            document.mozCancelFullScreen();
+        } else if (document.webkitExitFullscreen) { // Chrome, Safari and Opera
+            document.webkitExitFullscreen();
+        } else if (document.msExitFullscreen) { // IE/Edge
+            document.msExitFullscreen();
+        }
+    }
+}
+
+// Keyboard navigation
+document.addEventListener('keydown', function(e) {
+    // Left arrow - Previous page/chapter
+    if (e.keyCode === 37) {
+        const prevPageBtn = document.getElementById('prevPage');
+        const prevChapterBtn = document.getElementById('prevChapter');
+        
+        if (prevPageBtn && !prevPageBtn.classList.contains('hidden')) {
+            prevPageBtn.click();
+        } else if (prevChapterBtn) {
+            prevChapterBtn.click();
+        }
+    }
+    
+    // Right arrow - Next page/chapter
+    if (e.keyCode === 39) {
+        const nextPageBtn = document.getElementById('nextPage');
+        const nextChapterBtn = document.getElementById('nextChapter');
+        
+        if (nextPageBtn && !nextPageBtn.classList.contains('hidden')) {
+            nextPageBtn.click();
+        } else if (nextChapterBtn) {
+            nextChapterBtn.click();
+        }
+    }
+    
+    // F key - Toggle fullscreen
+    if (e.keyCode === 70) {
+        toggleFullscreen();
+    }
+});
+
+// Function to update page number display
+function updatePageNumber(current, total) {
+    const pageDisplay = document.getElementById('pageDisplay');
+    if (pageDisplay) {
+        pageDisplay.textContent = `Page ${current} of ${total}`;
+    }
+}
+
+// Function to preload images for smoother reading experience
+function preloadImages(imageUrls) {
+    imageUrls.forEach(url => {
+        const img = new Image();
+        img.src = url;
+    });
+}
+
+// Export functions
+window.toggleFullscreen = toggleFullscreen;
+window.updatePageNumber = updatePageNumber;
+window.preloadImages = preloadImages;
\ No newline at end of file
diff --git a/public/assets/netflix/theme.js b/public/assets/netflix/theme.js
new file mode 100644
index 0000000..e3fa8fe
--- /dev/null
+++ b/public/assets/netflix/theme.js
@@ -0,0 +1,70 @@
+// Netflix Theme JavaScript
+
+// Initialize theme when DOM is loaded
+document.addEventListener('DOMContentLoaded', function() {
+    // Apply Netflix theme classes to body
+    document.body.classList.add('netflix-theme');
+    
+    // Initialize any theme-specific components
+    initializeThemeComponents();
+});
+
+// Initialize theme components
+function initializeThemeComponents() {
+    // Initialize mobile menu toggle
+    initializeMobileMenu();
+    
+    // Initialize search functionality
+    initializeSearch();
+    
+    // Initialize any other theme-specific components
+    initializeThemeSpecificComponents();
+}
+
+// Mobile menu toggle functionality
+function initializeMobileMenu() {
+    const mobileMenuButton = document.querySelector('.md\\:hidden button');
+    const mobileMenu = document.querySelector('.md\\:hidden + div');
+    
+    if (mobileMenuButton && mobileMenu) {
+        mobileMenuButton.addEventListener('click', function() {
+            mobileMenu.classList.toggle('hidden');
+        });
+    }
+}
+
+// Search functionality
+function initializeSearch() {
+    const searchButton = document.querySelector('.relative button');
+    
+    if (searchButton) {
+        searchButton.addEventListener('click', function() {
+            // Implement search functionality
+            console.log('Search button clicked');
+        });
+    }
+}
+
+// Theme-specific components initialization
+function initializeThemeSpecificComponents() {
+    // Add any theme-specific initialization here
+    console.log('Netflix theme components initialized');
+}
+
+// Utility function to toggle classes
+function toggleClass(element, className) {
+    if (element.classList.contains(className)) {
+        element.classList.remove(className);
+    } else {
+        element.classList.add(className);
+    }
+}
+
+// Utility function to set cookie (for theme preferences)
+function setThemeCookie(name, value) {
+    document.cookie = name + "=" + value + "; path=/";
+}
+
+// Export functions for use in other scripts
+window.toggleClass = toggleClass;
+window.setThemeCookie = setThemeCookie;
\ No newline at end of file
diff --git a/public/debug.php b/public/debug.php
new file mode 100644
index 0000000..1798932
--- /dev/null
+++ b/public/debug.php
@@ -0,0 +1,155 @@
+<?php
+// Debug script to identify the blank page issue
+error_reporting(E_ALL);
+ini_set('display_errors', 1);
+ini_set('log_errors', 1);
+ini_set('error_log', __DIR__ . '/../debug.log');
+
+echo "<h1>FoOlSlideX Debug Information</h1>\n";
+
+// Check if .installed file exists
+echo "<h2>1. Installation Check</h2>\n";
+if (file_exists(__DIR__ . "/../.installed")) {
+    echo "✓ .installed file exists<br>\n";
+    echo "Installation date: " . file_get_contents(__DIR__ . "/../.installed") . "<br>\n";
+} else {
+    echo "✗ .installed file missing - application not installed<br>\n";
+}
+
+// Check autoload.php
+echo "<h2>2. Autoload Check</h2>\n";
+if (file_exists(__DIR__ . "/../autoload.php")) {
+    echo "✓ autoload.php exists<br>\n";
+    try {
+        require_once __DIR__ . "/../autoload.php";
+        echo "✓ autoload.php loaded successfully<br>\n";
+        
+        // Check if global variables are set
+        echo "<h3>Global Variables Check:</h3>\n";
+        echo "config: " . (isset($config) ? "✓ Set" : "✗ Missing") . "<br>\n";
+        echo "db: " . (isset($db) ? "✓ Set" : "✗ Missing") . "<br>\n";
+        echo "smarty: " . (isset($smarty) ? "✓ Set" : "✗ Missing") . "<br>\n";
+        echo "parsedown: " . (isset($parsedown) ? "✓ Set" : "✗ Missing") . "<br>\n";
+        echo "purifier: " . (isset($purifier) ? "✓ Set" : "✗ Missing") . "<br>\n";
+        echo "logged: " . (isset($logged) ? "✓ Set" : "✗ Missing") . "<br>\n";
+        echo "user: " . (isset($user) ? "✓ Set" : "✗ Missing") . "<br>\n";
+        echo "usertheme: " . (isset($usertheme) ? "✓ Set ($usertheme)" : "✗ Missing") . "<br>\n";
+        echo "userlang: " . (isset($userlang) ? "✓ Set ($userlang)" : "✗ Missing") . "<br>\n";
+        
+    } catch (Exception $e) {
+        echo "✗ Error loading autoload.php: " . $e->getMessage() . "<br>\n";
+        echo "Stack trace: <pre>" . $e->getTraceAsString() . "</pre>\n";
+    } catch (Error $e) {
+        echo "✗ Fatal error loading autoload.php: " . $e->getMessage() . "<br>\n";
+        echo "Stack trace: <pre>" . $e->getTraceAsString() . "</pre>\n";
+    }
+} else {
+    echo "✗ autoload.php missing<br>\n";
+}
+
+// Check app structure
+echo "<h2>3. App Structure Check</h2>\n";
+$requiredFiles = [
+    '../app/routes.php',
+    '../app/autoload.php',
+    '../app/Core/Router.php',
+    '../app/Controllers/HomeController.php',
+    '../app/Core/Controller.php'
+];
+
+foreach ($requiredFiles as $file) {
+    if (file_exists(__DIR__ . '/' . $file)) {
+        echo "✓ $file exists<br>\n";
+    } else {
+        echo "✗ $file missing<br>\n";
+    }
+}
+
+// Check template directories
+echo "<h2>4. Template Check</h2>\n";
+if (isset($config)) {
+    $templateDir = __DIR__ . '/..' . $config["smarty"]["template"];
+    echo "Template directory: $templateDir<br>\n";
+    if (is_dir($templateDir)) {
+        echo "✓ Template directory exists<br>\n";
+        
+        if (isset($usertheme)) {
+            $themeDir = $templateDir . '/' . $usertheme;
+            echo "Theme directory: $themeDir<br>\n";
+            if (is_dir($themeDir)) {
+                echo "✓ Theme directory exists<br>\n";
+                
+                $requiredTemplates = [
+                    'parts/header.tpl',
+                    'parts/footer.tpl',
+                    'pages/index.tpl'
+                ];
+                
+                foreach ($requiredTemplates as $template) {
+                    $templatePath = $themeDir . '/' . $template;
+                    if (file_exists($templatePath)) {
+                        echo "✓ $template exists<br>\n";
+                    } else {
+                        echo "✗ $template missing<br>\n";
+                    }
+                }
+            } else {
+                echo "✗ Theme directory missing<br>\n";
+            }
+        }
+    } else {
+        echo "✗ Template directory missing<br>\n";
+    }
+}
+
+// Test router
+echo "<h2>5. Router Test</h2>\n";
+try {
+    if (file_exists(__DIR__ . "/../app/routes.php")) {
+        $router = require __DIR__ . "/../app/routes.php";
+        echo "✓ Router loaded successfully<br>\n";
+        echo "Router class: " . get_class($router) . "<br>\n";
+    } else {
+        echo "✗ routes.php missing<br>\n";
+    }
+} catch (Exception $e) {
+    echo "✗ Error loading router: " . $e->getMessage() . "<br>\n";
+}
+
+// Test HomeController instantiation
+echo "<h2>6. HomeController Test</h2>\n";
+try {
+    if (class_exists('App\\Controllers\\HomeController')) {
+        echo "✓ HomeController class exists<br>\n";
+        
+        // Try to instantiate
+        $controller = new App\Controllers\HomeController();
+        echo "✓ HomeController instantiated successfully<br>\n";
+        
+    } else {
+        echo "✗ HomeController class not found<br>\n";
+    }
+} catch (Exception $e) {
+    echo "✗ Error instantiating HomeController: " . $e->getMessage() . "<br>\n";
+    echo "Stack trace: <pre>" . $e->getTraceAsString() . "</pre>\n";
+} catch (Error $e) {
+    echo "✗ Fatal error instantiating HomeController: " . $e->getMessage() . "<br>\n";
+    echo "Stack trace: <pre>" . $e->getTraceAsString() . "</pre>\n";
+}
+
+echo "<h2>7. PHP Info</h2>\n";
+echo "PHP Version: " . phpversion() . "<br>\n";
+echo "Memory Limit: " . ini_get('memory_limit') . "<br>\n";
+echo "Max Execution Time: " . ini_get('max_execution_time') . "<br>\n";
+
+echo "<h2>8. Error Log</h2>\n";
+$errorLogPath = __DIR__ . '/../debug.log';
+if (file_exists($errorLogPath)) {
+    echo "Error log contents:<br>\n";
+    echo "<pre>" . htmlspecialchars(file_get_contents($errorLogPath)) . "</pre>\n";
+} else {
+    echo "No error log found<br>\n";
+}
+
+echo "<p><strong>Debug completed at " . date('Y-m-d H:i:s') . "</strong></p>\n";
+?>
\ No newline at end of file
diff --git a/public/debug_releases.php b/public/debug_releases.php
new file mode 100644
index 0000000..664b6b0
--- /dev/null
+++ b/public/debug_releases.php
@@ -0,0 +1,72 @@
+<?php
+// Debug script to test releases.php functionality
+error_reporting(E_ALL);
+ini_set('display_errors', 1);
+ini_set('log_errors', 1);
+ini_set('error_log', __DIR__ . '/debug_error.log');
+
+echo "=== DEBUG RELEASES.PHP ===\n";
+echo "Starting debug at: " . date('Y-m-d H:i:s') . "\n";
+
+try {
+    echo "1. Checking if autoload.php exists...\n";
+    if (!file_exists("../autoload.php")) {
+        throw new Exception("autoload.php not found");
+    }
+    echo "   ✓ autoload.php exists\n";
+
+    echo "2. Including autoload.php...\n";
+    ob_start();
+    require "../autoload.php";
+    $autoload_output = ob_get_clean();
+    echo "   ✓ autoload.php included successfully\n";
+    if ($autoload_output) {
+        echo "   Autoload output: " . $autoload_output . "\n";
+    }
+
+    echo "3. Checking database connection...\n";
+    if (!isset($db) || !isset($db["chapters"])) {
+        throw new Exception("Database not initialized");
+    }
+    echo "   ✓ Database initialized\n";
+
+    echo "4. Testing chapter count...\n";
+    $count = $db["chapters"]->count();
+    echo "   ✓ Chapter count: " . $count . "\n";
+
+    echo "5. Testing pagination variables...\n";
+    $page = 1;
+    $limit = $config["perpage"]["chapters"] ?? 10;
+    $skip = ($page - 1) * $limit;
+    echo "   ✓ Page: $page, Limit: $limit, Skip: $skip\n";
+
+    echo "6. Testing chapter query...\n";
+    $chapters = $db["chapters"]->createQueryBuilder()
+        ->orderBy(["id" => "DESC"])
+        ->limit($limit)
+        ->skip($skip)
+        ->getQuery()
+        ->fetch();
+    echo "   ✓ Found " . count($chapters) . " chapters\n";
+
+    echo "7. Testing Smarty initialization...\n";
+    if (!isset($smarty)) {
+        throw new Exception("Smarty not initialized");
+    }
+    echo "   ✓ Smarty initialized\n";
+
+    echo "8. Memory usage: " . memory_get_usage(true) . " bytes\n";
+    echo "9. Peak memory: " . memory_get_peak_usage(true) . " bytes\n";
+    
+    echo "\n=== DEBUG COMPLETED SUCCESSFULLY ===\n";
+
+} catch (Exception $e) {
+    echo "ERROR: " . $e->getMessage() . "\n";
+    echo "Stack trace:\n" . $e->getTraceAsString() . "\n";
+} catch (Error $e) {
+    echo "FATAL ERROR: " . $e->getMessage() . "\n";
+    echo "Stack trace:\n" . $e->getTraceAsString() . "\n";
+}
+
+echo "\nScript execution completed at: " . date('Y-m-d H:i:s') . "\n";
+?>
\ No newline at end of file
diff --git a/public/debug_trace.php b/public/debug_trace.php
new file mode 100644
index 0000000..5bd8cd7
--- /dev/null
+++ b/public/debug_trace.php
@@ -0,0 +1,141 @@
+<?php
+// Enable error reporting immediately
+error_reporting(E_ALL);
+ini_set('display_errors', 1);
+ini_set('log_errors', 1);
+
+echo "=== FoOlSlideX Debug Trace ===\n";
+echo "1. Starting debug trace...\n";
+
+// Check if .installed exists
+if (!file_exists(__DIR__ . "/../.installed")) {
+    echo "ERROR: .installed file not found!\n";
+    exit;
+}
+echo "2. .installed file exists ✓\n";
+
+// Check config.php
+if (!file_exists(__DIR__ . "/../config.php")) {
+    echo "ERROR: config.php not found!\n";
+    exit;
+}
+echo "3. config.php exists ✓\n";
+
+try {
+    require_once __DIR__ . "/../config.php";
+    echo "4. config.php loaded ✓\n";
+} catch (Exception $e) {
+    echo "ERROR loading config.php: " . $e->getMessage() . "\n";
+    exit;
+}
+
+// Check funky.php
+if (!file_exists(__DIR__ . "/../funky.php")) {
+    echo "ERROR: funky.php not found!\n";
+    exit;
+}
+echo "5. funky.php exists ✓\n";
+
+try {
+    require_once __DIR__ . "/../funky.php";
+    echo "6. funky.php loaded ✓\n";
+} catch (Exception $e) {
+    echo "ERROR loading funky.php: " . $e->getMessage() . "\n";
+    exit;
+}
+
+// Check app autoload
+if (!file_exists(__DIR__ . "/../app/autoload.php")) {
+    echo "ERROR: app/autoload.php not found!\n";
+    exit;
+}
+echo "7. app/autoload.php exists ✓\n";
+
+try {
+    require_once __DIR__ . "/../app/autoload.php";
+    echo "8. app/autoload.php loaded ✓\n";
+} catch (Exception $e) {
+    echo "ERROR loading app/autoload.php: " . $e->getMessage() . "\n";
+    exit;
+}
+
+// Check SleekDB
+$sleekPath = __DIR__ . "/../" . $config["path"]["sleek"] . "/Store.php";
+if (!file_exists($sleekPath)) {
+    echo "ERROR: SleekDB Store.php not found at: $sleekPath\n";
+    exit;
+}
+echo "9. SleekDB Store.php exists ✓\n";
+
+try {
+    require_once $sleekPath;
+    echo "10. SleekDB Store.php loaded ✓\n";
+} catch (Exception $e) {
+    echo "ERROR loading SleekDB: " . $e->getMessage() . "\n";
+    exit;
+}
+
+// Test database initialization
+try {
+    $testDb = new \SleekDB\Store("users", __DIR__ . "/../" . $config["db"]["sleek"]["dir"], $config["db"]["sleek"]["config"]);
+    echo "11. Database connection test ✓\n";
+} catch (Exception $e) {
+    echo "ERROR with database: " . $e->getMessage() . "\n";
+    exit;
+}
+
+// Check session.php
+if (!file_exists(__DIR__ . "/../session.php")) {
+    echo "ERROR: session.php not found!\n";
+    exit;
+}
+echo "12. session.php exists ✓\n";
+
+// Check theme files
+$themePath = __DIR__ . "/../" . $config["smarty"]["template"] . "/" . $config["default"]["theme"] . "/info.php";
+if (!file_exists($themePath)) {
+    echo "ERROR: Theme info.php not found at: $themePath\n";
+    exit;
+}
+echo "13. Theme info.php exists ✓\n";
+
+// Check language files
+$langPath = __DIR__ . "/../" . $config["path"]["langs"] . "/" . $config["default"]["lang"] . ".php";
+if (!file_exists($langPath)) {
+    echo "ERROR: Language file not found at: $langPath\n";
+    exit;
+}
+echo "14. Language file exists ✓\n";
+
+// Check routes
+if (!file_exists(__DIR__ . "/../app/routes.php")) {
+    echo "ERROR: app/routes.php not found!\n";
+    exit;
+}
+echo "15. app/routes.php exists ✓\n";
+
+try {
+    $router = require __DIR__ . "/../app/routes.php";
+    echo "16. Routes loaded ✓\n";
+} catch (Exception $e) {
+    echo "ERROR loading routes: " . $e->getMessage() . "\n";
+    exit;
+}
+
+echo "\n=== All basic components check passed! ===\n";
+echo "The issue might be in the full autoload.php execution.\n";
+echo "Let's test the full autoload...\n\n";
+
+try {
+    require_once __DIR__ . "/../autoload.php";
+    echo "17. Full autoload.php completed ✓\n";
+    echo "\n=== SUCCESS: All components loaded successfully! ===\n";
+    echo "If you see this message, the autoload works fine.\n";
+    echo "The issue might be in the routing or controller execution.\n";
+} catch (Exception $e) {
+    echo "ERROR in full autoload: " . $e->getMessage() . "\n";
+    echo "Stack trace:\n" . $e->getTraceAsString() . "\n";
+} catch (Error $e) {
+    echo "FATAL ERROR in autoload: " . $e->getMessage() . "\n";
+    echo "Stack trace:\n" . $e->getTraceAsString() . "\n";
+}
\ No newline at end of file
diff --git a/public/index.php b/public/index.php
index f8b1525..c447e5b 100644
--- a/public/index.php
+++ b/public/index.php
@@ -2,73 +2,22 @@
 
 require "../autoload.php";
 
-// Popular Titles
-// $views = array();
-// $_popularTitles = $db["titleViews"]->createQueryBuilder()
-//     ->getQuery()
-//     ->fetch();
-// $titleCount = 0;
-// $titleCountArray = array();
-// foreach ($_popularTitles as $key => $pop) {
-//     // 10 is the amount of max titles
-//     $ago = timeAgo($pop["timestamp"]);
-//     if (str_contains($ago, "second") || str_contains($ago, "min") || str_contains($ago, "hour") || str_contains($ago, "day")) {
-//         $views[$pop["title"]["id"]]["views"] = 0;
-//         $views[$pop["title"]["id"]]["title"] = array();
-//         $popularTitles[$pop["title"]["id"]] = array();
-//         if ($titleCount <= 4 && !in_array($pop["title"]["id"], $titleCountArray)) {
-//             $titleCount++;
-//             array_push($titleCountArray, $pop["title"]["id"]);
-//         }
-//     }
-// }
-// foreach ($_popularTitles as $key => $pop) {
-//     $ago = timeAgo($pop["timestamp"]);
-//     if (str_contains($ago, "second") || str_contains($ago, "min") || str_contains($ago, "hour") || str_contains($ago, "day")) {
-//         $views[$pop["title"]["id"]]["views"]++;
-//         if (empty($views[$pop["title"]["id"]]["title"])) {
-//             $views[$pop["title"]["id"]]["title"] = $db["titles"]->findById($pop["title"]["id"]);
-//             $views[$pop["title"]["id"]]["title"]["summary1"] = shorten($parsedown->text($purifier->purify($views[$pop["title"]["id"]]["title"]["summary"])), 200);
-//             $views[$pop["title"]["id"]]["title"]["summary2"] = shorten($parsedown->text($purifier->purify($views[$pop["title"]["id"]]["title"]["summary"])), 200);
-//         }
-//     }
-// }
-// sort($views);
-// $views = array_reverse($views);
-// /Popular Titles
-// $smarty->assign("popularTitles", $views);
-
-// Recently Updated Titles
-$recentlyUpdated = $db["chapters"]->createQueryBuilder()
-    ->orderBy(["id" => "DESC"])
-    ->distinct(["title.id"])
-    ->getQuery()
-    ->fetch();
-
-foreach ($recentlyUpdated as $key => $rec) {
-    $title = $db["titles"]->findById($rec["title"]);
-    $recentlyUpdated[$key]["title"] = $title;
-    $recentlyUpdated[$key]["title"]["summary1"] = shorten($parsedown->text($purifier->purify($title["summary"])), 400);
-    $recentlyUpdated[$key]["title"]["summary2"] = shorten($parsedown->text($purifier->purify($title["summary"])), 100);
+use App\Core\Router;
+
+// Get the router instance
+$router = require "../app/routes.php";
+
+// Get the URI and HTTP method
+$uri = $_SERVER['REQUEST_URI'];
+$method = $_SERVER['REQUEST_METHOD'];
+
+// Resolve the route
+try {
+    $router->resolve($uri, $method);
+} catch (Exception $e) {
+    // Handle routing errors
+    if (!headers_sent()) {
+        http_response_code(500);
+    }
+    echo "Internal Server Error: " . $e->getMessage();
 }
-
-$chapters = $db["chapters"]->createQueryBuilder()
-    ->orderBy(["id" => "DESC"])
-    ->limit($config["perpage"]["chapters"])
-    ->getQuery()
-    ->fetch();
-
-foreach ($chapters as $key => $ch) {
-    $title = $db["titles"]->findById($ch["title"]);
-    $uploader = $db["users"]->findById($ch["user"]);
-    $chapters[$key]["title"] = $title;
-    $chapters[$key]["user"] = $uploader;
-}
-
-$smarty->assign("chapters", $chapters);
-$smarty->assign("recentlyUpdated", $recentlyUpdated);
-$smarty->assign("pagetitle", $config["title"] . " " . $config["divider"] . " " . $config["slogan"]);
-
-$smarty->display("parts/header.tpl");
-$smarty->display("pages/index.tpl");
-$smarty->display("parts/footer.tpl");
diff --git a/public/releases.php b/public/releases.php
index 9b4be1c..def39bd 100644
--- a/public/releases.php
+++ b/public/releases.php
@@ -22,7 +22,8 @@
 }
 
 $pagis = array();
-$totalPages = $db["chapters"]->count() / $config["perpage"]["chapters"];
+$totalChapters = $db["chapters"]->count();
+$totalPages = $totalChapters > 0 ? ceil($totalChapters / $config["perpage"]["chapters"]) : 1;
 for ($i = 0; $i < $totalPages; $i++) {
     array_push($pagis, $i + 1);
 }
diff --git a/public/router.php b/public/router.php
new file mode 100644
index 0000000..25c00a6
--- /dev/null
+++ b/public/router.php
@@ -0,0 +1,15 @@
+<?php
+// Router script for PHP development server
+$uri = $_SERVER['REQUEST_URI'];
+$path = parse_url($uri, PHP_URL_PATH);
+
+// Remove query string
+$path = strtok($path, '?');
+
+// If it's a static file and exists, serve it
+if ($path !== '/' && file_exists(__DIR__ . $path)) {
+    return false; // Let PHP dev server handle static files
+}
+
+// For all other requests, route to index.php
+require_once __DIR__ . '/index.php';
\ No newline at end of file
diff --git a/software/Parsedown.php b/software/Parsedown.php
index 1b9d6d5..d9b5476 100644
--- a/software/Parsedown.php
+++ b/software/Parsedown.php
@@ -712,7 +712,7 @@ protected function blockRule($Line)
     #
     # Setext
 
-    protected function blockSetextHeader($Line, array $Block = null)
+    protected function blockSetextHeader($Line, ?array $Block = null)
     {
         if ( ! isset($Block) or isset($Block['type']) or isset($Block['interrupted']))
         {
@@ -850,7 +850,7 @@ protected function blockReference($Line)
     #
     # Table
 
-    protected function blockTable($Line, array $Block = null)
+    protected function blockTable($Line, ?array $Block = null)
     {
         if ( ! isset($Block) or isset($Block['type']) or isset($Block['interrupted']))
         {
diff --git a/software/SleekDB/QueryBuilder.php b/software/SleekDB/QueryBuilder.php
index d9f711f..90fbfca 100644
--- a/software/SleekDB/QueryBuilder.php
+++ b/software/SleekDB/QueryBuilder.php
@@ -330,7 +330,7 @@ public function distinct($fields = []): QueryBuilder
    * @return QueryBuilder
    * @throws InvalidArgumentException
    */
-  public function useCache(int $lifetime = null): QueryBuilder
+  public function useCache(?int $lifetime = null): QueryBuilder
   {
     $this->useCache = true;
     if((!is_int($lifetime) || $lifetime < 0) && !is_null($lifetime)){
@@ -374,7 +374,7 @@ public function getQuery(): Query
    * @param bool $allowEmpty
    * @return QueryBuilder
    */
-  public function groupBy(array $groupByFields, string $countKeyName = null, bool $allowEmpty = false): QueryBuilder
+  public function groupBy(array $groupByFields, ?string $countKeyName = null, bool $allowEmpty = false): QueryBuilder
   {
     $this->groupBy = [
       "groupByFields" => $groupByFields,
diff --git a/software/SleekDB/Store.php b/software/SleekDB/Store.php
index f85960a..a0cf3a5 100644
--- a/software/SleekDB/Store.php
+++ b/software/SleekDB/Store.php
@@ -93,7 +93,7 @@ public function __construct(string $storeName, string $databasePath, array $conf
    * @throws InvalidArgumentException
    * @throws InvalidConfigurationException
    */
-  public function changeStore(string $storeName, string $databasePath = null, array $configuration = []): Store
+  public function changeStore(string $storeName, ?string $databasePath = null, array $configuration = []): Store
   {
     if(empty($databasePath)){
       $databasePath = $this->getDatabasePath();
@@ -219,7 +219,7 @@ public function getStorePath(): string
    * @throws IOException
    * @throws InvalidArgumentException
    */
-  public function findAll(array $orderBy = null, int $limit = null, int $offset = null): array
+  public function findAll(?array $orderBy = null, ?int $limit = null, ?int $offset = null): array
   {
     $qb = $this->createQueryBuilder();
     if(!is_null($orderBy)){
@@ -265,7 +265,7 @@ public function findById($id){
    * @throws IOException
    * @throws InvalidArgumentException
    */
-  public function findBy(array $criteria, array $orderBy = null, int $limit = null, int $offset = null): array
+  public function findBy(array $criteria, ?array $orderBy = null, ?int $limit = null, ?int $offset = null): array
   {
     $qb = $this->createQueryBuilder();
 
@@ -582,7 +582,7 @@ public function removeFieldsById($id, array $fieldsToRemove)
    * @throws IOException
    * @throws InvalidArgumentException
    */
-  public function search(array $fields, string $query, array $orderBy = null, int $limit = null, int $offset = null): array
+  public function search(array $fields, string $query, ?array $orderBy = null, ?int $limit = null, ?int $offset = null): array
   {
 
     $qb = $this->createQueryBuilder();
diff --git a/software/Smarty/Smarty.class.php b/software/Smarty/Smarty.class.php
index 5d2e3a4..e4c0404 100644
--- a/software/Smarty/Smarty.class.php
+++ b/software/Smarty/Smarty.class.php
@@ -1050,7 +1050,7 @@ public function _getTemplateId(
         $cache_id = null,
         $compile_id = null,
         $caching = null,
-        Smarty_Internal_Template $template = null
+        ?Smarty_Internal_Template $template = null
     ) {
         $template_name = (strpos($template_name, ':') === false) ? "{$this->default_resource_type}:{$template_name}" :
             $template_name;
diff --git a/software/Smarty/compile/1c9f8753e03722dffb39969f63c3fd6e012dd1ca_0.file.titles.tpl.php b/software/Smarty/compile/1c9f8753e03722dffb39969f63c3fd6e012dd1ca_0.file.titles.tpl.php
new file mode 100644
index 0000000..1b0b455
--- /dev/null
+++ b/software/Smarty/compile/1c9f8753e03722dffb39969f63c3fd6e012dd1ca_0.file.titles.tpl.php
@@ -0,0 +1,329 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-14 17:31:08
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\nucleus\pages\titles.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689e1d5c823e18_04232286',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '1c9f8753e03722dffb39969f63c3fd6e012dd1ca' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\nucleus\\pages\\titles.tpl',
+      1 => 1754941256,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689e1d5c823e18_04232286 (Smarty_Internal_Template $_smarty_tpl) {
+?><!-- Titles Div -->
+<div class="p-4 border shadow-md rounded-xl my-4">
+    <h1 class="mb-4 font-bold text-2xl">
+        Titles - Page <?php echo $_smarty_tpl->tpl_vars['page']->value;?>
+
+        <?php if ($_smarty_tpl->tpl_vars['logged']->value && $_smarty_tpl->tpl_vars['user']->value['level'] >= 75) {?>
+            <a href="#/" class="btn btn-sm" onclick="toggleCheck('addTitleModal');">Add Title</a>
+        <?php }?>
+    </h1>
+    <?php if (!empty($_smarty_tpl->tpl_vars['titles']->value)) {?>
+        <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4">
+            <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['titles']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                <div>
+                    <div class="card card-compact w-full bg-base-200 shadow-lg border">
+                        <figure>
+                            <a href="title.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['id'];?>
+">
+                                <img src="data/covers/<?php echo $_smarty_tpl->tpl_vars['item']->value['id'];?>
+.png" alt="Cover">
+                            </a>
+                        </figure>
+                        <div class="card-body">
+                            <h2 class="card-title flex">
+                                <a href="title.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['id'];?>
+" class="link">
+                                    <?php echo $_smarty_tpl->tpl_vars['item']->value['title'];?>
+
+                                </a>
+                            </h2>
+                            <div class="card-actions justify-end">
+                                <span
+                                    class="badge shadow-md badge-<?php if ($_smarty_tpl->tpl_vars['item']->value['sstatus'] == 1) {?>info<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['sstatus'] == 2) {?>success<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['sstatus'] == 3) {?>warning<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['sstatus'] == 4) {?>success-content<?php } else { ?>error<?php }?>">
+                                    <?php if ($_smarty_tpl->tpl_vars['item']->value['sstatus'] == 1) {?>Planned<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['sstatus'] == 2) {?>Ongoing<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['sstatus'] == 3) {?>Hiatus<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['sstatus'] == 4) {?>Completed<?php } else { ?>Cancelled<?php }?>
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+        </div>
+    <?php } else { ?>
+        <p>There are no Titles on this page!</p>
+    <?php }?>
+
+    <?php if (!empty($_smarty_tpl->tpl_vars['pagis']->value)) {?>
+        <div class="btn-group mx-auto pt-4">
+            <?php if ($_smarty_tpl->tpl_vars['page']->value > 1) {?>
+                <a href="?page=1" class="btn btn-sm md:btn-md shadow-md">«</a>
+                <a href="?page=<?php echo $_smarty_tpl->tpl_vars['page']->value-1;?>
+" class="btn btn-sm md:btn-md shadow-md">‹</a>
+            <?php }?>
+            <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['pagis']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                <?php if ($_smarty_tpl->tpl_vars['page']->value != $_smarty_tpl->tpl_vars['item']->value) {?>
+                    <a href="?page=<?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+" class="btn btn-sm md:btn-md shadow-md"><?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+</a>
+                <?php } else { ?>
+                    <span class="btn btn-active btn-sm md:btn-md shadow-md"><?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+</span>
+                <?php }?>
+            <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+            <?php if ($_smarty_tpl->tpl_vars['page']->value < $_smarty_tpl->tpl_vars['totalPages']->value) {?>
+                <a href="?page=<?php echo $_smarty_tpl->tpl_vars['page']->value+1;?>
+" class="btn btn-sm md:btn-md shadow-md">›</a>
+                <a href="?page=<?php echo $_smarty_tpl->tpl_vars['totalPages']->value;?>
+" class="btn btn-sm md:btn-md shadow-md">»</a>
+            <?php }?>
+        </div>
+    <?php }?>
+</div>
+<!-- /Titles Div -->
+
+<?php if ($_smarty_tpl->tpl_vars['logged']->value && $_smarty_tpl->tpl_vars['user']->value['level'] >= 75) {?>
+    <input type="checkbox" id="addTitleModal" class="modal-toggle">
+    <div class="modal modal-bottom sm:modal-middle">
+        <div class="modal-box">
+            <h3 class="font-bold text-2xl text-center mb-4 underline">Add Title</h3>
+            <form method="POST" name="addTitle" id="addTitleForm">
+                <div class="grid grid-cols-1 gap-4">
+                    <!-- Cover Image -->
+                    <input type="file" id="cover" class="border border-black file-input w-full">
+                    <img src="" alt="Cover" id="imgpreview" class="rounded-xl hidden w-full border shadow-sm">
+                    <!-- /Cover Image -->
+
+                    <!-- Title Data-->
+                    <input name="cover" hidden>
+                    <input type="text" placeholder="Title" name="title" class="input w-full border border-black">
+                    <input type="text" placeholder="Alternate Names" name="alts" class="input w-full border border-black">
+                    <label for="tagsModal" class="btn">Select Tags</label>
+                    <input type="text" placeholder="Author/s (Seperate by comma)" name="authors"
+                        class="input w-full border border-black">
+                    <input type="text" placeholder="Artist/s (Seperate by comma)" name="artists"
+                        class="input w-full border border-black">
+                    <input type="text" placeholder="Original Language" name="olang"
+                        class="input w-full border border-black">
+                    <select name="ostatus" class="select w-full border border-black">
+                        <option disabled selected>Select original work status...</option>
+                        <option value="1">Announced</option>
+                        <option value="2">Releasing</option>
+                        <option value="3">Hiatus</option>
+                        <option value="4">Completed</option>
+                        <option value="5">Cancelled</option>
+                    </select>
+                    <select name="sstatus" class="select w-full border border-black">
+                        <option disabled selected>Select scanlation status...</option>
+                        <option value="1">Planned</option>
+                        <option value="2">Ongoing</option>
+                        <option value="3">Hiatus</option>
+                        <option value="4">Completed</option>
+                        <option value="5">Cancelled</option>
+                    </select>
+                    <input type="number" placeholder="Year of Release" name="release"
+                        class="input w-full border border-black">
+                    <input type="number" placeholder="Year of Completion" name="completion"
+                        class="input w-full border border-black">
+                    <textarea name="summary" class="textarea w-full border border-black" placeholder="Summary"></textarea>
+                    <!-- /Title Data -->
+
+                    <!-- Tags Modal -->
+                    <input type="checkbox" id="tagsModal" class="modal-toggle">
+                    <div class="modal">
+                        <div class="modal-box">
+                            <h3 class="font-bold text-2xl text-center mb-4 underline">Select Tags</h3>
+                            <div class="grid grid-cols-1 gap-4">
+                                <div>
+                                    <h4 class="font-bold text-xl text-left">Format/s</h4>
+                                    <div class="grid grid-cols-2 md:grid-cols-3 gap-1">
+                                        <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['upl_format']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                                            <label>
+                                                <input type="checkbox" name="format[]" value="<?php echo $_smarty_tpl->tpl_vars['item']->value['id'];?>
+"> <?php echo $_smarty_tpl->tpl_vars['item']->value['name'];?>
+
+                                            </label>
+                                        <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h4 class="font-bold text-xl text-left">Warning/s</h4>
+                                    <div class="grid grid-cols-2 md:grid-cols-3 gap-1">
+                                        <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['upl_warnings']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                                            <label>
+                                                <input type="checkbox" name="warning[]" value="<?php echo $_smarty_tpl->tpl_vars['item']->value['id'];?>
+"> <?php echo $_smarty_tpl->tpl_vars['item']->value['name'];?>
+
+                                            </label>
+                                        <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h4 class="font-bold text-xl text-left">Theme/s</h4>
+                                    <div class="grid grid-cols-2 md:grid-cols-3 gap-1">
+                                        <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['upl_theme']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                                            <label>
+                                                <input type="checkbox" name="theme[]" value="<?php echo $_smarty_tpl->tpl_vars['item']->value['id'];?>
+"> <?php echo $_smarty_tpl->tpl_vars['item']->value['name'];?>
+
+                                            </label>
+                                        <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h4 class="font-bold text-xl text-left">Genre/s</h4>
+                                    <div class="grid grid-cols-2 md:grid-cols-3 gap-1">
+                                        <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['upl_genre']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                                            <label>
+                                                <input type="checkbox" name="genre[]" value="<?php echo $_smarty_tpl->tpl_vars['item']->value['id'];?>
+"> <?php echo $_smarty_tpl->tpl_vars['item']->value['name'];?>
+
+                                            </label>
+                                        <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+                                    </div>
+                                </div>
+                                <label for="tagsModal" class="btn btn-success">Close</label>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- /Tags Modal -->
+
+                    <!-- Submit, Error and Close -->
+                    <button class="btn btn-primary btn-block btn-outline" type="submit">Add!</button>
+                    <div class="text-center hidden text-error" id="addtitle-result"></div>
+                    <label for="addTitleModal" class="btn btn-error btn-block">Cancel</label>
+                    <!-- /Submit, Error and Close -->
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <?php echo '<script'; ?>
+>
+        $(function() {
+            $("#cover").change(function(e) {
+                e.preventDefault();
+                var fd = new FormData();
+                var files = $("#cover")[0].files;
+                if (files.length > 0) {
+                    fd.append("cover", files[0]);
+                    $.ajax({
+                        type: "POST",
+                        url: "ajax\\images\\tmp.php",
+                        data: fd,
+                        contentType: false,
+                        processData: false,
+                        success: function(msg) {
+                            let result = JSON.parse(msg);
+                            if (result.s == true) {
+                                let preview = document.getElementById("imgpreview");
+                                preview.classList.remove("hidden");
+                                preview.src = "data/tmp/" + result.msg;
+                                document.querySelector("input[name='cover']").value =
+                                    result.msg;
+                            } else {
+                                alert(result.msg);
+                            }
+                        }
+                    });
+                }
+            });
+        });
+
+        $("#cover").change(function(e) {
+            var allowedTypes = ["image/jpeg", "image/jpg", "image/png", "image/webp"];
+            var file = this.files[0];
+            var fileType = file.type;
+            if (!allowedTypes.includes(fileType)) {
+                alert("Upload only supports JPG, JPEG, PNG and WEBP!");
+                $("#cover").val("");
+                return false;
+            }
+        });
+
+        $("#addTitleForm").submit(function(e) {
+            e.preventDefault();
+            $.ajax({
+                type: "POST",
+                url: "ajax\\titles\\add.php",
+                data: $(this).serialize(),
+                success: function(data) {
+                    let result = JSON.parse(data);
+                    if (result.s == true) {
+                        //let text = document.getElementById("addtitle-result");
+                        //text.classList.add("hidden");
+                        window.location.replace("title.php?id=" + result.msg);
+                        // Redirect to Title?
+                    } else {
+                        let text = document.getElementById("addtitle-result");
+                        text.classList.remove("hidden");
+                        text.innerHTML = "<b>Error:</b> " + result.msg;
+                    }
+                }
+            });
+            return false;
+        });
+    <?php echo '</script'; ?>
+>
+<?php }
+}
+}
diff --git a/software/Smarty/compile/1e90c8b1a41733f333db4275333651aac407b5c4_0.file.header.tpl.php b/software/Smarty/compile/1e90c8b1a41733f333db4275333651aac407b5c4_0.file.header.tpl.php
new file mode 100644
index 0000000..f4bd37b
--- /dev/null
+++ b/software/Smarty/compile/1e90c8b1a41733f333db4275333651aac407b5c4_0.file.header.tpl.php
@@ -0,0 +1,76 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-13 18:02:10
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\nucleus\parts\header.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689cd3229d0d10_42390359',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '1e90c8b1a41733f333db4275333651aac407b5c4' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\nucleus\\parts\\header.tpl',
+      1 => 1754941256,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+    'file:../parts/menu.tpl' => 1,
+  ),
+),false)) {
+function content_689cd3229d0d10_42390359 (Smarty_Internal_Template $_smarty_tpl) {
+if (((isset($_smarty_tpl->tpl_vars['rel']->value)) && $_smarty_tpl->tpl_vars['rel']->value != 'tab') || !(isset($_smarty_tpl->tpl_vars['rel']->value))) {?>
+    <!DOCTYPE html>
+    <html lang="<?php echo $_smarty_tpl->tpl_vars['userlang']->value;?>
+">
+
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <title><?php echo $_smarty_tpl->tpl_vars['pagetitle']->value;?>
+</title>
+
+        <?php echo '<script'; ?>
+ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"><?php echo '</script'; ?>
+>
+        <link href="https://cdn.jsdelivr.net/npm/daisyui@2.47.0/dist/full.css" rel="stylesheet" type="text/css">
+        <?php echo '<script'; ?>
+ src="https://cdn.tailwindcss.com"><?php echo '</script'; ?>
+>
+        <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
+        <link rel="manifest" href="assets/favicon/site.webmanifest">
+        <style>
+            .link {
+                text-decoration-line: underline;
+                text-decoration-style: dotted;
+            }
+
+            .link:hover {
+                text-decoration-style: solid;
+            }
+
+            .auto a {
+                text-decoration-line: underline;
+                text-decoration-style: dotted;
+            }
+
+            .auto a:hover {
+                text-decoration-style: solid;
+            }
+        </style>
+    </head>
+
+    <body data-theme="<?php echo $_smarty_tpl->tpl_vars['daisytheme']->value;?>
+" onload="assignTheme('<?php echo cat($_smarty_tpl->tpl_vars['config']->value['title']);?>
+_');" class="min-h-screen">
+
+        <?php $_smarty_tpl->_subTemplateRender("file:../parts/menu.tpl", $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), 0, false);
+}
+}
+}
diff --git a/software/Smarty/compile/20b3a3dde665e5033b2cf243a19d4345ceb94616_0.file.404.tpl.php b/software/Smarty/compile/20b3a3dde665e5033b2cf243a19d4345ceb94616_0.file.404.tpl.php
new file mode 100644
index 0000000..ee4a872
--- /dev/null
+++ b/software/Smarty/compile/20b3a3dde665e5033b2cf243a19d4345ceb94616_0.file.404.tpl.php
@@ -0,0 +1,40 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-14 18:56:57
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\netflix\pages\404.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689e3179852826_02687571',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '20b3a3dde665e5033b2cf243a19d4345ceb94616' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\netflix\\pages\\404.tpl',
+      1 => 1755194954,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689e3179852826_02687571 (Smarty_Internal_Template $_smarty_tpl) {
+?><!-- 404 Error Page -->
+<div class="flex flex-col items-center justify-center min-h-screen px-4 py-12 text-center">
+    <div class="max-w-md">
+        <h1 class="text-9xl font-bold text-red-600 mb-4">404</h1>
+        <h2 class="text-3xl font-bold mb-4">Page Not Found</h2>
+        <p class="text-gray-400 mb-8">Sorry, we couldn't find the page you're looking for.</p>
+        <div class="flex flex-col sm:flex-row gap-4 justify-center">
+            <a href="index.php" class="bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-6 rounded-md transition">
+                Go Home
+            </a>
+            <a href="titles.php" class="bg-gray-700 hover:bg-gray-600 text-white font-medium py-2 px-6 rounded-md transition">
+                Browse Manga
+            </a>
+        </div>
+    </div>
+</div><?php }
+}
diff --git a/software/Smarty/compile/442cf3293e687c623401082b2276a22f478c02fd_0.file.releases.tpl.php b/software/Smarty/compile/442cf3293e687c623401082b2276a22f478c02fd_0.file.releases.tpl.php
new file mode 100644
index 0000000..801cec7
--- /dev/null
+++ b/software/Smarty/compile/442cf3293e687c623401082b2276a22f478c02fd_0.file.releases.tpl.php
@@ -0,0 +1,151 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-13 18:58:23
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\nucleus\pages\releases.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689ce04fcff495_69637049',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '442cf3293e687c623401082b2276a22f478c02fd' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\nucleus\\pages\\releases.tpl',
+      1 => 1754941256,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689ce04fcff495_69637049 (Smarty_Internal_Template $_smarty_tpl) {
+?><!-- Chapters Div -->
+<div class="p-4 border shadow-md rounded-xl my-4">
+    <h1 class="mb-4 font-bold text-2xl">
+        Releases - Page <?php echo $_smarty_tpl->tpl_vars['page']->value;?>
+
+    </h1>
+    <?php if (!empty($_smarty_tpl->tpl_vars['chapters']->value)) {?>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-6 gap-4">
+            <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['chapters']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                <div class="w-full grid grid-cols-3 gap-2 border rounded-xl shadow-md">
+                    <div class="col-span-1 p-2">
+                        <a href="title.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+">
+                            <img src="data/covers/<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+.png" alt="Cover" class="w-full rounded-md border shadow-md">
+                        </a>
+                    </div>
+                    <div class="col-span-2 py-2 pr-2">
+                        <p class="font-bold text-md">
+                            <a href="title.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+" class="link" title="<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['title'];?>
+">
+                                <span class="md:hidden">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],10);?>
+
+                                </span>
+                                <span class="hidden md:block lg:hidden">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],18);?>
+
+                                </span>
+                                <span class="hidden lg:block xl:hidden">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],13);?>
+
+                                </span>
+                                <span class="hidden xl:block 2xl:hidden">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],14);?>
+
+                                </span>
+                                <span class="hidden 2xl:block">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],17);?>
+
+                                </span>
+                            </a>
+                        </p>
+                        <div class="text-sm">
+                            <p>
+                                <a href="chapter.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['id'];?>
+" class="flex items-center gap-2 link" title="<?php echo formatChapterTitle($_smarty_tpl->tpl_vars['item']->value['volume'],$_smarty_tpl->tpl_vars['item']->value['number'],"full");?>
+">
+                                    <img src="https://flagcdn.com/16x12/<?php echo $_smarty_tpl->tpl_vars['item']->value['language'][1];?>
+.png" alt="<?php echo $_smarty_tpl->tpl_vars['item']->value['language'][2];?>
+"
+                                        class="h-3">
+                                    <?php echo formatChapterTitle($_smarty_tpl->tpl_vars['item']->value['volume'],$_smarty_tpl->tpl_vars['item']->value['number']);?>
+
+                                </a>
+                            </p>
+                            <p>
+                                <a href="profile.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['user']['id'];?>
+"
+                                    class="link flex items-center text-center md:text-left">
+                                    <img src="<?php echo $_smarty_tpl->tpl_vars['item']->value['user']['avatar'];?>
+" class="rounded-full h-5">
+                                    <span class="ml-1">
+                                        <?php echo $_smarty_tpl->tpl_vars['item']->value['user']['username'];?>
+
+                                    </span>
+                                </a>
+                            </p>
+                            <p>
+                                <?php echo timeAgo($_smarty_tpl->tpl_vars['item']->value['timestamp']);?>
+
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+        </div>
+    <?php } else { ?>
+        <p>There are no Chapters on this page!</p>
+    <?php }?>
+
+    <?php if (!empty($_smarty_tpl->tpl_vars['pagis']->value)) {?>
+        <!-- Pagination Div -->
+        <div class="btn-group mx-auto pt-4">
+            <?php if ($_smarty_tpl->tpl_vars['page']->value > 1) {?>
+                <a href="?page=1" class="btn btn-sm md:btn-md shadow-md">«</a>
+                <a href="?page=<?php echo $_smarty_tpl->tpl_vars['page']->value-1;?>
+" class="btn btn-sm md:btn-md shadow-md">‹</a>
+            <?php }?>
+            <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['pagis']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                <?php if ($_smarty_tpl->tpl_vars['page']->value != $_smarty_tpl->tpl_vars['item']->value) {?>
+                    <a href="?page=<?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+" class="btn btn-sm md:btn-md shadow-md"><?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+</a>
+                <?php } else { ?>
+                    <span class="btn btn-active btn-sm md:btn-md shadow-md"><?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+</span>
+                <?php }?>
+            <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+            <?php if ($_smarty_tpl->tpl_vars['page']->value < $_smarty_tpl->tpl_vars['totalPages']->value) {?>
+                <a href="?page=<?php echo $_smarty_tpl->tpl_vars['page']->value+1;?>
+" class="btn btn-sm md:btn-md shadow-md">›</a>
+                <a href="?page=<?php echo $_smarty_tpl->tpl_vars['totalPages']->value;?>
+" class="btn btn-sm md:btn-md shadow-md">»</a>
+            <?php }?>
+        </div>
+        <!-- /Pagination Div -->
+    <?php }?>
+</div>
+<!-- /Chapters Div --><?php }
+}
diff --git a/software/Smarty/compile/4c0094e1abb72d2b49369fba914bbc30214c89f9_0.file.alert.tpl.php b/software/Smarty/compile/4c0094e1abb72d2b49369fba914bbc30214c89f9_0.file.alert.tpl.php
new file mode 100644
index 0000000..4acdcd1
--- /dev/null
+++ b/software/Smarty/compile/4c0094e1abb72d2b49369fba914bbc30214c89f9_0.file.alert.tpl.php
@@ -0,0 +1,56 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-14 18:54:57
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\netflix\parts\alert.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689e310122ff10_79566906',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '4c0094e1abb72d2b49369fba914bbc30214c89f9' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\netflix\\parts\\alert.tpl',
+      1 => 1755194995,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689e310122ff10_79566906 (Smarty_Internal_Template $_smarty_tpl) {
+if (!empty($_smarty_tpl->tpl_vars['alert']->value)) {?>
+<div id="topAlert" class="alert alert-<?php echo $_smarty_tpl->tpl_vars['alert']->value['type'];?>
+ bg-<?php echo $_smarty_tpl->tpl_vars['alert']->value['type'];?>
+-900 border-<?php echo $_smarty_tpl->tpl_vars['alert']->value['type'];?>
+-700 text-white rounded-none mb-0 py-3 px-4 relative">
+    <div class="max-w-7xl mx-auto flex items-center justify-between">
+        <div class="flex items-center">
+            <?php if ($_smarty_tpl->tpl_vars['alert']->value['type'] == 'error') {?>
+            <svg class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+            </svg>
+            <?php } elseif ($_smarty_tpl->tpl_vars['alert']->value['type'] == 'success') {?>
+            <svg class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+            </svg>
+            <?php } elseif ($_smarty_tpl->tpl_vars['alert']->value['type'] == 'warning') {?>
+            <svg class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+            </svg>
+            <?php }?>
+            <span><?php echo $_smarty_tpl->tpl_vars['alert']->value['message'];?>
+</span>
+        </div>
+        <button id="dismissAlert" class="text-white hover:text-gray-300 focus:outline-none">
+            <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+        </button>
+    </div>
+</div>
+<?php }
+}
+}
diff --git a/software/Smarty/compile/63caa9efd219d3051e4bb1ec8205fc43c99f338f_0.file.index.tpl.php b/software/Smarty/compile/63caa9efd219d3051e4bb1ec8205fc43c99f338f_0.file.index.tpl.php
new file mode 100644
index 0000000..50c90b1
--- /dev/null
+++ b/software/Smarty/compile/63caa9efd219d3051e4bb1ec8205fc43c99f338f_0.file.index.tpl.php
@@ -0,0 +1,204 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-13 18:02:11
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\nucleus\pages\index.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689cd32399b332_22462464',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '63caa9efd219d3051e4bb1ec8205fc43c99f338f' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\nucleus\\pages\\index.tpl',
+      1 => 1754941256,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689cd32399b332_22462464 (Smarty_Internal_Template $_smarty_tpl) {
+?><div class="p-4 border shadow-md rounded-xl my-4">
+    <div class="mb-4">
+        <h1 class="font-bold text-2xl">
+            <a href="titles.php" class="link">
+                Recently Updated Titles
+            </a>
+        </h1>
+    </div>
+    <?php if (!empty($_smarty_tpl->tpl_vars['recentlyUpdated']->value)) {?>
+        <div class="carousel w-full rounded-xl border">
+            <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['recentlyUpdated']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                <div id="titleSlider_<?php echo $_smarty_tpl->tpl_vars['key']->value;?>
+" class=" text-black carousel-item w-full rounded-xl backdrop-blur-sm overflow-auto"
+                    style="background-image: url(data/covers/<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+.png); background-size: cover; background-position: center;">
+                    <div
+                        class="w-full backdrop-blur-md bg-white/30 grid grid-cols-3 md:grid-cols-6 gap-2 md:gap-4 flex items-center">
+                        <div class="col-span-1 pl-4 py-4">
+                            <a href="title.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+">
+                                <img src="data/covers/<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+.png" class="rounded-xl w-full border shadow-md">
+                            </a>
+                        </div>
+                        <div class="col-span-2 md:col-span-5 pr-4">
+                            <h1 class="font-bold text-2xl">
+                                <a href="title.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+"><span class="link"><?php echo $_smarty_tpl->tpl_vars['item']->value['title']['title'];?>
+</span></a>
+                                <div
+                                    class="badge shadow-md badge-<?php if ($_smarty_tpl->tpl_vars['item']->value['title']['sstatus'] == 1) {?>info<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['title']['sstatus'] == 2) {?>success<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['title']['sstatus'] == 3) {?>warning<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['title']['sstatus'] == 4) {?>success-content<?php } else { ?>error<?php }?>">
+                                    <?php if ($_smarty_tpl->tpl_vars['item']->value['title']['sstatus'] == 1) {?>Planned<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['title']['sstatus'] == 2) {?>Ongoing<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['title']['sstatus'] == 3) {?>Hiatus<?php } elseif ($_smarty_tpl->tpl_vars['item']->value['title']['sstatus'] == 4) {?>Completed<?php } else { ?>Cancelled<?php }?>
+                                </div>
+                            </h1>
+                            <p class="text-sm mb-2"><?php echo $_smarty_tpl->tpl_vars['item']->value['title']['alts'];?>
+</p>
+                            <div class="auto space-y-2 md:hidden">
+                                <?php echo $_smarty_tpl->tpl_vars['item']->value['title']['summary2'];?>
+
+                            </div>
+                            <div class="auto space-y-1 hidden md:block">
+                                <?php echo $_smarty_tpl->tpl_vars['item']->value['title']['summary1'];?>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+        </div>
+        <div class="flex justify-center w-full pt-4 gap-2 btn-group">
+            <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['recentlyUpdated']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                <a href="#titleSlider_<?php echo $_smarty_tpl->tpl_vars['key']->value;?>
+" class="carlink btn btn-xs md:btn-sm <?php if ($_smarty_tpl->tpl_vars['key']->value == 0) {?>btn-active<?php }?>"
+                    onclick="switchCarLink(event);" rel="mad"><?php echo $_smarty_tpl->tpl_vars['key']->value+1;?>
+</a>
+            <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+        </div>
+    <?php } else { ?>
+        <p>There are no Titles at the Moment!</p>
+    <?php }?>
+</div>
+
+<!-- Chapters Div -->
+<div class="p-4 border shadow-md rounded-xl my-4">
+    <h1 class="mb-4 font-bold text-2xl">
+        <a href="releases.php" class="link">
+            Latest Releases
+        </a>
+    </h1>
+    <?php if (!empty($_smarty_tpl->tpl_vars['chapters']->value)) {?>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-6 gap-4">
+            <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['chapters']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                <div class="w-full grid grid-cols-3 gap-2 border rounded-xl shadow-md">
+                    <div class="col-span-1 p-2">
+                        <a href="title.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+">
+                            <img src="data/covers/<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+.png" alt="Cover" class="w-full rounded-md border shadow-md">
+                        </a>
+                    </div>
+                    <div class="col-span-2 py-2 pr-2">
+                        <p class="font-bold text-md">
+                            <a href="title.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+" class="link" title="<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['title'];?>
+">
+                                <span class="sm:hidden">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],10);?>
+
+                                </span>
+                                <span class="hidden sm:block md:hidden">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],21);?>
+
+                                </span>
+                                <span class="hidden md:block lg:hidden">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],17);?>
+
+                                </span>
+                                <span class="hidden lg:block xl:hidden">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],12);?>
+
+                                </span>
+                                <span class="hidden xl:block 2xl:hidden">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],13);?>
+
+                                </span>
+                                <span class="hidden 2xl:block">
+                                    <?php echo shorten($_smarty_tpl->tpl_vars['item']->value['title']['title'],17);?>
+
+                                </span>
+                            </a>
+                        </p>
+                        <div class="text-sm">
+                            <p>
+                                <a href="chapter.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['id'];?>
+" class="flex items-center gap-2 link"
+                                    title="<?php echo formatChapterTitle($_smarty_tpl->tpl_vars['item']->value['volume'],$_smarty_tpl->tpl_vars['item']->value['number'],"full");?>
+">
+                                    <img src="https://flagcdn.com/16x12/<?php echo $_smarty_tpl->tpl_vars['item']->value['language'][1];?>
+.png" alt="<?php echo $_smarty_tpl->tpl_vars['item']->value['language'][2];?>
+"
+                                        class="h-3">
+                                    <?php echo formatChapterTitle($_smarty_tpl->tpl_vars['item']->value['volume'],$_smarty_tpl->tpl_vars['item']->value['number']);?>
+
+                                </a>
+                            </p>
+                            <p>
+                                <a href="profile.php?id=<?php echo $_smarty_tpl->tpl_vars['item']->value['user']['id'];?>
+"
+                                    class="link flex items-center text-center md:text-left">
+                                    <img src="<?php echo $_smarty_tpl->tpl_vars['item']->value['user']['avatar'];?>
+" class="rounded-full h-5">
+                                    <span class="ml-1">
+                                        <?php echo $_smarty_tpl->tpl_vars['item']->value['user']['username'];?>
+
+                                    </span>
+                                </a>
+                            </p>
+                            <p>
+                                <?php echo timeAgo($_smarty_tpl->tpl_vars['item']->value['timestamp']);?>
+
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+            <div class="col-span-2 md:col-span-3 lg:col-span-5 xl:col-span-6">
+                <a href="releases.php?page=2" class="btn w-full">
+                    More
+                </a>
+            </div>
+        </div>
+    <?php } else { ?>
+        <p>There are no Chapters on this page!</p>
+    <?php }?>
+</div>
+<!-- /Chapters Div --><?php }
+}
diff --git a/software/Smarty/compile/6a93d4bf018663cc7f382c0fded744a231f81bba_0.file.menu.tpl.php b/software/Smarty/compile/6a93d4bf018663cc7f382c0fded744a231f81bba_0.file.menu.tpl.php
new file mode 100644
index 0000000..96db0cd
--- /dev/null
+++ b/software/Smarty/compile/6a93d4bf018663cc7f382c0fded744a231f81bba_0.file.menu.tpl.php
@@ -0,0 +1,112 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-14 18:54:56
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\netflix\parts\menu.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689e3100d66c76_90209577',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '6a93d4bf018663cc7f382c0fded744a231f81bba' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\netflix\\parts\\menu.tpl',
+      1 => 1755194066,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+    'file:../parts/alert.tpl' => 1,
+  ),
+),false)) {
+function content_689e3100d66c76_90209577 (Smarty_Internal_Template $_smarty_tpl) {
+?><input hidden readonly type="text" value="<?php echo $_smarty_tpl->tpl_vars['config']->value['title'];?>
+" id="siteName">
+<input hidden readonly type="text" value="<?php echo $_smarty_tpl->tpl_vars['config']->value['divider'];?>
+" id="siteDivider">
+
+<!-- Netflix-style Navigation -->
+<nav class="bg-netflix-black bg-opacity-90 backdrop-blur-sm fixed top-0 w-full z-50">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="flex items-center justify-between h-16">
+            <!-- Logo -->
+            <div class="flex-shrink-0">
+                <a href="<?php echo $_smarty_tpl->tpl_vars['config']->value['url'];?>
+" class="text-red-600 text-2xl font-bold tracking-tight">
+                    <?php if (!empty($_smarty_tpl->tpl_vars['logoImage']->value)) {?>
+                        <img src="<?php echo $_smarty_tpl->tpl_vars['logoImage']->value;?>
+" alt="Logo" class="h-8">
+                    <?php } else { ?>
+                        <?php echo $_smarty_tpl->tpl_vars['config']->value['title'];?>
+
+                    <?php }?>
+                </a>
+            </div>
+            
+            <!-- Desktop Navigation -->
+            <div class="hidden md:block">
+                <div class="ml-10 flex items-baseline space-x-4">
+                    <a href="index.php" class="text-white hover:text-red-500 px-3 py-2 rounded-md text-sm font-medium">Home</a>
+                    <a href="releases.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">New Releases</a>
+                    <a href="titles.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Browse</a>
+                    <a href="bookmarks.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">My List</a>
+                    <a href="members.php" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Members</a>
+                </div>
+            </div>
+            
+            <!-- Search and User Profile -->
+            <div class="hidden md:flex items-center space-x-4">
+                <!-- Search Icon -->
+                <div class="relative">
+                    <button class="text-gray-400 hover:text-white">
+                        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+                        </svg>
+                    </button>
+                </div>
+                
+                <!-- User Profile -->
+                <div class="relative">
+                    <div class="dropdown dropdown-end">
+                        <label tabindex="0" class="btn btn-ghost btn-circle avatar">
+                            <div class="w-10 rounded-full">
+                                <img src="<?php if ($_smarty_tpl->tpl_vars['logged']->value) {
+echo $_smarty_tpl->tpl_vars['user']->value['avatar'];
+} else { ?>https://rav.h33t.moe/avatar.php?name=rileinc<?php }?>" alt="Avatar">
+                            </div>
+                        </label>
+                        <ul tabindex="0" class="mt-3 p-2 shadow-md menu menu-compact dropdown-content bg-base-100 border rounded-box w-52">
+                            <?php if ($_smarty_tpl->tpl_vars['logged']->value) {?>
+                                <li><a href="profile.php?id=<?php echo $_smarty_tpl->tpl_vars['user']->value['id'];?>
+" rel="tab" ttl="Profile of <?php echo $_smarty_tpl->tpl_vars['user']->value['username'];?>
+ - Uploads - Page 1">Profile</a></li>
+                                <li><label for="userSettingsModal">Settings</label></li>
+                                <li><button id="logoutButton">Logout</button></li>
+                            <?php } else { ?>
+                                <li><label for="loginModal">Login</label></li>
+                                <li><label for="signupModal">Signup</label></li>
+                            <?php }?>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- Mobile menu button -->
+            <div class="md:hidden">
+                <button class="text-gray-400 hover:text-white focus:outline-none">
+                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                    </svg>
+                </button>
+            </div>
+        </div>
+    </div>
+</nav>
+
+<!-- Main Content Container -->
+<div class="pt-16 container mx-auto my-4 px-2 md:px-0" id="content">
+<?php $_smarty_tpl->_subTemplateRender("file:../parts/alert.tpl", $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), 0, false);
+}
+}
diff --git a/software/Smarty/compile/6c3b07e3549ce6997120c6e0a74b2ac6bee021eb_0.file.index.tpl.php b/software/Smarty/compile/6c3b07e3549ce6997120c6e0a74b2ac6bee021eb_0.file.index.tpl.php
new file mode 100644
index 0000000..99caac8
--- /dev/null
+++ b/software/Smarty/compile/6c3b07e3549ce6997120c6e0a74b2ac6bee021eb_0.file.index.tpl.php
@@ -0,0 +1,200 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-14 18:54:57
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\netflix\pages\index.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689e31016140f3_20031746',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '6c3b07e3549ce6997120c6e0a74b2ac6bee021eb' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\netflix\\pages\\index.tpl',
+      1 => 1755194710,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689e31016140f3_20031746 (Smarty_Internal_Template $_smarty_tpl) {
+?><!-- Hero Carousel -->
+<div class="relative h-screen">
+    <div class="absolute inset-0 bg-gradient-to-r from-black via-transparent to-transparent z-10"></div>
+    <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent z-10"></div>
+    <div class="absolute inset-0 flex items-end z-20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-24">
+            <h1 class="text-4xl md:text-6xl font-bold mb-4">Featured Manga Title</h1>
+            <p class="text-lg md:text-xl max-w-2xl mb-8">Brief description of the featured manga series that captures the reader's interest.</p>
+            <div class="flex space-x-4">
+                <button class="bg-white text-black px-6 py-2 rounded-md font-medium hover:bg-gray-200 transition">Read Now</button>
+                <button class="bg-gray-600 bg-opacity-70 text-white px-6 py-2 rounded-md font-medium hover:bg-gray-500 transition">More Info</button>
+            </div>
+        </div>
+    </div>
+    <div class="absolute inset-0 bg-cover bg-center" style="background-image: url('assets/netflix/hero-placeholder.jpg');"></div>
+</div>
+
+<!-- Continue Watching Section -->
+<?php if ($_smarty_tpl->tpl_vars['logged']->value && !empty($_smarty_tpl->tpl_vars['continueReading']->value)) {?>
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">Continue Watching</h2>
+    <div class="relative">
+        <div class="carousel-container overflow-x-auto pb-4 scrollbar-hide">
+            <div class="flex space-x-4" style="width: max-content;">
+                <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['continueReading']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                <div class="flex-shrink-0 w-48 md:w-56 relative group">
+                    <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105 group-hover:z-10">
+                        <img src="data/covers/<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+.png" alt="<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['title'];?>
+" class="w-full h-auto">
+                        <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
+                        <div class="absolute bottom-0 left-0 right-0 p-3 opacity-0 group-hover:opacity-100 transition-opacity">
+                            <h3 class="font-bold truncate"><?php echo $_smarty_tpl->tpl_vars['item']->value['title']['title'];?>
+</h3>
+                            <p class="text-sm text-gray-300">Chapter <?php echo $_smarty_tpl->tpl_vars['item']->value['chapter']['number'];?>
+</p>
+                        </div>
+                    </div>
+                </div>
+                <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+            </div>
+        </div>
+    </div>
+</div>
+<?php }?>
+
+<!-- New Releases Section -->
+<?php if (!empty($_smarty_tpl->tpl_vars['newReleases']->value)) {?>
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">New Releases</h2>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+        <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['newReleases']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+.png" alt="<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['title'];?>
+" class="w-full h-auto">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            <h3 class="font-medium mt-2 truncate"><?php echo $_smarty_tpl->tpl_vars['item']->value['title']['title'];?>
+</h3>
+            <p class="text-sm text-gray-400">Chapter <?php echo $_smarty_tpl->tpl_vars['item']->value['number'];?>
+</p>
+        </div>
+        <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+    </div>
+</div>
+<?php }?>
+
+<!-- Popular Titles Section -->
+<?php if (!empty($_smarty_tpl->tpl_vars['popularTitles']->value)) {?>
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">Popular This Week</h2>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+        <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['popularTitles']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/<?php echo $_smarty_tpl->tpl_vars['item']->value['id'];?>
+.png" alt="<?php echo $_smarty_tpl->tpl_vars['item']->value['title'];?>
+" class="w-full h-auto">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            <h3 class="font-medium mt-2 truncate"><?php echo $_smarty_tpl->tpl_vars['item']->value['title'];?>
+</h3>
+            <p class="text-sm text-gray-400"><?php echo $_smarty_tpl->tpl_vars['item']->value['chapterCount'];?>
+ chapters</p>
+        </div>
+        <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+    </div>
+</div>
+<?php }?>
+
+<!-- Recently Updated Section -->
+<?php if (!empty($_smarty_tpl->tpl_vars['recentlyUpdated']->value)) {?>
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h2 class="text-2xl font-bold mb-4">Recently Updated</h2>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+        <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['recentlyUpdated']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['id'];?>
+.png" alt="<?php echo $_smarty_tpl->tpl_vars['item']->value['title']['title'];?>
+" class="w-full h-auto">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            <h3 class="font-medium mt-2 truncate"><?php echo $_smarty_tpl->tpl_vars['item']->value['title']['title'];?>
+</h3>
+            <p class="text-sm text-gray-400">Updated <?php echo $_smarty_tpl->tpl_vars['item']->value['lastUpdate'];?>
+</p>
+        </div>
+        <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+    </div>
+</div>
+<?php }?>
+
+<!-- Initialize carousel functionality -->
+<?php echo '<script'; ?>
+ src="assets/netflix/carousel.js"><?php echo '</script'; ?>
+>
+<?php echo '<script'; ?>
+>
+document.addEventListener('DOMContentLoaded', function() {
+    // Initialize any additional carousel functionality if needed
+});
+<?php echo '</script'; ?>
+><?php }
+}
diff --git a/software/Smarty/compile/790295cb86b0eaff03b243c3593d85dcb6dc6a2d_0.file.footer.tpl.php b/software/Smarty/compile/790295cb86b0eaff03b243c3593d85dcb6dc6a2d_0.file.footer.tpl.php
new file mode 100644
index 0000000..742b45f
--- /dev/null
+++ b/software/Smarty/compile/790295cb86b0eaff03b243c3593d85dcb6dc6a2d_0.file.footer.tpl.php
@@ -0,0 +1,407 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-14 18:54:58
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\netflix\parts\footer.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689e31020a2692_49970825',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '790295cb86b0eaff03b243c3593d85dcb6dc6a2d' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\netflix\\parts\\footer.tpl',
+      1 => 1755194148,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689e31020a2692_49970825 (Smarty_Internal_Template $_smarty_tpl) {
+?></div>
+<!-- Container End -->
+
+<?php if (((isset($_smarty_tpl->tpl_vars['rel']->value)) && $_smarty_tpl->tpl_vars['rel']->value != 'tab') || !(isset($_smarty_tpl->tpl_vars['rel']->value))) {?>
+    <?php if (!$_smarty_tpl->tpl_vars['logged']->value) {?>
+        <input type="checkbox" id="loginModal" class="modal-toggle">
+        <div class="modal modal-bottom sm:modal-middle">
+            <div class="modal-box bg-netflix-dark">
+                <h3 class="font-bold text-2xl text-center mb-4 underline text-white">Login</h3>
+                <form method="POST" name="login" id="loginForm">
+                    <div class="grid grid-cols-1 gap-4">
+                        <input type="text" placeholder="Username" name="username" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                        <input type="password" placeholder="Password" name="password" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                    </div>
+                    <div class=" mt-4">
+                        <button class="btn btn-primary bg-red-600 border-red-600 hover:bg-red-700 btn-block btn-outline" type="submit">Log me in!</button>
+                    </div>
+                    <div class="mt-4 text-error text-center hidden" id="login-result"></div>
+                    <div class="pt-4 grid grid-cols-2 gap-4">
+                        <label onclick="toggleCheck('loginModal'); toggleCheck('signupModal');" class="btn bg-netflix-gray border-gray-600 hover:bg-gray-700 btn-block">To Signup</label>
+                        <label for="loginModal" class="btn bg-gray-600 border-gray-600 hover:bg-gray-700 btn-error">Cancel</label>
+                    </div>
+                </form>
+            </div>
+        </div>
+
+        <input type="checkbox" id="signupModal" class="modal-toggle">
+        <div class="modal modal-bottom sm:modal-middle">
+            <div class="modal-box bg-netflix-dark">
+                <h3 class="font-bold text-2xl text-center mb-4 underline text-white">Signup</h3>
+                <form method="POST" name="signup" id="signupForm">
+                    <div class="grid grid-cols-1 gap-4">
+                        <input type="text" placeholder="Username" name="username" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                        <input type="password" placeholder="Password" name="password" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                        <input type="password" placeholder="Repeat Password" name="password2" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                        <input type="email" placeholder="Email (for account-activation and recovery)" name="email" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                        <input type="email" placeholder="Repeat Email" name="email2" class="input w-full border border-gray-600 bg-netflix-gray text-white">
+                    </div>
+                    <div class="mt-4">
+                        <button class="btn btn-primary bg-red-600 border-red-600 hover:bg-red-700 btn-block btn-outline" type="submit">Create my account!</button>
+                    </div>
+                    <div class="mt-2 text-error text-center hidden" id="signup-result"></div>
+                    <div class="pt-4 grid grid-cols-2 gap-4">
+                        <label onclick="toggleCheck('loginModal'); toggleCheck('signupModal');" class="btn bg-netflix-gray border-gray-600 hover:bg-gray-700 btn-block">To Login</label>
+                        <label for="signupModal" class="btn bg-gray-600 border-gray-600 hover:bg-gray-700 btn-error">Cancel</label>
+                    </div>
+                </form>
+            </div>
+        </div>
+    <?php } else { ?>
+        <input type="checkbox" id="userSettingsModal" class="modal-toggle">
+        <div class="modal modal-bottom sm:modal-middle">
+            <div class="modal-box bg-netflix-dark">
+                <h3 class="font-bold text-2xl text-center mb-4 underline text-white">User Settings</h3>
+                <form method="POST" name="userSettings" id="userSettingsForm">
+                    <div class="grid grid-cols-1 gap-4">
+                        <input type="text" placeholder="Avatar URL" name="avatar" class="input w-full border border-gray-600 bg-netflix-gray text-white" value="<?php echo $_smarty_tpl->tpl_vars['user']->value['avatar'];?>
+">
+                        <select class="select w-full border border-gray-600 bg-netflix-gray text-white" name="theme">
+                            <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['config']->value['themes'], 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                                <option value="<?php echo $_smarty_tpl->tpl_vars['key']->value;?>
+" class="bg-netflix-gray text-white">Theme: <?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+</option>
+                            <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+                        </select>
+                    </div>
+                    <div class="mt-4">
+                        <button class="btn btn-primary bg-red-600 border-red-600 hover:bg-red-700 btn-block btn-outline" type="submit">Save settings!</button>
+                    </div>
+                    <div class="mt-2 text-center hidden" id="usersettings-result"></div>
+                    <div class="pt-4">
+                        <label for="userSettingsModal" class="btn bg-gray-600 border-gray-600 hover:bg-gray-700 btn-error btn-block">Close</label>
+                    </div>
+                </form>
+            </div>
+        </div>
+    <?php }?>
+
+    <?php echo '<script'; ?>
+>
+        function toggleCheck(id) {
+            let box = document.getElementById(id);
+            box.checked = !box.checked;
+        }
+
+        <?php if (!$_smarty_tpl->tpl_vars['logged']->value) {?>
+            $("#loginForm").submit(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\login.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            let text = document.getElementById("login-result");
+                            text.classList.remove("hidden");
+                            text.innerHTML = "<b>Error:</b> " + data;
+                        }
+                    }
+                });
+                return false;
+            });
+
+            $("#signupForm").submit(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\signup.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            let text = document.getElementById("signup-result");
+                            text.classList.remove("hidden");
+                            text.innerHTML = "<b>Error:</b> " + data;
+                        }
+                    }
+                });
+                return false;
+            });
+        <?php }?>
+
+        <?php if ($_smarty_tpl->tpl_vars['logged']->value) {?>
+            $("#userSettingsForm").submit(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\settings.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            let text = document.getElementById("usersettings-result");
+                            text.classList.remove("hidden");
+                            text.innerHTML = "<b>Error:</b> " + data;
+                            text.classList.add("text-error");
+                            text.classList.remove("text-success");
+                        }
+                    }
+                });
+                return false;
+            });
+
+            $("#logoutButton").click(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\logout.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            alert("Error: " + data);
+                        }
+                    }
+                });
+                return false;
+            });
+
+            $("#dismissAlert").click(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\alerts\\dismiss.php",
+                    success: function(data) {
+                        if (data == "success") {
+                            let div = document.getElementById("topAlert");
+                            div.classList.add("hidden");
+                        } else {
+                            alert("Error: " + data);
+                        }
+                    }
+                });
+                return false;
+            });
+        <?php }?>
+
+        function setCookie(name, value) {
+            Cookies.set("<?php echo cat($_smarty_tpl->tpl_vars['config']->value['title']);?>
+_" + name, value, { expires: 999 })
+        }
+
+        function updateUserLang(lang) {
+            <?php if ($_smarty_tpl->tpl_vars['logged']->value) {?>
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\updateLang.php",
+                    data: {
+                        newLang: lang
+                    },
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            alert("Error: " + data);
+                        }
+                    }
+                });
+            <?php } else { ?>
+                location.reload();
+            <?php }?>
+        }
+
+        function toggleRead(id) {
+            let box = event.srcElement.id;
+            <?php if (!$_smarty_tpl->tpl_vars['logged']->value) {?>
+                alert("Error: Login to use this function!");
+                toggleCheck(box);
+            <?php } else { ?>
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\chapters\\read.php",
+                    data: {
+                        user: <?php echo $_smarty_tpl->tpl_vars['user']->value['id'];?>
+,
+                        chapter: id
+                    },
+                    success: function(data) {
+                        if (data != "success") {
+                            alert("Error: " + data);
+                            toggleCheck(box);
+                        }
+                    }
+                });
+            <?php }?>
+        }
+    <?php echo '</script'; ?>
+>
+
+    <!-- Theme Modal -->
+    <input type="checkbox" id="themeModal" class="modal-toggle">
+    <div class="modal">
+        <div class="modal-box w-11/12 max-w-5xl bg-netflix-dark">
+            <h3 class="font-bold text-lg mb-4 text-white">Change Design</h3>
+            <?php $_smarty_tpl->_assignInScope('daisyThemes', array("light","dark","cupcake","bumblebee","emerald","corporate","synthwave","retro","cyberpunk","valentine","halloween","garden","forest","aqua","lofi","pastel","fantasy","wireframe","black","luxury","dracula","cmyk","autumn","business","acid","lemonade","night","coffee","winter"));?>
+            <div class="grid grid-cols-2 md:grid-cols-5 gap-1 sm:gap-2 md:gap-4">
+                <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['daisyThemes']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                    <div class="col-span-1 border rounded-xl p-1 md:p-2 cursor-pointer bg-base-100" data-theme="<?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+" onclick="setCookie('daisytheme','<?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+');assignTheme('<?php echo cat($_smarty_tpl->tpl_vars['config']->value['title']);?>
+_');">
+                        <div class="grid grid-cols-5 grid-rows-2">
+                            <div class="bg-base-200 col-start-1 row-span-1 row-start-1 rounded-tl-md"></div>
+                            <div class="bg-base-300 col-start-1 row-start-2 rounded-bl-md"></div>
+                            <div class="col-span-4 col-start-2 row-span-2 row-start-1 ml-2">
+                                <span class="font-bold text-white"><?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+</span>
+                                <div class="w-full grid grid-cols-4 gap-1 md:gap-2 mt-1 md:mt-2 text-sm">
+                                    <button class="btn btn-sm btn-primary">A</button>
+                                    <button class="btn btn-sm btn-secondary">A</button>
+                                    <button class="btn btn-sm btn-accent">A</button>
+                                    <button class="btn btn-sm btn-neutral">A</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+                <label for="themeModal" class="mt-4 md:mt-0 btn bg-gray-600 border-gray-600 hover:bg-gray-700 col-span-2 md:col-span-5 text-white">Close</label>
+            </div>
+        </div>
+    </div>
+    <!-- /Theme Modal -->
+
+    <!-- Language Modal -->
+    <input type="checkbox" id="langModal" class="modal-toggle">
+    <div class="modal">
+        <div class="modal-box w-11/12 max-w-5xl bg-netflix-dark">
+            <h3 class="font-bold text-lg mb-4 text-white">Change Language</h3>
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-1 sm:gap-2 md:gap-4">
+                <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['userlangs']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                    <div class="col-span-1 border rounded-xl text-center p-1 md:p-2 cursor-pointer bg-base-100" onclick="setCookie('userlang','<?php echo $_smarty_tpl->tpl_vars['item']->value['code'];?>
+');updateUserLang('<?php echo $_smarty_tpl->tpl_vars['item']->value['code'];?>
+');">
+                        <p class="font-bold text-xl text-white"><?php echo $_smarty_tpl->tpl_vars['item']->value['name'];?>
+</p>
+                        <p class="text-white">
+                            by
+                            <?php if (!empty($_smarty_tpl->tpl_vars['item']->value['website'])) {?>
+                                <a href="<?php echo $_smarty_tpl->tpl_vars['item']->value['website'];?>
+" target="_blank" class="link">
+                                <?php }?>
+                                <?php echo $_smarty_tpl->tpl_vars['item']->value['author'];?>
+
+                                <?php if (!empty($_smarty_tpl->tpl_vars['item']->value['website'])) {?>
+                                </a>
+                            <?php }?>
+                        </p>
+                        <p class="italic text-sm text-white">Updated: <?php echo $_smarty_tpl->tpl_vars['item']->value['updated'];?>
+</p>
+                    </div>
+                <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+                <label for="langModal" class="mt-4 md:mt-0 btn bg-gray-600 border-gray-600 hover:bg-gray-700 col-span-2 md:col-span-4 text-white">Close</label>
+            </div>
+        </div>
+    </div>
+    <!-- /Language Modal -->
+
+    <footer class="footer footer-center p-6 bg-netflix-black text-base-content">
+        <div>
+            <p class="text-white">
+                Copyright © <?php echo date("Y");?>
+ <a href="<?php echo $_smarty_tpl->tpl_vars['config']->value['url'];?>
+" class="link text-red-400"><?php echo $_smarty_tpl->tpl_vars['config']->value['title'];?>
+</a>
+                <span class="hidden md:inline text-white">|</span>
+                <br class="md:hidden">
+                Running <a href="https://github.com/saintly2k/FoOlSlideX" class="link text-red-400" target="_blank">FoOlSlideX</a>
+                <span class="badge badge-info bg-red-600 border-red-600"><?php echo $_smarty_tpl->tpl_vars['version']->value;?>
+</span>
+                <br class="md:hidden">
+                by <a href="https://github.com/saintly2k" class="link text-red-400" target="_blank">Saintly2k</a> and
+                <a href="https://github.com/saintly2k/FoOlSlideX/graphs/contributors" class="link text-red-400" target="_blank">The Gang</a>.
+                <span class="hidden md:inline text-white">|</span>
+                <br class="md:hidden">
+                <label for="themeModal" class="link text-red-400">Change Design</label> or
+                <label for="langModal" class="link text-red-400">Change Language</label>
+            </p>
+        </div>
+    </footer>
+
+    <!--<?php echo '<script'; ?>
+ src="assets/page.js"><?php echo '</script'; ?>
+>-->
+    <?php echo '<script'; ?>
+ src="assets/nucleus/tabs.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/nucleus/tags.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/nucleus/autotheme.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/nucleus/carousel.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/js.cookie.js"><?php echo '</script'; ?>
+>
+    
+    <!-- Netflix Theme Scripts -->
+    <?php echo '<script'; ?>
+ src="assets/netflix/theme.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/netflix/carousel.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/netflix/reader.js"><?php echo '</script'; ?>
+>
+    </body>
+
+    </html>
+<?php }
+}
+}
diff --git a/software/Smarty/compile/7b6d43902ab2883e0a8ec299a9dfb398c7a4ee06_0.file.header.tpl.php b/software/Smarty/compile/7b6d43902ab2883e0a8ec299a9dfb398c7a4ee06_0.file.header.tpl.php
new file mode 100644
index 0000000..f94e5c1
--- /dev/null
+++ b/software/Smarty/compile/7b6d43902ab2883e0a8ec299a9dfb398c7a4ee06_0.file.header.tpl.php
@@ -0,0 +1,84 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-14 18:54:56
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\netflix\parts\header.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689e3100b41747_64636614',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '7b6d43902ab2883e0a8ec299a9dfb398c7a4ee06' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\netflix\\parts\\header.tpl',
+      1 => 1755194048,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+    'file:../parts/menu.tpl' => 1,
+  ),
+),false)) {
+function content_689e3100b41747_64636614 (Smarty_Internal_Template $_smarty_tpl) {
+if (((isset($_smarty_tpl->tpl_vars['rel']->value)) && $_smarty_tpl->tpl_vars['rel']->value != 'tab') || !(isset($_smarty_tpl->tpl_vars['rel']->value))) {?>
+<!DOCTYPE html>
+<html lang="<?php echo $_smarty_tpl->tpl_vars['userlang']->value;?>
+">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><?php echo $_smarty_tpl->tpl_vars['pagetitle']->value;?>
+</title>
+    
+    <!-- Netflix Theme CSS -->
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="assets/netflix/main.css">
+    
+    <!-- Keep existing scripts -->
+    <?php echo '<script'; ?>
+ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/netflix/theme.js"><?php echo '</script'; ?>
+>
+    
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
+    <link rel="manifest" href="assets/favicon/site.webmanifest">
+    
+    <!-- DaisyUI and Tailwind (keeping for compatibility with existing components) -->
+    <link href="https://cdn.jsdelivr.net/npm/daisyui@2.47.0/dist/full.css" rel="stylesheet" type="text/css">
+    <?php echo '<script'; ?>
+ src="https://cdn.tailwindcss.com"><?php echo '</script'; ?>
+>
+    
+    <style>
+        .link {
+            text-decoration-line: underline;
+            text-decoration-style: dotted;
+        }
+
+        .link:hover {
+            text-decoration-style: solid;
+        }
+
+        .auto a {
+            text-decoration-line: underline;
+            text-decoration-style: dotted;
+        }
+
+        .auto a:hover {
+            text-decoration-style: solid;
+        }
+    </style>
+</head>
+
+<body class="bg-netflix-dark text-white min-h-screen">
+    <?php $_smarty_tpl->_subTemplateRender("file:../parts/menu.tpl", $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), 0, false);
+}
+}
+}
diff --git a/software/Smarty/compile/89f3d87d9ba2f5df504575c0d16d281ede9f5db8_0.file.footer.tpl.php b/software/Smarty/compile/89f3d87d9ba2f5df504575c0d16d281ede9f5db8_0.file.footer.tpl.php
new file mode 100644
index 0000000..51ecd39
--- /dev/null
+++ b/software/Smarty/compile/89f3d87d9ba2f5df504575c0d16d281ede9f5db8_0.file.footer.tpl.php
@@ -0,0 +1,404 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-13 18:02:12
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\nucleus\parts\footer.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689cd324888026_07011381',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    '89f3d87d9ba2f5df504575c0d16d281ede9f5db8' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\nucleus\\parts\\footer.tpl',
+      1 => 1754941256,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689cd324888026_07011381 (Smarty_Internal_Template $_smarty_tpl) {
+?></div>
+<!-- Container End -->
+
+<?php if (((isset($_smarty_tpl->tpl_vars['rel']->value)) && $_smarty_tpl->tpl_vars['rel']->value != 'tab') || !(isset($_smarty_tpl->tpl_vars['rel']->value))) {?>
+    <?php if (!$_smarty_tpl->tpl_vars['logged']->value) {?>
+        <input type="checkbox" id="loginModal" class="modal-toggle">
+        <div class="modal modal-bottom sm:modal-middle">
+            <div class="modal-box">
+                <h3 class="font-bold text-2xl text-center mb-4 underline">Login</h3>
+                <form method="POST" name="login" id="loginForm">
+                    <div class="grid grid-cols-1 gap-4">
+                        <input type="text" placeholder="Username" name="username" class="input w-full border border-black">
+                        <input type="password" placeholder="Password" name="password" class="input w-full border border-black">
+                    </div>
+                    <div class=" mt-4">
+                        <button class="btn btn-primary btn-block btn-outline" type="submit">Log me in!</button>
+                    </div>
+                    <div class="mt-4 text-error text-center hidden" id="login-result"></div>
+                    <div class="pt-4 grid grid-cols-2 gap-4">
+                        <label onclick="toggleCheck('loginModal'); toggleCheck('signupModal');" class="btn btn-block">To
+                            Signup</label>
+                        <label for="loginModal" class="btn btn-error">Cancel</label>
+                    </div>
+                </form>
+            </div>
+        </div>
+
+        <input type="checkbox" id="signupModal" class="modal-toggle">
+        <div class="modal modal-bottom sm:modal-middle">
+            <div class="modal-box">
+                <h3 class="font-bold text-2xl text-center mb-4 underline">Signup</h3>
+                <form method="POST" name="signup" id="signupForm">
+                    <div class="grid grid-cols-1 gap-4">
+                        <input type="text" placeholder="Username" name="username" class="input w-full border border-black">
+                        <input type="password" placeholder="Password" name="password" class="input w-full border border-black">
+                        <input type="password" placeholder="Repeat Password" name="password2"
+                            class="input w-full border border-black">
+                        <input type="email" placeholder="Email (for account-activation and recovery)" name="email"
+                            class="input w-full border border-black">
+                        <input type="email" placeholder="Repeat Email" name="email2" class="input w-full border border-black">
+                    </div>
+                    <div class="mt-4">
+                        <button class="btn btn-primary btn-block btn-outline" type="submit">Create my account!</button>
+                    </div>
+                    <div class="mt-2 text-error text-center hidden" id="signup-result"></div>
+                    <div class="pt-4 grid grid-cols-2 gap-4">
+                        <label onclick="toggleCheck('loginModal'); toggleCheck('signupModal');" class="btn btn-block">To
+                            Login</label>
+                        <label for="signupModal" class="btn btn-error">Cancel</label>
+                    </div>
+                </form>
+            </div>
+        </div>
+    <?php } else { ?>
+        <input type="checkbox" id="userSettingsModal" class="modal-toggle">
+        <div class="modal modal-bottom sm:modal-middle">
+            <div class="modal-box">
+                <h3 class="font-bold text-2xl text-center mb-4 underline">User Settings</h3>
+                <form method="POST" name="userSettings" id="userSettingsForm">
+                    <div class="grid grid-cols-1 gap-4">
+                        <input type="text" placeholder="Avatar URL" name="avatar" class="input w-full border border-black"
+                            value="<?php echo $_smarty_tpl->tpl_vars['user']->value['avatar'];?>
+">
+                        <select class="select w-full border border-black" name="theme">
+                            <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['config']->value['themes'], 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                                <option value="<?php echo $_smarty_tpl->tpl_vars['key']->value;?>
+">Theme: <?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+</option>
+                            <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+                        </select>
+                    </div>
+                    <div class="mt-4">
+                        <button class="btn btn-primary btn-block btn-outline" type="submit">Save settings!</button>
+                    </div>
+                    <div class="mt-2 text-center hidden" id="usersettings-result"></div>
+                    <div class="pt-4">
+                        <label for="userSettingsModal" class="btn btn-error btn-block">Close</label>
+                    </div>
+                </form>
+            </div>
+        </div>
+    <?php }?>
+
+    <?php echo '<script'; ?>
+>
+        function toggleCheck(id) {
+            let box = document.getElementById(id);
+            box.checked = !box.checked;
+        }
+
+        <?php if (!$_smarty_tpl->tpl_vars['logged']->value) {?>
+            $("#loginForm").submit(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\login.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            let text = document.getElementById("login-result");
+                            text.classList.remove("hidden");
+                            text.innerHTML = "<b>Error:</b> " + data;
+                        }
+                    }
+                });
+                return false;
+            });
+
+            $("#signupForm").submit(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\signup.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            let text = document.getElementById("signup-result");
+                            text.classList.remove("hidden");
+                            text.innerHTML = "<b>Error:</b> " + data;
+                        }
+                    }
+                });
+                return false;
+            });
+        <?php }?>
+
+        <?php if ($_smarty_tpl->tpl_vars['logged']->value) {?>
+            $("#userSettingsForm").submit(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\settings.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            let text = document.getElementById("usersettings-result");
+                            text.classList.remove("hidden");
+                            text.innerHTML = "<b>Error:</b> " + data;
+                            text.classList.add("text-error");
+                            text.classList.remove("text-success");
+                        }
+                    }
+                });
+                return false;
+            });
+
+            $("#logoutButton").click(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\logout.php",
+                    data: $(this).serialize(),
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            alert("Error: " + data);
+                        }
+                    }
+                });
+                return false;
+            });
+
+            $("#dismissAlert").click(function(e) {
+                e.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\alerts\\dismiss.php",
+                    success: function(data) {
+                        if (data == "success") {
+                            let div = document.getElementById("topAlert");
+                            div.classList.add("hidden");
+                        } else {
+                            alert("Error: " + data);
+                        }
+                    }
+                });
+                return false;
+            });
+        <?php }?>
+
+        function setCookie(name, value) {
+            Cookies.set("<?php echo cat($_smarty_tpl->tpl_vars['config']->value['title']);?>
+_" + name, value, { expires: 999 })
+        }
+
+        function updateUserLang(lang) {
+            <?php if ($_smarty_tpl->tpl_vars['logged']->value) {?>
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\account\\updateLang.php",
+                    data: {
+                        newLang: lang
+                    },
+                    success: function(data) {
+                        if (data == "success") {
+                            location.reload();
+                        } else {
+                            alert("Error: " + data);
+                        }
+                    }
+                });
+            <?php } else { ?>
+                location.reload();
+            <?php }?>
+        }
+
+        function toggleRead(id) {
+            let box = event.srcElement.id;
+            <?php if (!$_smarty_tpl->tpl_vars['logged']->value) {?>
+                alert("Error: Login to use this function!");
+                toggleCheck(box);
+            <?php } else { ?>
+                $.ajax({
+                    type: "POST",
+                    url: "ajax\\chapters\\read.php",
+                    data: {
+                        user: <?php echo $_smarty_tpl->tpl_vars['user']->value['id'];?>
+,
+                        chapter: id
+                    },
+                    success: function(data) {
+                        if (data != "success") {
+                            alert("Error: " + data);
+                            toggleCheck(box);
+                        }
+                    }
+                });
+            <?php }?>
+        }
+    <?php echo '</script'; ?>
+>
+
+    <!-- Theme Modal -->
+    <input type="checkbox" id="themeModal" class="modal-toggle">
+    <div class="modal">
+        <div class="modal-box w-11/12 max-w-5xl">
+            <h3 class="font-bold text-lg mb-4">Change Design</h3>
+            <?php $_smarty_tpl->_assignInScope('daisyThemes', array("light","dark","cupcake","bumblebee","emerald","corporate","synthwave","retro","cyberpunk","valentine","halloween","garden","forest","aqua","lofi","pastel","fantasy","wireframe","black","luxury","dracula","cmyk","autumn","business","acid","lemonade","night","coffee","winter"));?>
+            <div class="grid grid-cols-2 md:grid-cols-5 gap-1 sm:gap-2 md:gap-4">
+                <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['daisyThemes']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                    <div class="col-span-1 border rounded-xl p-1 md:p-2 cursor-pointer bg-base-100" data-theme="<?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+"
+                        onclick="setCookie('daisytheme','<?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+');assignTheme('<?php echo cat($_smarty_tpl->tpl_vars['config']->value['title']);?>
+_');">
+                        <div class="grid grid-cols-5 grid-rows-2">
+                            <div class="bg-base-200 col-start-1 row-span-1 row-start-1 rounded-tl-md"></div>
+                            <div class="bg-base-300 col-start-1 row-start-2 rounded-bl-md"></div>
+                            <div class="col-span-4 col-start-2 row-span-2 row-start-1 ml-2">
+                                <span class="font-bold"><?php echo $_smarty_tpl->tpl_vars['item']->value;?>
+</span>
+                                <div class="w-full grid grid-cols-4 gap-1 md:gap-2 mt-1 md:mt-2 text-sm">
+                                    <button class="btn btn-sm btn-primary">A</button>
+                                    <button class="btn btn-sm btn-secondary">A</button>
+                                    <button class="btn btn-sm btn-accent">A</button>
+                                    <button class="btn btn-sm btn-neutral">A</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+                <label for="themeModal" class="mt-4 md:mt-0 btn col-span-2 md:col-span-5">Close</label>
+            </div>
+        </div>
+    </div>
+    <!-- /Theme Modal -->
+
+    <!-- Language Modal -->
+    <input type="checkbox" id="langModal" class="modal-toggle">
+    <div class="modal">
+        <div class="modal-box w-11/12 max-w-5xl">
+            <h3 class="font-bold text-lg mb-4">Change Language</h3>
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-1 sm:gap-2 md:gap-4">
+                <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['userlangs']->value, 'item', false, 'key', 'name', array (
+));
+$_smarty_tpl->tpl_vars['item']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['key']->value => $_smarty_tpl->tpl_vars['item']->value) {
+$_smarty_tpl->tpl_vars['item']->do_else = false;
+?>
+                    <div class="col-span-1 border rounded-xl text-center p-1 md:p-2 cursor-pointer bg-base-100"
+                        onclick="setCookie('userlang','<?php echo $_smarty_tpl->tpl_vars['item']->value['code'];?>
+');updateUserLang('<?php echo $_smarty_tpl->tpl_vars['item']->value['code'];?>
+');">
+                        <p class="font-bold text-xl"><?php echo $_smarty_tpl->tpl_vars['item']->value['name'];?>
+</p>
+                        <p>
+                            by
+                            <?php if (!empty($_smarty_tpl->tpl_vars['item']->value['website'])) {?>
+                                <a href="<?php echo $_smarty_tpl->tpl_vars['item']->value['website'];?>
+" target="_blank" class="link">
+                                <?php }?>
+                                <?php echo $_smarty_tpl->tpl_vars['item']->value['author'];?>
+
+                                <?php if (!empty($_smarty_tpl->tpl_vars['item']->value['website'])) {?>
+                                </a>
+                            <?php }?>
+                        </p>
+                        <p class="italic text-sm">Updated: <?php echo $_smarty_tpl->tpl_vars['item']->value['updated'];?>
+</p>
+                    </div>
+                <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+                <label for="langModal" class="mt-4 md:mt-0 btn col-span-2 md:col-span-4">Close</label>
+            </div>
+        </div>
+    </div>
+    <!-- /Language Modal -->
+
+    <footer class="footer footer-center p-6 bg-base-300 text-base-content">
+        <div>
+            <p>
+                Copyright © <?php echo date("Y");?>
+ <a href="<?php echo $_smarty_tpl->tpl_vars['config']->value['url'];?>
+" class="link"><?php echo $_smarty_tpl->tpl_vars['config']->value['title'];?>
+</a>
+                <span class="hidden md:inline">|</span>
+                <br class="md:hidden">
+                Running <a href="https://github.com/saintly2k/FoOlSlideX" class="link" target="_blank">FoOlSlideX</a>
+                <span class="badge badge-info"><?php echo $_smarty_tpl->tpl_vars['version']->value;?>
+</span>
+                <br class="md:hidden">
+                by <a href="https://github.com/saintly2k" class="link" target="_blank">Saintly2k</a> and
+                <a href="https://github.com/saintly2k/FoOlSlideX/graphs/contributors" class="link" target="_blank">The
+                    Gang</a>.
+                <span class="hidden md:inline">|</span>
+                <br class="md:hidden">
+                <label for="themeModal" class="link">Change Design</label> or
+                <label for="langModal" class="link">Change Language</label>
+            </p>
+        </div>
+    </footer>
+
+    <!--<?php echo '<script'; ?>
+ src="assets/page.js"><?php echo '</script'; ?>
+>-->
+    <?php echo '<script'; ?>
+ src="assets/nucleus/tabs.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/nucleus/tags.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/nucleus/autotheme.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/nucleus/carousel.js"><?php echo '</script'; ?>
+>
+    <?php echo '<script'; ?>
+ src="assets/js.cookie.js"><?php echo '</script'; ?>
+>
+    </body>
+
+    </html>
+<?php }
+}
+}
diff --git a/software/Smarty/compile/b841130d5fb2fbb8b4d8819239a0162a3c7df32e_0.file.menu.tpl.php b/software/Smarty/compile/b841130d5fb2fbb8b4d8819239a0162a3c7df32e_0.file.menu.tpl.php
new file mode 100644
index 0000000..c7eecf9
--- /dev/null
+++ b/software/Smarty/compile/b841130d5fb2fbb8b4d8819239a0162a3c7df32e_0.file.menu.tpl.php
@@ -0,0 +1,100 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-13 18:02:10
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\nucleus\parts\menu.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689cd322da9bb2_27910351',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    'b841130d5fb2fbb8b4d8819239a0162a3c7df32e' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\nucleus\\parts\\menu.tpl',
+      1 => 1754941256,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+    'file:../parts/alert.tpl' => 1,
+  ),
+),false)) {
+function content_689cd322da9bb2_27910351 (Smarty_Internal_Template $_smarty_tpl) {
+?><input hidden readonly type="text" value="<?php echo $_smarty_tpl->tpl_vars['config']->value['title'];?>
+" id="siteName">
+<input hidden readonly type="text" value="<?php echo $_smarty_tpl->tpl_vars['config']->value['divider'];?>
+" id="siteDivider">
+
+<div class="navbar bg-base-300 text-base-content">
+    <div class="navbar-start">
+        <div class="dropdown">
+            <label tabindex="0" class="btn btn-ghost lg:hidden">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
+                    stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" />
+                </svg>
+            </label>
+            <ul tabindex="0"
+                class="menu menu-compact border dropdown-content mt-3 p-2 shadow-md bg-base-100 rounded-box w-52">
+                <li><a href="index.php" rel="tab" ttl="Home">Home</a></li>
+                <li><a href="releases.php" rel="tab" ttl="Releases - Page 1">Releases</a></li>
+                <li><a href="titles.php" rel="tab" ttl="Titles - Page 1">Titles</a></li>
+                <li><a href="bookmarks.php" rel="tab" ttl="Bookmarks - Reading - Page 1">Bookmarks</a></li>
+                <li><a href="members.php" rel="tab" ttl="Members - Page 1">Members</a></li>
+            </ul>
+        </div>
+        <a href="<?php echo $_smarty_tpl->tpl_vars['config']->value['url'];?>
+" class="btn btn-ghost normal-case text-xl">
+            <?php if (!empty($_smarty_tpl->tpl_vars['logoImage']->value)) {?>
+                <img src="<?php echo $_smarty_tpl->tpl_vars['logoImage']->value;?>
+" alt="Logo" class="h-10">
+            <?php } else { ?>
+                <?php echo $_smarty_tpl->tpl_vars['config']->value['title'];?>
+
+            <?php }?>
+        </a>
+    </div>
+    <div class="navbar-center hidden lg:flex">
+        <ul class="menu menu-horizontal px-1">
+            <li><a href="index.php" rel="tab" ttl="Home">Home</a></li>
+            <li><a href="releases.php" rel="tab" ttl="Releases - Page 1">Releases</a></li>
+            <li><a href="titles.php" rel="tab" ttl="Titles - Page 1">Titles</a></li>
+            <li><a href="bookmarks.php" rel="tab" ttl="Bookmarks - Reading - Page 1">Bookmarks</a></li>
+            <li><a href="members.php" rel="tab" ttl="Members - Page 1">Members</a></li>
+        </ul>
+    </div>
+    <div class="navbar-end">
+        <div class="dropdown dropdown-end">
+            <label tabindex="0" class="btn btn-ghost btn-circle avatar">
+                <div class="w-10 rounded-full">
+                    <img src="<?php if ($_smarty_tpl->tpl_vars['logged']->value) {
+echo $_smarty_tpl->tpl_vars['user']->value['avatar'];
+} else { ?>https://rav.h33t.moe/avatar.php?name=rileinc<?php }?>"
+                        alt="Avatar">
+                </div>
+            </label>
+            <ul tabindex="0"
+                class="mt-3 p-2 shadow-md menu menu-compact dropdown-content bg-base-100 border rounded-box w-52">
+                <?php if ($_smarty_tpl->tpl_vars['logged']->value) {?>
+                    <li><a href="profile.php?id=<?php echo $_smarty_tpl->tpl_vars['user']->value['id'];?>
+" rel="tab"
+                            ttl="Profile of <?php echo $_smarty_tpl->tpl_vars['user']->value['username'];?>
+ - Uploads - Page 1">Profile</a></li>
+                    <li><label for="userSettingsModal">Settings</label></li>
+                    <li><button id="logoutButton">Logout</button></li>
+                <?php } else { ?>
+                    <li><label for="loginModal">Login</label></li>
+                    <li><label for="signupModal">Signup</label></li>
+                <?php }?>
+            </ul>
+        </div>
+    </div>
+</div>
+
+<!-- Container Begin -->
+<div class="container mx-auto my-4 px-2 md:px-0" id="content">
+<?php $_smarty_tpl->_subTemplateRender("file:../parts/alert.tpl", $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), 0, false);
+}
+}
diff --git a/software/Smarty/compile/ca5b60a1bcb639f7e200656803933d86fa26d80b_0.file.404.tpl.php b/software/Smarty/compile/ca5b60a1bcb639f7e200656803933d86fa26d80b_0.file.404.tpl.php
new file mode 100644
index 0000000..3b9ba60
--- /dev/null
+++ b/software/Smarty/compile/ca5b60a1bcb639f7e200656803933d86fa26d80b_0.file.404.tpl.php
@@ -0,0 +1,31 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-14 18:49:03
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\nucleus\pages\404.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689e2f9f3076c2_84144043',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    'ca5b60a1bcb639f7e200656803933d86fa26d80b' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\nucleus\\pages\\404.tpl',
+      1 => 1755192861,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689e2f9f3076c2_84144043 (Smarty_Internal_Template $_smarty_tpl) {
+?><div class="p-4 border shadow-md rounded-xl my-4">
+    <div class="text-center">
+        <h1 class="font-bold text-4xl mb-4">404 - Page Not Found</h1>
+        <p class="text-xl mb-6">Sorry, the page you're looking for doesn't exist.</p>
+        <a href="index.php" class="btn btn-primary">Go Home</a>
+    </div>
+</div><?php }
+}
diff --git a/software/Smarty/compile/cc77098f62797e8f8f401ad12b822723fece3400_0.file.titles.tpl.php b/software/Smarty/compile/cc77098f62797e8f8f401ad12b822723fece3400_0.file.titles.tpl.php
new file mode 100644
index 0000000..02b42a9
--- /dev/null
+++ b/software/Smarty/compile/cc77098f62797e8f8f401ad12b822723fece3400_0.file.titles.tpl.php
@@ -0,0 +1,188 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-14 18:57:46
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\netflix\pages\titles.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689e31aa7fe777_94286455',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    'cc77098f62797e8f8f401ad12b822723fece3400' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\netflix\\pages\\titles.tpl',
+      1 => 1755194934,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689e31aa7fe777_94286455 (Smarty_Internal_Template $_smarty_tpl) {
+$_smarty_tpl->_checkPlugins(array(0=>array('file'=>'C:\\Coding\\MANGAS\\FoOlSlideX\\software\\Smarty\\plugins\\modifier.number_format.php','function'=>'smarty_modifier_number_format',),));
+?>
+<!-- Page Header -->
+<div class="py-8 px-4 sm:px-6 lg:px-8">
+    <h1 class="text-3xl font-bold mb-2">Browse Manga</h1>
+    <p class="text-gray-400">Discover your next favorite series</p>
+</div>
+
+<!-- Search and Filters -->
+<div class="px-4 sm:px-6 lg:px-8 mb-6">
+    <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
+        <div class="flex-1">
+            <form method="GET" action="titles.php" class="relative">
+                <input type="text" name="search" placeholder="Search manga titles..." value="<?php echo $_smarty_tpl->tpl_vars['searchQuery']->value;?>
+" class="w-full px-4 py-2 bg-netflix-gray border border-gray-600 rounded-md text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-red-600">
+                <button type="submit" class="absolute right-2 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-white">
+                    <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+                    </svg>
+                </button>
+            </form>
+        </div>
+        <div class="flex flex-wrap gap-2">
+            <select name="genre" onchange="location = this.value;" class="bg-netflix-gray border border-gray-600 text-white rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-red-600">
+                <option value="titles.php" <?php if (!$_smarty_tpl->tpl_vars['selectedGenre']->value) {?>selected<?php }?>>All Genres</option>
+                <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['genres']->value, 'genre');
+$_smarty_tpl->tpl_vars['genre']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['genre']->value) {
+$_smarty_tpl->tpl_vars['genre']->do_else = false;
+?>
+                <option value="titles.php?genre=<?php echo $_smarty_tpl->tpl_vars['genre']->value['id'];?>
+" <?php if ($_smarty_tpl->tpl_vars['selectedGenre']->value == $_smarty_tpl->tpl_vars['genre']->value['id']) {?>selected<?php }?>><?php echo $_smarty_tpl->tpl_vars['genre']->value['name'];?>
+</option>
+                <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+            </select>
+            <select name="status" onchange="location = this.value;" class="bg-netflix-gray border border-gray-600 text-white rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-red-600">
+                <option value="titles.php" <?php if (!$_smarty_tpl->tpl_vars['selectedStatus']->value) {?>selected<?php }?>>All Status</option>
+                <option value="titles.php?status=ongoing" <?php if ($_smarty_tpl->tpl_vars['selectedStatus']->value == 'ongoing') {?>selected<?php }?>>Ongoing</option>
+                <option value="titles.php?status=completed" <?php if ($_smarty_tpl->tpl_vars['selectedStatus']->value == 'completed') {?>selected<?php }?>>Completed</option>
+                <option value="titles.php?status=hiatus" <?php if ($_smarty_tpl->tpl_vars['selectedStatus']->value == 'hiatus') {?>selected<?php }?>>Hiatus</option>
+            </select>
+            <select name="sort" onchange="location = this.value;" class="bg-netflix-gray border border-gray-600 text-white rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-red-600">
+                <option value="titles.php?sort=latest" <?php if ($_smarty_tpl->tpl_vars['sort']->value == 'latest') {?>selected<?php }?>>Latest Updates</option>
+                <option value="titles.php?sort=popular" <?php if ($_smarty_tpl->tpl_vars['sort']->value == 'popular') {?>selected<?php }?>>Most Popular</option>
+                <option value="titles.php?sort=alphabetical" <?php if ($_smarty_tpl->tpl_vars['sort']->value == 'alphabetical') {?>selected<?php }?>>Alphabetical</option>
+            </select>
+        </div>
+    </div>
+</div>
+
+<!-- Titles Grid -->
+<div class="py-4 px-4 sm:px-6 lg:px-8">
+    <?php if (!empty($_smarty_tpl->tpl_vars['titles']->value)) {?>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-6">
+        <?php
+$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['titles']->value, 'title');
+$_smarty_tpl->tpl_vars['title']->do_else = true;
+if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['title']->value) {
+$_smarty_tpl->tpl_vars['title']->do_else = false;
+?>
+        <div class="group">
+            <div class="relative rounded-md overflow-hidden transition-transform duration-300 group-hover:scale-105">
+                <img src="data/covers/<?php echo $_smarty_tpl->tpl_vars['title']->value['id'];?>
+.png" alt="<?php echo $_smarty_tpl->tpl_vars['title']->value['title'];?>
+" class="w-full h-64 object-cover">
+                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-70 transition-all flex items-center justify-center opacity-0 group-hover:opacity-100">
+                    <button class="text-white bg-red-600 rounded-full p-2 hover:bg-red-700 transition">
+                        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                        </svg>
+                    </button>
+                </div>
+                <div class="absolute top-2 right-2">
+                    <span class="bg-red-600 text-white text-xs px-2 py-1 rounded <?php if ($_smarty_tpl->tpl_vars['title']->value['sstatus'] == 2) {?>bg-green-600<?php } elseif ($_smarty_tpl->tpl_vars['title']->value['sstatus'] == 3) {?>bg-yellow-600<?php } elseif ($_smarty_tpl->tpl_vars['title']->value['sstatus'] == 4) {?>bg-blue-600<?php } elseif ($_smarty_tpl->tpl_vars['title']->value['sstatus'] == 5) {?>bg-gray-600<?php }?>">
+                        <?php if ($_smarty_tpl->tpl_vars['title']->value['sstatus'] == 1) {?>Planned<?php } elseif ($_smarty_tpl->tpl_vars['title']->value['sstatus'] == 2) {?>Ongoing<?php } elseif ($_smarty_tpl->tpl_vars['title']->value['sstatus'] == 3) {?>Hiatus<?php } elseif ($_smarty_tpl->tpl_vars['title']->value['sstatus'] == 4) {?>Completed<?php } elseif ($_smarty_tpl->tpl_vars['title']->value['sstatus'] == 5) {?>Cancelled<?php }?>
+                    </span>
+                </div>
+            </div>
+            <div class="mt-3">
+                <h3 class="font-bold truncate"><?php echo $_smarty_tpl->tpl_vars['title']->value['title'];?>
+</h3>
+                <p class="text-sm text-gray-400 truncate"><?php echo $_smarty_tpl->tpl_vars['title']->value['authors'];?>
+</p>
+                <div class="flex items-center justify-between mt-1">
+                    <span class="text-xs text-gray-500"><?php echo $_smarty_tpl->tpl_vars['title']->value['chapterCount'];?>
+ chapters</span>
+                    <div class="flex items-center">
+                        <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
+                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
+                        </svg>
+                        <span class="text-xs text-gray-500 ml-1"><?php echo smarty_modifier_number_format($_smarty_tpl->tpl_vars['title']->value['rating'],1);?>
+</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <?php
+}
+$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
+    </div>
+    
+    <!-- Pagination -->
+    <?php if ($_smarty_tpl->tpl_vars['totalPages']->value > 1) {?>
+    <div class="flex justify-center mt-8">
+        <div class="join">
+            <?php if ($_smarty_tpl->tpl_vars['currentPage']->value > 1) {?>
+            <a href="titles.php?page=<?php echo $_smarty_tpl->tpl_vars['currentPage']->value-1;
+if ($_smarty_tpl->tpl_vars['searchQuery']->value) {?>&search=<?php echo $_smarty_tpl->tpl_vars['searchQuery']->value;
+}
+if ($_smarty_tpl->tpl_vars['selectedGenre']->value) {?>&genre=<?php echo $_smarty_tpl->tpl_vars['selectedGenre']->value;
+}
+if ($_smarty_tpl->tpl_vars['selectedStatus']->value) {?>&status=<?php echo $_smarty_tpl->tpl_vars['selectedStatus']->value;
+}
+if ($_smarty_tpl->tpl_vars['sort']->value) {?>&sort=<?php echo $_smarty_tpl->tpl_vars['sort']->value;
+}?>" class="join-item btn bg-netflix-gray border-gray-600 hover:bg-gray-700">«</a>
+            <?php }?>
+            
+            <?php
+$_smarty_tpl->tpl_vars['i'] = new Smarty_Variable(null, $_smarty_tpl->isRenderingCache);$_smarty_tpl->tpl_vars['i']->step = 1;$_smarty_tpl->tpl_vars['i']->total = (int) ceil(($_smarty_tpl->tpl_vars['i']->step > 0 ? $_smarty_tpl->tpl_vars['totalPages']->value+1 - (1) : 1-($_smarty_tpl->tpl_vars['totalPages']->value)+1)/abs($_smarty_tpl->tpl_vars['i']->step));
+if ($_smarty_tpl->tpl_vars['i']->total > 0) {
+for ($_smarty_tpl->tpl_vars['i']->value = 1, $_smarty_tpl->tpl_vars['i']->iteration = 1;$_smarty_tpl->tpl_vars['i']->iteration <= $_smarty_tpl->tpl_vars['i']->total;$_smarty_tpl->tpl_vars['i']->value += $_smarty_tpl->tpl_vars['i']->step, $_smarty_tpl->tpl_vars['i']->iteration++) {
+$_smarty_tpl->tpl_vars['i']->first = $_smarty_tpl->tpl_vars['i']->iteration === 1;$_smarty_tpl->tpl_vars['i']->last = $_smarty_tpl->tpl_vars['i']->iteration === $_smarty_tpl->tpl_vars['i']->total;?>
+                <?php if ($_smarty_tpl->tpl_vars['i']->value == $_smarty_tpl->tpl_vars['currentPage']->value) {?>
+                <button class="join-item btn bg-red-600 border-red-600 hover:bg-red-700"><?php echo $_smarty_tpl->tpl_vars['i']->value;?>
+</button>
+                <?php } else { ?>
+                <a href="titles.php?page=<?php echo $_smarty_tpl->tpl_vars['i']->value;
+if ($_smarty_tpl->tpl_vars['searchQuery']->value) {?>&search=<?php echo $_smarty_tpl->tpl_vars['searchQuery']->value;
+}
+if ($_smarty_tpl->tpl_vars['selectedGenre']->value) {?>&genre=<?php echo $_smarty_tpl->tpl_vars['selectedGenre']->value;
+}
+if ($_smarty_tpl->tpl_vars['selectedStatus']->value) {?>&status=<?php echo $_smarty_tpl->tpl_vars['selectedStatus']->value;
+}
+if ($_smarty_tpl->tpl_vars['sort']->value) {?>&sort=<?php echo $_smarty_tpl->tpl_vars['sort']->value;
+}?>" class="join-item btn bg-netflix-gray border-gray-600 hover:bg-gray-700"><?php echo $_smarty_tpl->tpl_vars['i']->value;?>
+</a>
+                <?php }?>
+            <?php }
+}
+?>
+            
+            <?php if ($_smarty_tpl->tpl_vars['currentPage']->value < $_smarty_tpl->tpl_vars['totalPages']->value) {?>
+            <a href="titles.php?page=<?php echo $_smarty_tpl->tpl_vars['currentPage']->value+1;
+if ($_smarty_tpl->tpl_vars['searchQuery']->value) {?>&search=<?php echo $_smarty_tpl->tpl_vars['searchQuery']->value;
+}
+if ($_smarty_tpl->tpl_vars['selectedGenre']->value) {?>&genre=<?php echo $_smarty_tpl->tpl_vars['selectedGenre']->value;
+}
+if ($_smarty_tpl->tpl_vars['selectedStatus']->value) {?>&status=<?php echo $_smarty_tpl->tpl_vars['selectedStatus']->value;
+}
+if ($_smarty_tpl->tpl_vars['sort']->value) {?>&sort=<?php echo $_smarty_tpl->tpl_vars['sort']->value;
+}?>" class="join-item btn bg-netflix-gray border-gray-600 hover:bg-gray-700">»</a>
+            <?php }?>
+        </div>
+    </div>
+    <?php }?>
+    <?php } else { ?>
+    <div class="text-center py-12">
+        <p class="text-gray-400 text-lg">No titles found matching your criteria.</p>
+    </div>
+    <?php }?>
+</div><?php }
+}
diff --git a/software/Smarty/compile/f7858bc73069af01acefb51b5e48e5faecb123b3_0.file.alert.tpl.php b/software/Smarty/compile/f7858bc73069af01acefb51b5e48e5faecb123b3_0.file.alert.tpl.php
new file mode 100644
index 0000000..de05961
--- /dev/null
+++ b/software/Smarty/compile/f7858bc73069af01acefb51b5e48e5faecb123b3_0.file.alert.tpl.php
@@ -0,0 +1,70 @@
+<?php
+/* Smarty version 4.3.0, created on 2025-08-13 18:02:11
+  from 'C:\Coding\MANGAS\FoOlSlideX\library\themes\nucleus\parts\alert.tpl' */
+
+/* @var Smarty_Internal_Template $_smarty_tpl */
+if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
+  'version' => '4.3.0',
+  'unifunc' => 'content_689cd3232e0983_25870519',
+  'has_nocache_code' => false,
+  'file_dependency' => 
+  array (
+    'f7858bc73069af01acefb51b5e48e5faecb123b3' => 
+    array (
+      0 => 'C:\\Coding\\MANGAS\\FoOlSlideX\\library\\themes\\nucleus\\parts\\alert.tpl',
+      1 => 1754941256,
+      2 => 'file',
+    ),
+  ),
+  'includes' => 
+  array (
+  ),
+),false)) {
+function content_689cd3232e0983_25870519 (Smarty_Internal_Template $_smarty_tpl) {
+if (!empty($_smarty_tpl->tpl_vars['topAlert']->value) && !$_smarty_tpl->tpl_vars['readAlert']->value) {?>
+    <div class="alert alert-<?php echo $_smarty_tpl->tpl_vars['topAlert']->value['type'];?>
+ shadow-md" id="topAlert">
+        <div>
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                class="stroke-current flex-shrink-0 w-6 h-6">
+                <?php if ($_smarty_tpl->tpl_vars['topAlert']->value['type'] == "info") {?>
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                <?php } elseif ($_smarty_tpl->tpl_vars['topAlert']->value['type'] == "success") {?>
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                <?php } elseif ($_smarty_tpl->tpl_vars['topAlert']->value['type'] == "warning") {?>
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+                <?php } else { ?>
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                <?php }?>
+            </svg>
+            <span><b><?php echo ucfirst($_smarty_tpl->tpl_vars['topAlert']->value['type']);?>
+:</b> <?php echo $_smarty_tpl->tpl_vars['topAlert']->value['content'];?>
+</span>
+        </div>
+        <?php if ($_smarty_tpl->tpl_vars['logged']->value) {?>
+            <div class="flex-none m-0 p-0">
+                <button class="btn btn-sm m-0 mikuLink" id="dismissAlert">Dismiss</button>
+            </div>
+        <?php }?>
+    </div>
+<?php }?>
+
+<?php if ($_smarty_tpl->tpl_vars['logged']->value && $_smarty_tpl->tpl_vars['user']->value['level'] == 49) {?>
+    <div class="alert alert-info shadow-md" id="topAlert">
+        <div>
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                class="stroke-current flex-shrink-0 w-6 h-6">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                    d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+            </svg>
+            <span><b>Info:</b> Activate your account through the Email we sent you to use all functions of <?php echo $_smarty_tpl->tpl_vars['config']->value['title'];?>
+!</span>
+        </div>
+    </div>
+<?php }
+}
+}
diff --git a/software/Smarty/sysplugins/smarty_internal_data.php b/software/Smarty/sysplugins/smarty_internal_data.php
index 1b64185..c7ce615 100644
--- a/software/Smarty/sysplugins/smarty_internal_data.php
+++ b/software/Smarty/sysplugins/smarty_internal_data.php
@@ -190,7 +190,7 @@ public function assignByRef($tpl_var, &$value, $nocache = false)
      *
      * @return mixed variable value or or array of variables
      */
-    public function getTemplateVars($varName = null, Smarty_Internal_Data $_ptr = null, $searchParents = true)
+    public function getTemplateVars($varName = null, ?Smarty_Internal_Data $_ptr = null, $searchParents = true)
     {
         return $this->ext->getTemplateVars->getTemplateVars($this, $varName, $_ptr, $searchParents);
     }
@@ -200,7 +200,7 @@ public function getTemplateVars($varName = null, Smarty_Internal_Data $_ptr = nu
      *
      * @param \Smarty_Internal_Data|null $data
      */
-    public function _mergeVars(Smarty_Internal_Data $data = null)
+    public function _mergeVars(?Smarty_Internal_Data $data = null)
     {
         if (isset($data)) {
             if (!empty($this->tpl_vars)) {
diff --git a/software/Smarty/sysplugins/smarty_internal_method_gettemplatevars.php b/software/Smarty/sysplugins/smarty_internal_method_gettemplatevars.php
index 0470785..71fc6c3 100644
--- a/software/Smarty/sysplugins/smarty_internal_method_gettemplatevars.php
+++ b/software/Smarty/sysplugins/smarty_internal_method_gettemplatevars.php
@@ -34,7 +34,7 @@ class Smarty_Internal_Method_GetTemplateVars
     public function getTemplateVars(
         Smarty_Internal_Data $data,
         $varName = null,
-        Smarty_Internal_Data $_ptr = null,
+        ?Smarty_Internal_Data $_ptr = null,
         $searchParents = true
     ) {
         if (isset($varName)) {
@@ -87,7 +87,7 @@ public function getTemplateVars(
     public function _getVariable(
         Smarty_Internal_Data $data,
         $varName,
-        Smarty_Internal_Data $_ptr = null,
+        ?Smarty_Internal_Data $_ptr = null,
         $searchParents = true,
         $errorEnable = true
     ) {
diff --git a/software/Smarty/sysplugins/smarty_internal_resource_file.php b/software/Smarty/sysplugins/smarty_internal_resource_file.php
index ae20606..2d7367f 100644
--- a/software/Smarty/sysplugins/smarty_internal_resource_file.php
+++ b/software/Smarty/sysplugins/smarty_internal_resource_file.php
@@ -25,7 +25,7 @@ class Smarty_Internal_Resource_File extends Smarty_Resource
      *
      * @throws \SmartyException
      */
-    public function populate(Smarty_Template_Source $source, Smarty_Internal_Template $_template = null)
+    public function populate(Smarty_Template_Source $source, ?Smarty_Internal_Template $_template = null)
     {
         $source->filepath = $this->buildFilepath($source, $_template);
         if ($source->filepath !== false) {
@@ -98,7 +98,7 @@ public function getBasename(Smarty_Template_Source $source)
      * @return string fully qualified filepath
      * @throws SmartyException
      */
-    protected function buildFilepath(Smarty_Template_Source $source, Smarty_Internal_Template $_template = null)
+    protected function buildFilepath(Smarty_Template_Source $source, ?Smarty_Internal_Template $_template = null)
     {
         $file = $source->name;
         // absolute file ?
diff --git a/software/Smarty/sysplugins/smarty_internal_runtime_codeframe.php b/software/Smarty/sysplugins/smarty_internal_runtime_codeframe.php
index d0ca751..74bde2d 100644
--- a/software/Smarty/sysplugins/smarty_internal_runtime_codeframe.php
+++ b/software/Smarty/sysplugins/smarty_internal_runtime_codeframe.php
@@ -30,7 +30,7 @@ public function create(
         $content = '',
         $functions = '',
         $cache = false,
-        Smarty_Internal_TemplateCompilerBase $compiler = null
+        ?Smarty_Internal_TemplateCompilerBase $compiler = null
     ) {
         // build property code
         $properties[ 'version' ] = Smarty::SMARTY_VERSION;
diff --git a/software/Smarty/sysplugins/smarty_internal_template.php b/software/Smarty/sysplugins/smarty_internal_template.php
index 72d1d52..93731a5 100644
--- a/software/Smarty/sysplugins/smarty_internal_template.php
+++ b/software/Smarty/sysplugins/smarty_internal_template.php
@@ -149,7 +149,7 @@ class Smarty_Internal_Template extends Smarty_Internal_TemplateBase
     public function __construct(
         $template_resource,
         Smarty $smarty,
-        Smarty_Internal_Data $_parent = null,
+        ?Smarty_Internal_Data $_parent = null,
         $_cache_id = null,
         $_compile_id = null,
         $_caching = null,
diff --git a/software/Smarty/sysplugins/smarty_internal_templatecompilerbase.php b/software/Smarty/sysplugins/smarty_internal_templatecompilerbase.php
index d5c18d3..312194e 100644
--- a/software/Smarty/sysplugins/smarty_internal_templatecompilerbase.php
+++ b/software/Smarty/sysplugins/smarty_internal_templatecompilerbase.php
@@ -386,7 +386,7 @@ public function __construct(Smarty $smarty)
     public function compileTemplate(
         Smarty_Internal_Template $template,
         $nocache = null,
-        Smarty_Internal_TemplateCompilerBase $parent_compiler = null
+        ?Smarty_Internal_TemplateCompilerBase $parent_compiler = null
     ) {
         // get code frame of compiled template
         $_compiled_code = $template->smarty->ext->_codeFrame->create(
@@ -417,7 +417,7 @@ public function compileTemplate(
     public function compileTemplateSource(
         Smarty_Internal_Template $template,
         $nocache = null,
-        Smarty_Internal_TemplateCompilerBase $parent_compiler = null
+        ?Smarty_Internal_TemplateCompilerBase $parent_compiler = null
     ) {
         try {
             // save template object in compiler class
diff --git a/software/Smarty/sysplugins/smarty_resource.php b/software/Smarty/sysplugins/smarty_resource.php
index 3c43a9f..f0391f5 100644
--- a/software/Smarty/sysplugins/smarty_resource.php
+++ b/software/Smarty/sysplugins/smarty_resource.php
@@ -173,8 +173,8 @@ public static function getUniqueTemplateName($obj, $template_resource)
      * @throws \SmartyException
      */
     public static function source(
-        Smarty_Internal_Template $_template = null,
-        Smarty $smarty = null,
+        ?Smarty_Internal_Template $_template = null,
+        ?Smarty $smarty = null,
         $template_resource = null
     ) {
         return Smarty_Template_Source::load($_template, $smarty, $template_resource);
@@ -196,7 +196,7 @@ abstract public function getContent(Smarty_Template_Source $source);
      * @param Smarty_Template_Source   $source    source object
      * @param Smarty_Internal_Template $_template template object
      */
-    abstract public function populate(Smarty_Template_Source $source, Smarty_Internal_Template $_template = null);
+    abstract public function populate(Smarty_Template_Source $source, ?Smarty_Internal_Template $_template = null);
 
     /**
      * populate Source Object with timestamp and exists from Resource
diff --git a/software/Smarty/sysplugins/smarty_template_source.php b/software/Smarty/sysplugins/smarty_template_source.php
index 16b47f2..8627f58 100644
--- a/software/Smarty/sysplugins/smarty_template_source.php
+++ b/software/Smarty/sysplugins/smarty_template_source.php
@@ -156,8 +156,8 @@ public function __construct(Smarty $smarty, $resource, $type, $name)
      * @throws SmartyException
      */
     public static function load(
-        Smarty_Internal_Template $_template = null,
-        Smarty $smarty = null,
+        ?Smarty_Internal_Template $_template = null,
+        ?Smarty $smarty = null,
         $template_resource = null
     ) {
         if ($_template) {
diff --git a/test_admin.php b/test_admin.php
new file mode 100644
index 0000000..9e878b2
--- /dev/null
+++ b/test_admin.php
@@ -0,0 +1,57 @@
+<?php
+
+require "autoload.php";
+
+// Simulate a logged in admin user
+$token = "60b18772bb5c37a8af64f1aeee2b43ff"; // The token from our login
+$session = $db["sessions"]->findOneBy(["token", "=", $token]);
+if (!empty($session)) {
+    $user = $db["users"]->findOneBy(["id", "=", $session["user"]]);
+    $logged = true;
+    
+    echo "User logged in: " . $user["username"] . "\n";
+    echo "User level: " . $user["level"] . "\n";
+    
+    // Test admin functionality - check if user can add titles (requires level 75+)
+    if ($user["level"] >= 75) {
+        echo "User has permission to add/edit titles and chapters!\n";
+        
+        // Test creating a sample title
+        $data = array(
+            "title" => "Test Manga",
+            "alts" => "Test Manga Alternative Title",
+            "authors" => "Test Author",
+            "artists" => "Test Artist",
+            "lang" => "en",
+            "status" => 2,
+            "sstatus" => 2,
+            "releaseYear" => "2023",
+            "completionYear" => "2023",
+            "summary" => "This is a test manga for verifying admin functionality.",
+            "tags" => array(
+                "formats" => array("manga"),
+                "warnings" => array("none"),
+                "themes" => array("action"),
+                "genres" => array("adventure")
+            ),
+            "creator" => $user["id"],
+            "lastEdited" => now(),
+            "timestamp" => now()
+        );
+        
+        // Check if title already exists
+        $existing = $db["titles"]->findOneBy(["title", "=", "Test Manga"]);
+        if (empty($existing)) {
+            $db["titles"]->insert($data);
+            echo "Test title created successfully!\n";
+        } else {
+            echo "Test title already exists.\n";
+        }
+        
+        echo "Admin functionality verified successfully!\n";
+    } else {
+        echo "User does not have sufficient permissions.\n";
+    }
+} else {
+    echo "Invalid session token.\n";
+}
\ No newline at end of file