rajaprerak · Rohail052 · Jun 3, 2024 · Jun 3, 2024 · Jun 3, 2024 · Jun 3, 2024
diff --git a/121-login.html b/121-login.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>After Login Page</title>
+    <link rel="stylesheet" href="login.css">
+</head>
+<body>
+    <h1>Welcome to the After Login Page</h1>
+    <button onclick="handleLogout()">Logout</button>
+
+    <script>
+        // Check if the user is logged in before accessing the page
+        window.onload = function() {
+            const loggedIn = sessionStorage.getItem('loggedIn');
+            if (!loggedIn) {
+                alert('You must log in first.');
+                window.location.href = 'login.html'; // Redirect to login page if not logged in
+            }
+        }
+
+        // Handle logout
+        function handleLogout() {
+            sessionStorage.removeItem('loggedIn'); // Remove session data on logout
+            window.location.href = 'login.html';   // Redirect to login page
+        }
+    </script>
+</body>
+</html>
diff --git a/132456754.html b/132456754.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login Page</title>
+    <link rel="stylesheet" href="login.css">
+</head>
+<body>
+    <div class="wrapper">
+        <div class="login-box">
+            <form id="loginForm" onsubmit="handleLogin(event)">
+                <h2>Login</h2>
+
+                <div class="input-box">
+                    <span class="icon">
+                        <ion-icon name="mail"></ion-icon>
+                    </span>
+                    <input type="email" id="emailInput" required>
+                    <label>Email</label>
+                </div>
+
+                <div class="input-box">
+                    <span class="icon">
+                        <ion-icon name="lock-closed"></ion-icon>
+                    </span>
+                    <input type="password" id="passwordInput" required>
+                    <label>Password</label>
+                </div>
+
+                <div class="remember-forgot">
+                    <label><input type="checkbox"> Remember me</label>
+                    <a href="#">Forgot Password?</a>
+                </div>
+
+                <button type="submit">Login</button>
+
+                <div class="register-link">
+                    <p>Don't have an account? <a href="#">Register</a></p>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        // Fake user database (replace with a backend and proper database)
+        const users = [
+            { email: '[email protected]', password: '123' },
+        ];
+
+        function handleLogin(event) {
+            event.preventDefault(); // Prevents the form from submitting normally
+
+            const email = document.getElementById('emailInput').value;
+            const password = document.getElementById('passwordInput').value;
+
+            const user = users.find(u => u.email === email && u.password === password);
+            if (user) {
+                // Store session data to prevent access after logout
+                sessionStorage.setItem('loggedIn', 'true');
+                window.location.href = 'after-login.html'; // Redirect to after-login page
+            } else {
+                alert('Invalid credentials. Please try again.');
+            }
+        }
+    </script>
+</body>
+</html>
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+chrohail.org
diff --git a/Meeting Scheduler.html b/Meeting Scheduler.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Meeting Scheduler</title>
+</head>
+<body>
+    <iframe src="https://koalendar.com/e/meet-with-rohail-ch?embed=true" width="100%" height="800px" frameborder="0"></iframe>
+</body>
+</html>
+
diff --git a/Readme.md b/Readme.md
@@ -1,77 +1 @@
-# Personal Portfolio 🔥
-> https://rajaprerak.github.io/
 
-:star: Star me on GitHub — it helps!
-
-[![Maintenance](https://img.shields.io/badge/maintained-yes-green.svg)](https://github.com/rajaprerak/rajaprerak.github.io/commits/master)
-[![Website shields.io](https://img.shields.io/badge/website-up-yellow)](http://rajaprerak.github.io/)
-[![Ask Me Anything !](https://img.shields.io/badge/ask%20me-linkedin-1abc9c.svg)](https://www.linkedin.com/in/rajaprerak/)
-[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)
-
-### Website Preview
-#### Home Page
-<img src="website_images/HomePage.gif" width="900">
-
-
-#### About Page
-<img src="website_images/AboutPage.png" width="900">
-
-
-#### Projects Page
-<img src="website_images/ProjectPage.png" width="900">
-
-
-
-:star: Star me on GitHub — it helps!
-
-## Features 📋
-⚡️ Fully Responsive\
-⚡️ Valid HTML5 & CSS3\
-⚡️ Typing animation using `Typed.js`\
-⚡️ Easy to modify
-
-## Installation & Deployment 📦
-- Clone the repository and modify the content of <b>index.html</b> 
-- Add or remove images from `assets/img/` directory as per your requirement.
-- Update the info of `projects` folder according to your need
-- Use [Github Pages](https://create-react-app.dev/docs/deployment/#github-pages) to create your own website.
-- To deploy your website, first you need to create github repository with name `<your-github-username>.github.io` and push the generated code to the `master` branch.
-
-## Sections 📚
-✔️ About\
-✔️ Interests\
-✔️ Education\
-✔️ Online Certification\
-✔️ Experience\
-✔️ Projects \
-✔️ Skills \
-✔️ Resume\
-✔️ Contact Info
-
-
-
-## Tools Used 🛠️
-* <b>GitHub Pages</b> - To host my static website (HTML, CSS, JS).
-
-## Contributing 💡
-#### Step 1
-
-- **Option 1**
-    - 🍴 Fork this repo!
-
-- **Option 2**
-    - 👯 Clone this repo to your local machine.
-
-
-#### Step 2
-
-- **Build your code** 🔨🔨🔨
-
-#### Step 3
-
-- 🔃 Create a new pull request.
-
-## License
-[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)
-
-- **[MIT license](http://opensource.org/licenses/mit-license.php)**
diff --git a/after-login.html b/after-login.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>After Login Page</title>
+    <link rel="stylesheet" href="login.css">
+</head>
+<body>
+    <h1>Welcome to the After Login Page</h1>
+    <button onclick="handleLogout()">Logout</button>
+
+    <script>
+        // Check if the user is logged in before accessing the page
+        window.onload = function() {
+            const loggedIn = sessionStorage.getItem('loggedIn');
+            if (!loggedIn) {
+                alert('You must log in first.');
+                window.location.href = 'login.html'; // Redirect to login page if not logged in
+            }
+        }
+
+        // Handle logout
+        function handleLogout() {
+            sessionStorage.removeItem('loggedIn'); // Remove session data on logout
+            window.location.href = 'index.html';   // Redirect to login page
+        }
+    </script>
+</body>
+</html>