From d0dfbda49900e660e9d5755662461ba7333d6f5a Mon Sep 17 00:00:00 2001 From: SakshiMaholiya123 <122376204+SakshiMaholiya123@users.noreply.github.com> Date: Tue, 22 Oct 2024 22:49:38 +0530 Subject: [PATCH] commit --- index.html | 83 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ script.js | 68 ++++++++++++++++++++++++++++++++++++++++++++ style.css | 47 +++++++++++++++++++++++++++++++ 3 files changed, 198 insertions(+) create mode 100644 index.html create mode 100644 script.js create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..10dc332 --- /dev/null +++ b/index.html @@ -0,0 +1,83 @@ + + + + + + Document + + + +

Timetable

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
TimeMondayTuesdayWednesdayThursdayFriday
9:00 AM - 10:00 AMMachine learningAgile Competetive programmingAutomataVerbal
10:00 AM - 11:00 AMGroup DiscussionDAAMathsReasoning
11:00 AM - 12:00 PMDBMSEnglishDAADAAAgile
12:00 PM - 1:00 PMLunch Break
1:00 PM - 2:00 PMDIPQuantEnglishMachine learningCN
2:00 PM - 3:00 PMWEBDDSADSACompetative programming
3:00 PM - 4:00 PMPQRHBCSC 0105CP
+ +
+ + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..5de08da --- /dev/null +++ b/script.js @@ -0,0 +1,68 @@ +const subjectDetails = { + Agile: { teacher: 'Mr. Nikil', cabin: '103', phone: '100-156-7790' }, + 'Machine learning': { teacher: 'Dr. Desai', cabin: '107', phone: '101-202-3003' }, + 'Competetive programming': { teacher: 'Mr. Kumar', cabin: '127', phone: '474-565-0986' }, + Automata: { teacher: 'Ms. Neha', cabin: '134', phone: '025-616-7847' }, + Verbal: { teacher: 'Mr. Shiv', cabin: '109', phone: '986-707-8128' }, + 'Group Discussion': { teacher: 'Ms. Anjali', cabin: '115', phone: '654-800-6543' }, + DAA: { teacher: 'Mr. Sohil', cabin: '114', phone: '876-324-0100' }, + English: { teacher: 'Mrs. Divya', cabin: '129', phone: '054-181-4356' }, + DIP: { teacher: 'Mr. Anand', cabin: '110', phone: '111-222-3333' }, + Quant: { teacher: 'Mr. Suresh', cabin: '011', phone: '252-233-0583' }, + CN: { teacher: 'Mrs Anupam', cabin: '122', phone: '549-612-0934' }, + WEBD: { teacher: 'Mr. Rahul', cabin: '213', phone: '452-123-0768' }, + DSA: { teacher: 'Mr. Abhishek', cabin: '144', phone: '435-786-6574' }, + PQRH: { teacher: 'Mrs. Anjali', cabin: '215', phone: '980-700-8018' }, + 'BCSC 0105': { teacher: 'Dr. Gupta', cabin: '136', phone: '717-088-1299' }, + CP: { teacher: 'Mr. Bhavy', cabin: '117', phone: '808-919-0111' }, +}; + +// Select all subject links +const subjectLinks = document.querySelectorAll(".subject"); +subjectLinks.forEach(link => { + link.addEventListener('click', function (event) { + event.preventDefault(); + const subject = this.getAttribute("data-subject").trim(); + openNewWindow(subject); + }); +}); + + +function openNewWindow(subject) { + const details = subjectDetails[subject]; + if (!details) { + alert('No details available for this subject.'); + return; + } + + const subjectTitle = capitalizeFirstLetter(subject); + + const newWindow = window.open("", "_blank", "width=400,height=400"); + newWindow.document.write(` + + + ${subjectTitle} Details + + + +

${subjectTitle}

+

Teacher: ${details.teacher}

+

Cabin No: ${details.cabin}

+

Phone No: ${details.phone}

+ Go Back to Timetable + + + `); + newWindow.document.close(); +} + +function capitalizeFirstLetter(string) { + return string.charAt(0).toUpperCase() + string.slice(1); +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..350bef7 --- /dev/null +++ b/style.css @@ -0,0 +1,47 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; + background-color: #f1d3e5; + padding: 25px; +} +.timetable { + max-width: 1200px; + margin: 0 auto; + background-color: white; + border: 2px solid black; + border-radius: 8px; + overflow: hidden; +} +table { + width: 100%; + border-collapse: collapse; +} + +thead { + background-color:black; + color: white; +} + +th, td { + padding: 18px; + text-align: center; + border: 2px solid #ddd; +} + +tbody tr:nth-child(odd) { + background-color: #c1c0bc; +} + +tbody tr:hover { + background-color: #cac0ca; +} + +td[colspan="6"] { + background-color: #d4dfe8; + font-weight: bold; +} \ No newline at end of file