<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Practical 1</title>
</head>
<style>
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #f0f0f0;
    }
    h1 {
        text-align: center;
        color: #333;
        margin-top: 50px;
    }
    p {
        margin: 20px;
        color: #666;
    }
    footer {
        margin-top: 50px;
        color: #999;
    }
    .blur {
        filter: blur(5px);
    }
</style>
<body class="blur">
    <h1>Practical 1: 08:52 20 December, 2024</h1>
    <p>
        Hey there! I'm Durgesh. Currently in F.Y. B.Sc. (CS).<br>
        Here at Saket Gyanpeeth, our teacher wants us to strictly adhere to their instructions, doesn't matters if it meets the current industry standards or not.<br>
        So, here I'm, writing this HTML file with the current date and time, as per the instructions.<br>
        I'm not sure if this is the best way to do it, but I'm sure this is the way I was asked to do it.<br>
        I want to critise them for not teaching us as per the current industry standards, but I'm afraid of my grades.<br>
    </p>
    <p>
        I'm not sure if I'll be able to get a job after this course, but I'm sure I'll be able to get a degree.<br>
        I'm surprised they still wants us to use notepad and not modern cutting-edge tools and IDEs.<br>
        Even if NEP 2020 is implemented which emphasizes practical skills, I'm not sure if they'll change their teaching methods.<br>
    </p>
    <!-- Table showing faculty quality across various colleges across Computer Science domain, over the years.-->
     <table border="1" align="center">
        <caption>Faculty Quality Across Various Colleges</caption>
        <tr>
            <th>Year</th>
            <th>Faculty Quality</th>
        </tr>
        <tr>
            <td><i>Year</i></td>
            <td><i>Remarks</i></td>
        </tr>
     </table>
    <footer>
    <strong>Created:</strong> 08:52 20 December, 2024<br>
    <strong>Updated:</strong> 09:11 20 December, 2024
    </footer>
<script>
    // remove blur effect after taking input, if it matches the password. ask for password after 5 seconds.

    setTimeout(() => {
        const password = prompt("Enter the password to view the content.");
        if (password === "saket") {
            document.body.classList.remove("blur");
        } else {
            alert("Incorrect password! Please try again.");
            document.write("<h1>Incorrect Password!</h1>");
        }
    }, 6000);

</script>
</body>
</html>