OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	05/09/2025 11:18:49 AM	rwxr-xr-x
📄 .htaccess	860 bytes	03/26/2025 03:47:46 AM	rw-r--r--
📁 .vscode	-	03/26/2025 03:47:57 AM	rwxr-xr-x
📁 CreateLeadPage	-	03/26/2025 04:16:47 AM	rwxr-xr-x
📄 ImageMagick-7.1.1-45-Q16-HDRI-x64-dll.exe	22.2 MB	03/26/2025 03:47:54 AM	rw-r--r--
📁 Xpress	-	03/26/2025 04:21:24 AM	rwxr-xr-x
📄 XpressPage.php	47.13 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 about.html	3.26 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 account.php	47.77 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 activate.php	2.19 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 add_channel.php	9.7 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 add_to_channel.php	980 bytes	03/26/2025 03:47:46 AM	rw-r--r--
📁 admin	-	03/26/2025 04:16:40 AM	rwxr-xr-x
📄 analytics.php	37.71 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 assets	-	03/26/2025 04:16:41 AM	rwxr-xr-x
📁 audio	-	03/26/2025 03:48:03 AM	rwxr-xr-x
📄 businessLp.php	46.33 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 bussLp.php	57.87 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 card-news.php	6.2 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 channel.php	36.21 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 chattest.php	8.66 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 clients	-	03/26/2025 03:48:03 AM	rwxr-xr-x
📄 collections.php	94.62 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 comments.php	1.67 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 composer.json	65 bytes	03/26/2025 03:47:46 AM	rw-r--r--
📄 composer.lock	4.03 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 contact.html	3.01 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 cookie.php	750 bytes	03/26/2025 03:47:46 AM	rw-r--r--
📄 copytest.html	4.04 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 creamAdmin	-	03/26/2025 04:07:42 AM	rwxr-xr-x
📄 cream_dashboard.php	25.87 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 creamapi	-	03/26/2025 03:48:04 AM	rwxr-xr-x
📄 create.php	42.93 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 created_magazine.html	11.96 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 dashboard.php	55.52 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 data	-	03/26/2025 04:16:48 AM	rwxr-xr-x
📄 down.html	829 bytes	03/26/2025 03:47:46 AM	rw-r--r--
📁 education-podcasts	-	03/31/2025 06:36:42 AM	rwxr-xr-x
📁 featured_channels	-	03/26/2025 03:48:04 AM	rwxr-xr-x
📄 featured_channels.php	32.48 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 featured_topics.php	26.59 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 fetch_articles.php	1.83 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 fetch_liked_users.php	1.55 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 filter.php	4.91 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 follow_action.php	1.75 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 follow_dash.php	33.76 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 form-builder	-	03/26/2025 03:48:04 AM	rwxr-xr-x
📄 function.php	20.61 KB	03/26/2025 03:47:47 AM	rw-r--r--
📁 genai	-	03/26/2025 04:20:06 AM	rwxr-xr-x
📄 generated_article.php	11.86 KB	03/26/2025 03:47:47 AM	rw-r--r--
📄 get_recent_items.php	1.37 KB	03/26/2025 03:47:47 AM	rw-r--r--
📄 handle_channel.php	856 bytes	03/26/2025 03:47:47 AM	rw-r--r--
📁 hindiConverter	-	03/26/2025 04:15:50 AM	rwxr-xr-x
📄 homePin.php	68.38 KB	03/26/2025 03:47:47 AM	rw-r--r--
📁 hps	-	03/26/2025 03:48:05 AM	rwxr-xr-x
📄 impmy_collection.php	124.17 KB	03/26/2025 03:47:47 AM	rw-r--r--
📁 inc	-	03/26/2025 04:15:50 AM	rwxr-xr-x
📄 index.php	30.55 KB	03/26/2025 03:47:48 AM	rw-r--r--
📄 index1.php	61.34 KB	03/26/2025 03:47:50 AM	rw-r--r--
📄 influencer.php	11.72 KB	03/26/2025 03:47:54 AM	rw-r--r--
📁 interface	-	03/26/2025 03:48:05 AM	rwxr-xr-x
📁 kannada	-	03/26/2025 04:20:06 AM	rwxr-xr-x
📄 knobly_logo.png	9.45 KB	03/26/2025 03:47:54 AM	rw-r--r--
📄 landing_page.php	17.27 KB	03/26/2025 03:47:54 AM	rw-r--r--
📄 landing_signin.php	5.11 KB	03/26/2025 03:47:54 AM	rw-r--r--
📁 leadpage	-	03/26/2025 04:15:53 AM	rwxr-xr-x
📄 link.php	5.63 KB	03/26/2025 03:47:54 AM	rw-r--r--
📄 logInCheck.php	4.41 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 loggedInCheck.php	1.15 KB	03/26/2025 03:47:54 AM	rw-r--r--
📄 logo (1).svg	814 bytes	03/26/2025 03:47:55 AM	rw-r--r--
📄 logout.php	503 bytes	03/26/2025 03:47:55 AM	rw-r--r--
📄 magazine.html	4.46 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 magazine.php	23.57 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 more.php	9.21 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 my_collection.php	153.03 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 my_settings.php	17.44 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 navbar.php	3.36 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 new-page.php	10.46 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 newEditor.php	17.04 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 newsletter.php	24.31 KB	03/26/2025 03:47:55 AM	rw-r--r--
📁 pageLanding	-	03/26/2025 04:20:07 AM	rwxr-xr-x
📁 pages	-	03/26/2025 04:15:53 AM	rwxr-xr-x
📄 payment.php	29.86 KB	03/26/2025 03:47:55 AM	rw-r--r--
📁 pdf	-	03/26/2025 03:48:06 AM	rwxr-xr-x
📄 pdftk_server-2.02-win-setup.exe	2.91 MB	03/26/2025 03:47:56 AM	rw-r--r--
📄 post-details.php	37.75 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 premium.php	21.79 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 privacy.html	12.1 KB	03/26/2025 03:47:56 AM	rw-r--r--
📁 process	-	03/26/2025 03:48:11 AM	rwxr-xr-x
📄 process-plan.php	1.44 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 process.php	1.52 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 process_data.php	5.02 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 profile.php	37.8 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 profile_pic_upload.php	4.83 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 profile_test.php	19.78 KB	03/26/2025 03:47:56 AM	rw-r--r--
📁 reels	-	03/26/2025 04:20:08 AM	rwxr-xr-x
📄 refund.html	9.04 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 replyPost.php	3.93 KB	03/26/2025 03:47:56 AM	rw-r--r--
📁 report	-	03/26/2025 03:48:11 AM	rwxr-xr-x
📄 request_article.php	22.76 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 reset.html	4.7 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 save_profile.php	2.78 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 saved.php	34.28 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 saved_posts.php	49.25 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 search_bar.php	16.95 KB	03/26/2025 03:47:56 AM	rw-r--r--
📁 sendy	-	03/26/2025 04:21:20 AM	rwxr-xr-x
📄 settings.php	81.93 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 sharemarket.php	3.88 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 showcase.php	10.34 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 signInProcess.php	13.83 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 signInProcess_backup.php	11.18 KB	03/26/2025 03:47:56 AM	rw-r--r--
📁 social_media	-	03/26/2025 04:16:12 AM	rwxr-xr-x
📄 start.html	3.99 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 store_articles.php	1.04 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 stream.php	62.31 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 streamPush.php	29.82 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 streamb.php	40.75 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 streambb.php	47.34 KB	03/26/2025 03:47:57 AM	rw-r--r--
📁 texttovoice	-	03/26/2025 03:48:13 AM	rwxr-xr-x
📁 thumbsUp	-	03/26/2025 03:48:13 AM	rwxr-xr-x
📄 toggle_channel.php	2.28 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 udupi_sign_up.php	34.5 KB	03/26/2025 03:47:57 AM	rw-r--r--
📁 uploads	-	03/26/2025 04:06:46 AM	rwxr-xr-x
📄 usage.html	37.76 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 userActivity.php	9.79 KB	03/26/2025 03:47:57 AM	rw-r--r--
📁 vendor	-	03/26/2025 04:20:23 AM	rwxr-xr-x
📄 verify.php	744 bytes	03/26/2025 03:47:57 AM	rw-r--r--
📄 view.php	13.36 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 view_newsletter.php	1.58 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 xpress_landing_page.php	78.63 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 xpress_landingpage.html	11.15 KB	03/26/2025 03:47:57 AM	rw-r--r--

