Your IP : 216.73.216.40


Current Path : /var/www/html/samantasintu/
Upload File :
Current File : //var/www/html/samantasintu/outreach.php

<?php
require 'dbcon.php';
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="logo.png" type="image/x-icon">
    <title>Outreach</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
    <link href="loader.css" rel="stylesheet">
    <link href="ss.css" rel="stylesheet">
    <script src="jquery.js"></script>
    <script src="lcustom.js"></script>
    <link rel="stylesheet" href="bt.css">
    <style>
        .details {
            display: none;
        }

        .main-row:hover {
            cursor: pointer;
            background-color: #f0f0f0;
        }
    </style>
</head>

<body id="section_1">
    <section class="preloader">
        <div class="spinner">
            <span class="spinner-rotate"></span>
        </div>
    </section>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6 bg-dark text-white p-4 fs-3">
                <h1></h1>
                <a href="samantaHomepage.html" style="all: unset; cursor: pointer;">
                    Biochemistry & Bioinformatics Lab
                </a>
            </div>
            <div class="col-sm-6 bg-dark text-white p-4 fs-5 text-lg-end text-sm-start">
                <a href="https://www.iiita.ac.in/" style="all: unset; cursor: pointer;">
                    <div>Indian Institute of Information Technology, Allahabad</div>
                    <div>भारतीय सूचना प्रौद्योगिकी संस्थान, इलाहाबाद</div>
                </a>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-expand-sm bg-warning" style="font-weight:500">
        <div class="container-fluid">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="mynavbar">
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="samantaHomepage">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="group-members">Group Members</a>
                    </li>
                    <li>
                        <a class="nav-link" href="teaching-courses">Teaching</a>
                    </li>
                    <li>
                        <a class="nav-link" href="publications">Research & Publications</a>
                    </li>
                    <li>
                        <a class="nav-link" href="resources">Resources</a>
                    </li>
                    <li>
                        <a class="nav-link" href="patents-&-projects">Patents & Projects</a>
                    </li>
                    <li>
                        <a class="nav-link" href="association">Association</a>
                    </li>
                    <li>
                        <a class="nav-link active" href="outreach">Outreach</a>
                    </li>
                    <li>
                        <a class="nav-link" href="news">News</a>
                    </li>
                    <li>
                        <a class="nav-link" href="gallery">Gallery</a>
                    </li>
                    <li>
                        <a class="nav-link" href="contact">Contact</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm p-3 text-center fs-4" style="font-weight: 500;">
                Outreach
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm ">
                <table class="" style="width: 100%;">
                    <tr style="border-bottom: 2px solid orange;">
                        <td style="font-size: larger; font-weight: 500;" class="text-success">
                            Events organized
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="container-fluid table-responsive mt-2 text-center" style="width: 99%;">
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th style="font-weight: 500; width: 5%; font-size: large;">Sl. No.</th>
                    <th style="font-weight: 500; font-size: large;">Title</th>
                    <th style="font-weight: 500; width: 10%; font-size: large;">Type</th>
                    <th style="font-weight: 500; width: 10%; font-size: large;">Organizer</th>
                    <th style="font-weight: 500; width: 11%; font-size: large;">Duration</th>
                    <th style="font-weight: 500; width: 11%; font-size: large;">Role</th>
                </tr>
            </thead>
            <tbody>
                <?php
                $sql = "SELECT * FROM `data` WHERE category = 'Events organized'";
                $result = $con->query($sql);
                $cou = 1;
                while ($row = $result->fetch_assoc()) {
                ?>
                    <tr>
                        <td><?php echo $cou ?></td>
                        <td class="js"><?php echo str_replace("�", "", $row['authors']) ?></td>
                        <td><?php echo $row['title'] ?></td>
                        <td><?php echo $row['location'] ?></td>
                        <td><?php echo $row['year'] ?></td>
                        <td><?php echo $row['other_info'] ?></td>
                    </tr>
                <?php
                    $cou += 1;
                }
                ?>
            </tbody>
        </table>
    </div>
    <div class="container-fluid">
        <div class="row mt-4">
            <div class="col-sm">
                <table class=" " style="width: 100%;">
                    <tr style="border-bottom: 2px solid orange;">
                        <td style="font-size: larger; font-weight: 500;" class="text-success">
                            Talk delivered
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div style="margin-top: 0.6%;"></div>
    <div class="table-responsive" style="width: 98%; margin-left:auto; margin-right:auto;">
        <table class="table table-bordered table-hover">
            <?php
            for ($i = 2101; $i > 2001; $i--) {
                $sql = "SELECT * FROM data WHERE category = 'Talk delivered' AND `year` = $i";

                $sql_count = "SELECT * FROM data WHERE category = 'Talk delivered' AND `year` = $i";
                $result_count = $con->query($sql_count);
                if (mysqli_num_rows($result_count) > 0) {
                    $result = $con->query($sql);
            ?>
                    <tr style="background-color: gainsboro;" class="main-row" data-target="details<?php echo $i; ?>">
                        <td style="font-size: larger; font-weight:500;"><?php echo $i; ?></td>
                    </tr>
                    <?php
                    ?>
                    <?php
                    while ($row = $result->fetch_assoc()) {
                    ?>
                        <tr class="details details<?php echo $i; ?>">
                            <td style="text-align: justify;">
                                <?php $pub_ = '';
                                $pub_ .= utf8_decode($row['authors']) . ". " . utf8_decode($row['title']);
                                $pub_ .= ". " . $row['location'] . ". " . $row['year'] . ". ";

                                if ($row['other_info'] != "_na_") {
                                    $pub_ .= utf8_decode($row['other_info']);
                                }
                                if ($row['doi'] != '_na_') {
                                    $pub_ .= ". DOI: <a class='bb' href='https://doi.org/" . $row['doi'] . "'>" . $row['doi'] . "</a>";
                                } else {
                                    if ($row['current_status'] != '_na_') {
                                        $pub_ .= $row['current_status'];
                                    } else {
                                        $pub_ .= "";
                                    }
                                }
                                if ($row['sci'] != '_na_') {
                                    $pub_ .= " (" . $row['sci'];
                                } else {
                                    $pub_ .= " (";
                                }
                                if ($row['if'] != '_na_') {
                                    $pub_ .= ", IF: " . $row['if'] . ")";
                                } else {
                                    $pub_ .= ")";
                                }
                                echo str_replace("_na_.", "", str_replace("?", "", str_replace("()", "", $pub_)));
                                ?>
                            </td>
                        </tr>
            <?php
                    }
                }
            }
            ?>
        </table>
    </div>
    <?php
    ?>
    <script>
        document.querySelectorAll('.main-row').forEach(row => {
            row.addEventListener('click', () => {
                const targetClass = row.getAttribute('data-target');
                document.querySelectorAll(`.${targetClass}`).forEach(detailRow => {
                    if (detailRow.style.display === 'none' || detailRow.style.display === '') {
                        detailRow.style.display = 'table-row';
                    } else {
                        detailRow.style.display = 'none';
                    }
                });
            });
        });
    </script>
    <div class="container-fluid" style="margin-top: 1.6%;">
        <div class="row">
            <div class="col-sm text-center p-2" style="color:aquamarine; background-color: black; font-size: small;">
                Designed & developed by Mr. Rajat Kumar Mondal (M.Tech Bioinformatics 2022-24 Batch) | Last Updated on
                <?php
                require "dbcon.php";
                $sql = "SELECT * FROM `data` WHERE `category` = 'last_update'";
                $result = $con->query($sql);
                $c = 1;
                while ($row = $result->fetch_assoc()) {
                    echo $row['authors'];
                }
                ?> | Copyright@2024, All Rights Reserved |
                IIIT-Allahabad, Uttar Pradesh 211 015, India
            </div>
        </div>
    </div>
</body>

</html>