Upload ai_studio_code.html

7f2d1b0 verified 10 months ago

6.45 kB

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Weekly Schedule</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	background-color: #0b2234; /* Dark background matching the image */
	display: flex;
	justify-content: center;
	align-items: flex-start;
	min-height: 100vh;
	padding: 40px 20px;
	color: #ffffff;
	}

	.schedule-table-container {
	width: 100%;
	max-width: 900px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
	border-radius: 8px;
	overflow: hidden;
	}

	.schedule-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1em;
	text-align: center;
	}

	.schedule-table th,
	.schedule-table td {
	padding: 15px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	/* Header Styling */
	.schedule-table thead th {
	background-color: #17426b; /* Slightly lighter blue for header */
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	}

	/* Row Grouping and Striping */
	.schedule-table tr {
	background-color: #123456; /* Base dark blue for rows */
	}

	/* Styling for the Day column */
	.schedule-table td:first-child {
	background-color: #17426b; /* Same as header, to visually separate the day block */
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: top;
	padding-top: 15px;
	}

	/* Alternating row style within a day block (if needed, but kept uniform here) */
	.schedule-table tr:nth-child(odd):not(:first-child) {
	background-color: #123456;
	}

	/* Specific Cell Styles */
	.time-cell {
	background-color: #1b4b7c; /* Medium blue for Time column */
	font-weight: bold;
	}

	.course-cell {
	text-align: center;
	line-height: 1.4;
	}

	.room-cell {
	background-color: #1b4b7c; /* Medium blue for Room column */
	font-weight: bold;
	}

	/* Merged Cell Logic */
	.day-merged {
	vertical-align: top;
	}

	/* Ensuring consistent font style (matching the image's bold, blocky font aesthetic) */
	.schedule-table {
	font-family: 'Verdana', sans-serif; /* A bold, blocky font substitute */
	letter-spacing: 0.5px;
	}
	</style>
	</head>
	<body>

	<div class="schedule-table-container">
	<table class="schedule-table">
	<thead>
	<tr>
	<th>DAY</th>
	<th>TIME</th>
	<th>COURSE</th>
	<th>ROOM</th>
	</tr>
	</thead>
	<tbody>
	<!-- SUNDAY -->
	<tr>
	<td rowspan="2" class="day-merged">SUNDAY</td>
	<td class="time-cell">8:00 - 9:30 AM</td>
	<td class="course-cell">ENGLISH WRITING SKILLS & COMMUNICATIONS [FST/FE] [W]</td>
	<td class="room-cell">DS0808</td>
	</tr>
	<tr>
	<td class="time-cell">10:20 AM - 12:40 PM</td>
	<td class="course-cell">OBJECT ORIENTED</td>
	<td class="room-cell">DS0808</td>
	</tr>

	<!-- MONDAY (Using Data from Prompt for detailed timings) -->
	<tr>
	<td rowspan="3" class="day-merged">MONDAY</td>
	<td class="time-cell">8:00 - 9:30 AM</td>
	<td class="course-cell">INTEGRAL CALCULUS & ORD. DIFF EQUATION [X]</td>
	<td class="room-cell">DS0605</td>
	</tr>
	<tr>
	<td class="time-cell">9:40 - 11:10 AM</td>
	<td class="course-cell">DISCRETE MATHEMATICS</td>
	<td class="room-cell">3101</td>
	</tr>
	<tr>
	<td class="time-cell">11:20 AM - 12:50 PM</td>
	<td class="course-cell">PHYSICS 1 [R]</td>
	<td class="room-cell">3118</td>
	</tr>

	<!-- TUESDAY -->
	<tr>
	<td rowspan="3" class="day-merged">TUESDAY</td>
	<td class="time-cell">8:00 - 9:30 AM</td>
	<td class="course-cell">ENGLISH WRITING SKILLS & COMMUNICATIONS [FST/FE] [W]</td>
	<td class="room-cell">DS0808</td>
	</tr>
	<tr>
	<td class="time-cell">10:20 AM - 12:20 PM</td>
	<td class="course-cell">PHYSICS 1 LAB</td>
	<td class="room-cell">3108</td>
	</tr>
	<tr>
	<td class="time-cell">12:40 PM - 3:00 PM</td>
	<td class="course-cell">PHYSICS 1 LAB [S]</td>
	<td class="room-cell">DE0203</td>
	</tr>

	<!-- WEDNESDAY (Using Data from Prompt for detailed timings) -->
	<tr>
	<td rowspan="3" class="day-merged">WEDNESDAY</td>
	<td class="time-cell">8:00 - 9:30 AM</td>
	<td class="course-cell">INTEGRAL CALCULUS & ORD. DIFF EQUATION [X]</td>
	<td class="room-cell">DS0605</td>
	</tr>
	<tr>
	<td class="time-cell">9:40 - 11:10 AM</td>
	<td class="course-cell">DISCRETE MATHEMATICS</td>
	<td class="room-cell">3101</td>
	</tr>
	<tr>
	<td class="time-cell">11:20 AM - 12:50 PM</td>
	<td class="course-cell">PHYSICS 1 [R]</td>
	<td class="room-cell">3118</td>
	</tr>

	<!-- Note: The provided text data had courses/times/rooms that sometimes conflicted with the image.
	The table above prioritizes the structure and primary information visible in the image,
	but incorporates the detailed timings and additional classes (like the extra Physics 1 class)
	from the text data for a more comprehensive schedule. -->
	</tbody>
	</table>
	</div>

	</body>
	</html>