OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	05/09/2025 11:18:49 AM	rwxr-xr-x
📄 about.html	3.7 KB	01/21/2025 10:39:11 AM	rw-r--r--
📄 account.php	48.89 KB	01/21/2025 10:39:12 AM	rw-r--r--
📄 activate.php	2.58 KB	01/21/2025 10:39:12 AM	rw-r--r--
📁 assets	-	01/21/2025 10:39:59 AM	rwxr-xr-x
📄 contact.html	3.43 KB	01/21/2025 10:39:12 AM	rw-r--r--
📄 create.php	42.17 KB	01/21/2025 10:39:15 AM	rw-r--r--
📄 creator.php	8.56 KB	01/21/2025 10:39:15 AM	rw-r--r--
📁 genai	-	01/21/2025 10:39:32 AM	rwxr-xr-x
📁 inc	-	01/21/2025 10:39:38 AM	rwxr-xr-x
📄 index.php	3.78 KB	01/21/2025 10:39:16 AM	rw-r--r--
📄 logInCheck.php	4.75 KB	01/21/2025 10:39:16 AM	rw-r--r--
📄 more.php	9.62 KB	01/21/2025 10:39:17 AM	rw-r--r--
📄 privacy.html	12.52 KB	01/21/2025 10:39:17 AM	rw-r--r--
📄 refund.html	9.15 KB	01/21/2025 10:39:19 AM	rw-r--r--
📄 request_article.php	21.9 KB	01/21/2025 10:39:21 AM	rw-r--r--
📄 reset.html	5.09 KB	01/21/2025 10:39:19 AM	rw-r--r--
📄 sign-in.php	28.81 KB	01/21/2025 10:39:22 AM	rw-r--r--
📄 signInProcess.php	11.1 KB	01/21/2025 10:39:22 AM	rw-r--r--
📄 usage.html	38.19 KB	01/21/2025 10:39:25 AM	rw-r--r--
📁 videoAI	-	01/21/2025 10:39:44 AM	rwxr-xr-x
📄 view.php	13.63 KB	01/21/2025 10:39:25 AM	rw-r--r--

Editing: creator.php

<? require_once './assets/php/validate.logged.php';
include './assets/php/function.php';
include './inc/config.php';
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Knobly Cream: Create &bull; Reach &bull; Measure</title>

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="assets/js/script.js">
    <link rel="stylesheet" href="assets/css/styles.css">

<style>
        /* Navbar brand */
        .navbar-brand {
            font-weight: 700;
            font-size: 1.5rem;
            color: #e50914 !important;
            /* Netflix Red */
        }

/* Navbar links */
        .navbar-nav .nav-link {
            color: #bbb !important;
            transition: color 0.3s;
        }

.navbar-nav .nav-link:hover {
            color: #fff !important;
        }

.navbar {
            background-color: #141414;
        }

/* Container Padding */
        .container-fluid {

padding: 0 2%;
            max-width: 1400px;
            margin: 0 auto;

}

/* Category Section */
        .category {
            margin-bottom: 2rem;
        }

.category-title {
            margin-bottom: 2rem;
            font-size: 1.75rem;
            font-weight: 700;
            /* color: #fff; */
            text-align: center;
        }

/* Scrollable Row */
        .scroll-row {
            display: flex;
            overflow-x: auto;
            padding-bottom: 1rem;
            scroll-behavior: smooth;
        }

.scroll-row::-webkit-scrollbar {
            height: 8px;
        }

.scroll-row::-webkit-scrollbar-thumb {
            background-color: #555;
            border-radius: 4px;
        }

.scroll-row::-webkit-scrollbar-track {
            background-color: #222;
        }

.scroll-row {
            display: flex;
            justify-content: center;
            flex-wrap: nowrap;
            overflow-x: auto;
            gap: 4px;
            padding-bottom: 10px;
        }