Editing: profile_test.php

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

function buildCoverImgUrl($imgName)
{
    return "data/covers/$imgName";
}

function show_stream_content($gUserId)
{
    global $conn, $db;
    // SQL query to get posts ordered by the most recent
    $sql = "SELECT * FROM reader_stream WHERE deleteFlag = 0 AND referenceId IS NULL AND userId = $gUserId ORDER BY postedOn DESC LIMIT 5 ";
    $result = $conn->query($sql);

if ($result->num_rows > 0) {
?>
        <div class="tab-pane fade show active" id="posts" role="tabpanel" aria-labelledby="posts-tab">
            <?
            while ($row = $result->fetch_assoc()) {
                $maxLength = 220;
                $content = $row['chat'];
                // $content = convertLink($row['chat']);
                $isTruncated = strlen($content) > $maxLength;
                $truncatedContent = $isTruncated ? substr($content, 0, $maxLength) . '...' : $content;
            ?>
                <div class="mid_container all_post_container">
                    <div class="post" style="display:flex">
                        <div class="con" style=" justify-content: space-between; align-items: center;">
                            <div class="post-header d-flex align-items-center">
                                <div class="avatar me-3">
                                    <img src="<?= viewProfilePic($db, $row['userId']) ?>" alt="Default Image" onerror="this.onerror=null; this.src='assets/img/arvind.png';">
                                </div>
                            </div>
                        </div>
                        <div class="postWithMainContainer" style="width: 80%;">
                            <div class="usernameWithfollow">
                                <div class="namewithfollow" style="display: flex; justify-content: space-between;">
                                    <div class="username-date mb-2">
                                        
                                        <h5 class="mb-0" style="line-height: 14px;"><?= showUserName($db, $row['userId']); ?></h5>
                                        <span class="text-muted" style="font-size: 12px;"><?= formatToIST($row['postedOn']); ?></span>
                                        <?php if ($row['editedOn']) { ?>
                                            <small class="text-muted">(Edited)</small>
                                        <?php } ?>

</div>
                                    <div>
                                        <? if ($gUserId != $row['userId']) { ?>
                                            <button class="followButton" data-id="<?= $row['userId'] ?>">
                                                <?= checkFollow($conn, $gUserId, $row['userId']) ? 'Following' : 'Follow' ?>
                                            </button>
                                        <? } ?>
                                    </div>
                                </div>
                            </div>
                            <?
                            if (isset($row['metadata'])) {
                                $metaData = json_decode($row['metadata'], true);
                                if (isset($metaData['youtubeLink'])) {
                            ?>
                                    <div class="ytprew">
                                        <?= $metaData['youtubeLink']; ?>
                                    </div>
                                <? } else {
                                ?>
                                    <div class="linkDisplay " style="width: 100%; height:auto;">
                                        <div class="hyperlink mb-1" style="padding: 5px;background-color:#dedede;border-radius: 5px;">
                                            <img src="<?= $metaData['metaImage'] ?>"
                                                alt="Card image">
                                            <div style="padding: 0px; flex-grow: 1;">
                                                <b>
                                                    <h3 id="linkHeading" style="font-size: 16px; margin: 0 0 5px; color: #333;"><?= $metaData['metaTitle'] ?></h3>
                                                </b>
                                                <p id="linkDesc"
                                                    style="margin: 0 0 10px; font-size: 14px; color: #555; line-height: 1.4;">
                                                    <?= $metaData['metaDesc'] ?>
                                                </p>
                                                <a id="linkUrl" href="<?= $metaData['metaUrl'] ?>"
                                                    style="font-size: 13px; color: #007bff; text-decoration: none;">
                                                    <?= $metaData['metaDomain'] ?>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                            <?
                                }
                            }
                            ?>
                            <a href="post-details.php?id=<?= $row['id'] ?>" style="text-decoration: none;">
                                <div class="post-content">
                                    
                                    <p id="postContent_<?= $row['id'] ?>" style='margin:0px;'>
                                        <?= htmlspecialchars($truncatedContent); ?>
                                    </p>
                                </div>
                            </a>

<? if ($isTruncated) { ?>
                                <a href="post-details.php?id=<?= $row['id'] ?>" style="text-decoration: none;">
                                    <p id="fullContent_<?= $row['id'] ?>" style="display: none; margin:0px;"><?= htmlspecialchars($content); ?></p>
                                </a>
                                <div>
                                    <button class="btn btn-link readMoreBtn" data-id="<?= $row['id'] ?>" onclick="toggleReadMore(<?= $row['id'] ?>)">Read More</button>
                                </div>

<? } ?>

<? if ($row['mediaPath']) { ?>
                                <? if (strpos($row['mediaPath'], 'mp4') !== false) { ?>
                                    <video controls>
                                        <source src="<?= htmlspecialchars($row['mediaPath']); ?>" type="video/mp4">
                                        Your browser does not support the video tag.
                                    </video>
                                <? } else { ?>
                                    <img src="<?= htmlspecialchars($row['mediaPath']); ?>" alt="Post media">
                            <? }
                            } ?>
                        </div>

<? if ($gUserId == $row['userId']) { ?>
                            <div class="menu-container">
                                <div alt="menu" width="100%" height="100%" id="menu-icon" <?= $row['id'] ?> onclick="toggleDropcardMenu(<?= $row['id'] ?>)">⋮</div>

<div id="dropcardMenu_<?= $row['id'] ?>" class="dropcardMenu">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        onclick='editPost(<?= $row["id"] ?>, <?= json_encode($row["chat"]) ?>)'
                                        style="cursor: pointer;">
                                        <path width="24" height="24" d="m5 16l-1 4l4-1L19.586 7.414a2 2 0 0 0 0-2.828l-.172-.172a2 2 0 0 0-2.828 0zM15 6l3 3m-5 11h8" />
                                    </svg>
                                    
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        fill="currentColor" onclick="deletePost(<?= $row['id'] ?>)" style="cursor: pointer;">
                                        <path width="24" height="24" d="M18 19a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V7H4V4h4.5l1-1h4l1 1H19v3h-1zM6 7v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2V7zm12-1V5h-4l-1-1h-3L9 5H5v1zM8 9h1v10H8zm6 0h1v10h-1z" />
                                    </svg>
                                </div>
                            </div>
                        <? } ?>

</div>

<div class="actions d-flex justify-content-end ">
                        
                        <button class="btn reader-button likeButton flex" data-id='<?= $row['id'] ?>'>
                            <i class="<?= checkUserLike($conn, $row['id'], $gUserId) ?>" style="padding-right: 4px; padding-top: 2px;"></i>
                            <div class="likeCount likedUsers" data-id="<?= $row['id'] ?>">
                                <?= getLikeCount($conn, $row['id']) ?>
                            </div>
                        </button>

<a style="position: relative;" href="post-details.php?id=<?= $row['id'] ?>">
                            <button class="btn reader-button flex btn-link"><i class="fa-regular fa-comments" style="padding-right: 4px; padding-top: 2px;"></i>
                                <div class="replyCount">
                                    <?= getReplyCount($conn, $row['id']) ?>
                                </div>
                            </button>
                        </a>
                    </div>
                </div>
            <? } ?>
        </div>
    <?
    }
}

