OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	06/17/2025 10:17:24 AM	rwxrwxr-x
📄 compose.php	590 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 composer.json	126 bytes	04/09/2025 03:44:12 AM	rw-r--r--
📄 composer.lock	6.06 KB	04/09/2025 03:44:13 AM	rw-r--r--
📄 config.php	430 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 fetch_emails.php	235 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 himanhsu_receive_email.php	1.58 KB	05/19/2025 10:07:16 AM	rw-r--r--
📁 images	-	04/09/2025 03:44:18 AM	rwxr-xr-x
📄 inbox.js	665 bytes	04/09/2025 03:44:14 AM	rw-r--r--
📄 inbox.php	933 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 index.html	7.62 KB	04/09/2025 03:44:14 AM	rw-r--r--
📄 index.php	6.61 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 index1.php	1.13 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 read_email.php	1.2 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 receiveEmail.php	3.46 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 send_email.php	1.29 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 sent.php	1.24 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 ses-email-receiver.php	751 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 simple-log.txt	11.58 KB	04/09/2025 11:28:14 AM	rw-r--r--
📄 sns-log.txt	26.4 MB	06/18/2025 11:30:05 AM	rw-r--r--
📄 styles.css	1.54 KB	04/09/2025 03:44:16 AM	rw-r--r--
📄 test_parser.php	272 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📁 vendor	-	05/19/2025 10:07:16 AM	rwxr-xr-x
📄 view_email.php	471 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 working_send_email.php	1.29 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 zsns-log.txt	14.15 KB	04/09/2025 04:34:35 AM	rw-r--r--
📄 zzreceiveEmail.php	1.38 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 zzsns-log.txt	202.09 KB	04/09/2025 10:51:46 AM	rw-r--r--

Editing: index.php

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Knobly Mail - Gmail Clone</title>
    <link rel="stylesheet" href="styles.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }

.container {
            display: flex;
            height: 100vh;
        }

.sidebar {
            width: 250px;
            background: #f1f1f1;
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

.submenu {
            width: 200px;
            background: #fff;
            padding: 10px;
            display: none;
        }

.sidebar ul,
        .submenu ul {
            list-style: none;
        }

.sidebar ul li,
        .submenu ul li {
            padding: 10px;
            cursor: pointer;
        }

.submenu ul li a {
            text-decoration: none;
            color: black;
            display: block;
        }

.sidebar ul li:hover,
        .submenu ul li:hover {
            background: #ddd;
        }

.compose-btn {
            padding: 10px;
            margin-bottom: 10px;
            background: #ff5722;
            color: white;
            border: none;
            cursor: pointer;
        }

.content {
            flex: 1;
            padding: 20px;
        }

.compose-modal {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        }

.compose-box {
            width: 400px;
        }

.compose-header {
            display: flex;
            justify-content: space-between;
            padding-bottom: 10px;
            border-bottom: 1px solid #ddd;
        }

.rich-text-editor {
            width: 100%;
            height: 150px;
            border: 1px solid #ccc;
            padding: 10px;
            overflow-y: auto;
        }

.compose-toolbar button {
            background: none;
            border: none;
            font-size: 16px;
            cursor: pointer;
            margin-right: 5px;
        }

@media (max-width: 768px) {
            .container {
                flex-direction: column;
            }

.sidebar {
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: space-around;
            }

.submenu {
                width: 100%;
            }

.compose-box {
                width: 90%;
            }
        }
    </style>

function openCompose() {
            document.getElementById('composeModal').style.display = 'block';
        }

function closeCompose() {
            document.getElementById('composeModal').style.display = 'none';
        }

function formatText(command) {
            document.execCommand(command, false, null);
        }

function insertImage() {
            let url = prompt("Enter image URL:");
            if (url) {
                document.execCommand('insertImage', false, url);
            }
        }

function prepareEmailBody() {
            document.getElementById('hiddenBody').value = document.getElementById('editor').innerHTML;
        }
    </script>
    <script defer src="script.js"></script>
</head>

<body>
    <div class="container">
        <aside class="sidebar">
            <button class="compose-btn" onclick="openCompose()">+ Compose</button>
            <ul>
                <li onclick="toggleSubmenu('mail-menu')">📧 Mail</li>
                <li>💬 Chat</li>
                <li>📅 Meet</li>
            </ul>
        </aside>

<aside class="submenu" id="mail-menu">
            <ul>
                <li><a href="inbox.php">📥 Inbox</a></li>
                <li><a href="bookmarks.php">🔖 Bookmarks</a></li>
                <li><a href="sent.php">📤 Sent</a></li>
                <li><a href="spam.php">🚫 Spam</a></li>
                <li><a href="bounce.php">❌ Bounce</a></li>
                <li><a href="clicked.php">👁️ Clicked</a></li>
                <li><a href="opened.php">📬 Opened</a></li>
                <li><a href="not-opened.php">📭 Not Opened</a></li>
                <li><a href="trash.php">🗑️ Trash</a></li>
                <li><a href="schedule.php">📅 Schedule</a></li>
            </ul>
        </aside>

<main class="content">
            <h1>Welcome to Knobly Mail</h1>
            <p>Select an option from the sidebar.</p>
        </main>
    </div>

<div class="compose-modal" id="composeModal">
        <div class="compose-box">
            <div class="compose-header">
                <span>New Message</span>
                <button onclick="closeCompose()">✖</button>
            </div>
            <form action="send_email.php" method="POST" enctype="multipart/form-data">
                <input type="email" name="receiver" placeholder="To" required>
                <input type="email" name="cc" placeholder="CC">
                <input type="email" name="bcc" placeholder="BCC">
                <input type="text" name="subject" placeholder="Subject">
                <div class="rich-text-editor" contenteditable="true" id="editor"></div>
                <textarea name="body" id="hiddenBody" style="display:none;"></textarea>
                <div class="compose-toolbar">
                    <button type="button" onclick="formatText('bold')"><b>B</b></button>
                    <button type="button" onclick="formatText('italic')"><i>I</i></button>
                    <button type="button" onclick="formatText('underline')"><u>U</u></button>
                    <button type="button" onclick="insertImage()">📷</button>
                    <input type="file" name="attachment">
                </div>
                <button type="submit" onclick="prepareEmailBody()">Send</button>
            </form>
        </div>
    </div>

</body>

</html>