{props.content.dates}
{props.content.description}
-
Registration Link : Link
- Facebook Post Link : Link
- Rules and Regulations : Link
+ Registration Link : {props.content.registrationLink?props.content.registrationLink:"N/A"}
+ Facebook Post Link : {props.content.fbPostLink?props.content.fbPostLink:"N/A"}
+ Rules and Regulations : {props.content.rulesAndRegulationLink?props.content.rulesAndRegulationLink:"N/A"}
+
+
+
diff --git a/src/pages/Elections/Elections.js b/src/pages/Elections/Elections.js
index 84fcfe55..f76bd064 100644
--- a/src/pages/Elections/Elections.js
+++ b/src/pages/Elections/Elections.js
@@ -21,7 +21,7 @@ export default function Elections() {
align="center"
>
{" "}
- TSG Elections 2024-2025
+ TSG Elections 2025-2026
@@ -35,7 +35,7 @@ export default function Elections() {
Election is as follows:
- Date of Election: 13th April 2024 (Saturday)
+ Date of Election: 6th April 2025 (Saturday)
Time of Election: 8:00 AM to 6:00 PM
Venue: Computer & Informatics Center (CIC), Takshashila, IIT Kharagpur
@@ -48,7 +48,7 @@ export default function Elections() {
Notices:
-
+ {/*
+ */}
{/*
*/}
-
+ {/*
+ */}
);
diff --git a/src/pages/LetterToMe/LetterToMe.css b/src/pages/LetterToMe/LetterToMe.css
new file mode 100644
index 00000000..90874e04
--- /dev/null
+++ b/src/pages/LetterToMe/LetterToMe.css
@@ -0,0 +1,129 @@
+
+
+.letter-to-me-container {
+ display: flex;
+ height: 95vh; /* Full viewport height */
+ width: 100%;
+}
+
+.left-column {
+ position: relative;
+ width:48%;
+ background-image: url('../../images/iitkgp.jpg');
+ background-color: black;
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.overlay{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.6);
+}
+.content{
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 20px;
+ color:#f7f9f8;
+}
+
+.left-column h2 {
+ position: relative;
+ margin-top: 16px;
+ font-size: 2.7rem;
+ font-weight: 900;
+ margin-bottom: 28px;
+ text-align: center;
+
+}
+ .left-column h2 img{
+ position: absolute;
+ top:-40px;
+ left:-60px;
+ width: 100px;
+ height: 80px;
+ transform: rotate(340deg);
+
+ }
+
+.left-column p {
+ font-size: 1.1rem;
+ margin: 10px 0;
+ line-height: 1.5;
+}
+
+
+
+.right-column {
+ width: 52%;
+ background-color:#1c272b;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+form {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ gap: 20px;
+ justify-content: center;
+ align-items: center;
+ padding:0 60px;
+ /* max-width: 400px; */
+}
+
+
+
+form input, form textarea, form button {
+ background-color: white;
+ width: 100%;
+ padding: 12px;
+ border: 1px solid white;
+ border-radius: 4px;
+ font-size: 1rem;
+}
+.box1{
+ width:100%;
+ display: flex;
+ gap:16px;
+ align-items: center;
+}
+#sendDate, #rollNo{
+ width: 60%;
+}
+#message{
+ height:220px;
+}
+form button {
+ background-color: #ff9800;
+ color: #fff;
+ font-weight: bold;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+form button:hover {
+ background-color: #e68900;
+}
+
+.error-message {
+ color: #ff4d4d;
+ font-size: 0.9rem;
+}
+
+.server-message {
+ color: #4caf50;
+ font-size: 0.9rem;
+}
diff --git a/src/pages/LetterToMe/LetterToMe.js b/src/pages/LetterToMe/LetterToMe.js
new file mode 100644
index 00000000..6ef2d5a2
--- /dev/null
+++ b/src/pages/LetterToMe/LetterToMe.js
@@ -0,0 +1,220 @@
+import React, { useState, useCallback } from "react";
+import "./LetterToMe.css";
+import Layout from "../../components/Layouts/Layout";
+
+function debounce(func, delay) {
+ let timer;
+ return (...args) => {
+ clearTimeout(timer);
+ timer = setTimeout(() => func(...args), delay);
+ };
+}
+
+const Form = () => {
+ const api = "https://gymkhana.iitkgp.ac.in";
+ const [formData, setFormData] = useState({
+ name: "",
+ email: "",
+ otp: "",
+ message: "",
+ rollNo: "",
+ sendDate: "",
+ });
+ const [isOtpSent, setIsOtpSent] = useState(false);
+ const [isLoading, setIsLoading] = useState(false);
+ const [emailError, setEmailError] = useState("");
+ const [serverMessage, setServerMessage] = useState("");
+
+ const isEmailValid = formData.email.endsWith("@kgpian.iitkgp.ac.in");
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+
+ if (name === "email") {
+ setEmailError(
+ value.endsWith("@kgpian.iitkgp.ac.in")
+ ? ""
+ : "Please use your institute email."
+ );
+ }
+
+ setFormData({ ...formData, [name]: value });
+ };
+
+ const sendOtp = useCallback(
+ debounce(async () => {
+ if (!isEmailValid) return;
+ setIsLoading(true);
+ try {
+ const response = await fetch(`${api}/api/letter/sentOtp`, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ email: formData.email }),
+ });
+ const data = await response.json();
+ if (response.ok) {
+ setIsOtpSent(true);
+ setServerMessage(data.message);
+ } else {
+ setServerMessage(data.message);
+ }
+ } catch (error) {
+ console.error("Error sending OTP:", error);
+ setServerMessage("Failed to send OTP. Please try again.");
+ } finally {
+ setIsLoading(false);
+ }
+ }, 2000),
+ [formData.email]
+ );
+
+ const verifyOtp = async () => {
+ if (!formData.otp) {
+ setServerMessage("Please enter the OTP.");
+ return;
+ }
+
+ setIsLoading(true);
+ try {
+ const response = await fetch(`${api}/api/letter/verifyOtp`, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify(formData),
+ });
+ const data = await response.json();
+ if (response.ok) {
+ setServerMessage(data.message);
+ setFormData({
+ name: "",
+ email: "",
+ otp: "",
+ message: "",
+ rollNo: "",
+ sendDate: "",
+ });
+ setIsOtpSent(false);
+ } else {
+ setServerMessage(data.message);
+ }
+ } catch (error) {
+ console.error("Error verifying OTP:", error);
+ setServerMessage("Failed to verify OTP. Please try again.");
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ return (
+ + Date of Election: 6th April 2025 (Saturday)
Time of Election: 8:00 AM to 6:00 PM
Venue: Computer & Informatics Center (CIC), Takshashila, IIT Kharagpur
@@ -48,7 +48,7 @@ export default function Elections() {
View Votes of Candidates
@@ -92,7 +92,7 @@ export default function Elections() {
View Schedule
Final List of Candidates for TSG Election (2023-24)
@@ -120,7 +120,7 @@ export default function Elections() {
Complex, IIT Kharagpur
Proposals of Candidates
@@ -144,14 +144,14 @@ export default function Elections() {
View List
- TSG Election (2024-2025) Notification
+ TSG Election (2025-2026) Notification
+
+
+
+
+
+
+
+
+
+
+ 
+ A Letter To The Passing
Out You!
+
+
+ To all the bright-eyed futurists of today, the Editorship presents
+ this unique opportunity to write a heartfelt 'encrypted and totally
+ secure' letter to your future self, one that will be delivered to
+ you on your graduation day.
So, why wait? Immerse yourself in a
+ reflective thought and let your words weave the bridge between the
+ person you are today and the graduate you will become.
Share your
+ dreams, your aspirations, and the spark you wish your journey to be
+ fueled with. Picture the glitter in your eyes and wonder if you
+ achieved them. This is your chance to have a candid conversation
+ with your future self—only to be read by you and no one else. All
+ the entries are safe and unaccessed by any second person, so feel
+ free to pen down whatever you have in your heart.
+
+
+ {serverMessage &&
+ {serverMessage}
} +