function show_showcase($gUserId)
{
    global $db;
    $sql = "SELECT * FROM user_landing WHERE user_id = $gUserId ORDER BY date_created DESC LIMIT 5";
    $result = $db->query($sql);

if ($result->num_rows > 0) {
    ?>
        <div class="tab-pane fade" id="showcase" role="tabpanel" aria-labelledby="showcase-tab">
            <? while ($row = $result->fetch_assoc()) {
                $artsql = "SELECT * FROM user_collection WHERE id = $row[article_id] ";
                $artresult = $db->query($artsql);
                if ($artresult->num_rows > 0) {
                    while ($artrow = $artresult->fetch_assoc()) {
            ?>
                        <div class="card my-3" data-bs-toggle="modal" data-bs-target="#newsModal">
                            <img src="<?= buildCoverImgUrl($artrow['cover_img']) ?>" alt="<?= $artrow['title'] ?>">
                            <h4><?= $artrow['title'] ?></h4>
                            <p><?= $row['date_created'] ?></p>
                        </div>
            <?
                    }
                }
            }
            ?>
        </div>
<? }
}
?>

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Profile Page with Modal</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/all.min.css">

.readMoreBtn:hover {
            text-decoration: underline;
        }

.hyperlink img {
            border-radius: 10px;
            /* margin-top: 10px; */
            max-width: 100%;
            margin-bottom: 10px;
        }