.item-card {
            flex: 0 0 auto;
            /* Prevent flex items from shrinking */
            max-width: 200px;
            min-width: 200px;
            margin-right: 0.5rem;
            background-color: #1c1c1c !important;
            border: none;
            border-radius: 8px;
            transition: transform 0.3s, box-shadow 0.3s;
            cursor: pointer;
        }

/* Card Styles */
        .item-card:last-child {
            margin-right: 0;
        }

.item-card:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
            z-index: 2;
        }

.item-card img {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            height: 120px;
            object-fit: cover;
        }

.item-card .card-body {
            padding: 0.5rem 1rem;
        }

.item-card .card-title {
            font-size: 1rem;
            margin-bottom: 0.5rem;
            color: #fff;
            text-align: center;
        }

.card-para {
            color: #fff !important;
        }

.morewithlike button::after {
            border-color: pink;
            /* Ensure no outline when focused */
            border: none;
            outline: none;

}

.modal-title {
            max-width: 88%;
        }

/* Responsive Adjustments */
        @media (max-width: 992px) {
            .item-card {
                min-width: 180px;
            }

.category-title {
                font-size: 1.5rem;
            }
        }

@media (max-width: 768px) {
            .item-card {
                min-width: 160px;
            }

.category-title {
                font-size: 1.25rem;
            }

.action-card .card-title {
                font-size: 1.1rem;
            }

.action-card .btn {
                font-size: 0.95rem;
            }

}

@media (max-width: 576px) {
            .navbar-brand {
                font-size: 1.25rem;
            }

.nav-link {
                /* margin-left: 0.5rem; */
                font-size: 0.9rem;
                padding: .5rem 0rem;
            }

.item-card {
                max-width: 140px;
            }

.category-title {
                font-size: 1rem;
            }

.action-card .card-title {
                font-size: 1rem;
            }

.action-card .btn {
                font-size: 0.9rem;
            }

.scroll-row {
                display: flex;
                min-width: 120px !important;
                justify-content: center;
                flex-wrap: wrap;
                overflow-x: auto;
                gap: 8px;
                padding-bottom: 10px;
            }

.item-card {
                flex: 0 0 auto;
                /* Prevent flex items from shrinking */
                /* max-width: 200px; */
                min-width: 120px !important;
                margin-right: 0px;
                background-color: #1c1c1c !important;
                border: none;
                border-radius: 8px;
                transition: transform 0.3s, box-shadow 0.3s;
                cursor: pointer;
            }
        }
    </style>
</head>

<?php include 'assets/php/navbar.php' ?>
<? include 'assets/php/go_backbar.php' ?>

<div class="container-fluid" style="padding-top: 2rem; padding-bottom: 4rem;">
    
    <div class="category">
        <h2 class="category-title">Create & Innovate</h2>
        <div class="scroll-row">

<div class="card item-card">
                <a href="create.php">
                    <img src="assets/img/editor.jpg" class="card-img-top" alt="TOI Logo">
                    <div class="card-body">
                        <h5 class="card-title py-2">Editor</h5>
                        
                    </div>
                </a>
            </div>

<div class="card item-card">
                <a href="./genai/genai.php">
                    <img src="assets/img/genAI.jpg" class="card-img-top" alt="Deccan Herald Logo">
                    <div class="card-body">
                        <h5 class="card-title py-2">Buddy</h5>
                        
                    </div>
                </a>
            </div>

<div class="card item-card">
                <a href="./request_article.php">
                    <img src="assets/img/equest_article.jpg" class="card-img-top" alt="The Hindu Logo">
                    <div class="card-body">
                        <h5 class="card-title py-2">GenAi Creator</h5>
                        
                    </div>
                </a>
            </div>
            <div class="card item-card">
                <a href="videoAI/index.php">
                    <img src="assets/img/video.jpg" class="card-img-top" alt="The Hindu Logo">
                    <div class="card-body">
                        <h5 class="card-title py-2">Create Video </h5>
                        
                    </div>
                </a>
            </div>

</div>
    </div>
</div>

</html>