.linkDisplay .hyperlink img {
            object-fit: cover;
            border-radius: 5px;
            width: 30vw;
        }

@media screen and (max-width:720px) {
            .linkDisplay .hyperlink img {
                object-fit: cover;
                border-radius: 5px;
                width: 100vw;
            }

}

.ytprew {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin: 20px auto;
            padding: 10px;
            /* border: 1px solid #ccc; */
            border-radius: 8px;
            background-color: #f9f9f9;
            width: auto;
            /* Ensures the div doesn't stretch too wide */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

.ytprew iframe {
            width: 100%;
            max-width: 853px;
            /* Matches YouTube's default embed width */
            height: 480px;
            border-radius: 8px;
            border: none;
        }

.ytprew a {
            margin-top: 10px;
            color: #0073e6;
            text-decoration: none;
            font-weight: bold;
        }

.ytprew a:hover {
            text-decoration: underline;
            color: #005bb5;
        }

.ytprew p {
            margin: 10px 0 0;
            font-size: 14px;
            color: #555;
            text-align: center;
        }

#ytPreview {
            display: none;
        }

#content-section {
            display: flex;
            justify-content: center;
        }
    </style>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #121212;
            color: #ffffff;
        }

.container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }

.profile-section {
            display: flex;
            align-items: center;
            padding: 20px;
            border-bottom: 1px solid #333;
        }

.profile-pic {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background-color: #444;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            margin-right: 20px;
            border: 2px solid #ffffff;
        }

.profile-pic img {
            width: 100%;
        }

.profile-info {
            flex-grow: 1;
        }

.nav-section {
            display: flex;
            gap: 5px;
            justify-content: center;
            padding: 10px 0;
            /* background-color: #1e1e1e; */
            margin-top: 20px;
        }

.nav-section button {
            border: none;
            background-color: transparent;
            color: #ffffff;
            font-weight: bold;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
        }

.nav-section button:active {
            /* border: none; */
            border-bottom: #ffffff;
            background-color: transparent;
            color: #ffffff;
            font-weight: bold;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
        }

.nav-section button:focus-visible {
            background-color: transparent;
            border-bottom: #ffffff;

}

.content-section {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            /* overflow-y: scroll; */
            gap: 20px;
        }

.card {
            background-color: #1e1e1e;
            padding: 15px;
            border-radius: 10px;
            text-align: left;
            cursor: pointer;
            max-width: 450px;
        }

.card img {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 5px;
            margin-bottom: 10px;
        }
    </style>

</head>

<div class="nav-section">
            
            <ul class="nav nav-tabs" id="content-tabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <a class="nav-link active" id="posts-tab" data-bs-toggle="tab" href="#posts" role="tab"
                        aria-controls="posts" aria-selected="true">Posts</a>
                </li>
                <li class="nav-item" role="presentation">
                    <a class="nav-link" id="showcase-tab" data-bs-toggle="tab" href="#showcase" role="tab"
                        aria-controls="showcase" aria-selected="false">Showcase</a>
                </li>
            </ul>
        </div>

<div class="modal fade" id="newsModal" tabindex="-1" aria-labelledby="newsModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="newsModalLabel"></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <img src="" id="modal-image" class="img-fluid mb-3" alt="News Image">
                    <p id="modal-description"></p>
                    <p class="datewithtime"><strong>Date: </strong><span id="modal-date"></span></p>
                    <a href="#" id="modal-url" class="btn btn-primary">Read More</a>
                </div>
            </div>
        </div>
    </div>

</html>