Untitled
unknown
plain_text
23 days ago
2.9 kB
5
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Schedule</title>
<style>
body { font-family: sans-serif; background: #f0f2f5; padding: 20px; color: #333; }
.card { background: white; padding: 20px; border-radius: 12px; max-width: 500px; margin: 20px auto; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
h1, h2 { text-align: center; color: #bc7c7c; }
.item { display: flex; padding: 10px 0; border-bottom: 1px solid #eee; align-items: center; }
.time { width: 150px; font-weight: bold; color: #555; }
.task { flex-grow: 1; }
.tag { font-size: 11px; padding: 2px 6px; border-radius: 10px; margin-left: 5px; font-weight: bold; }
.study { background: #e2f0d9; color: #385723; }
.relax { background: #e1f5fe; color: #0288d1; }
input[type="checkbox"] { margin-right: 12px; transform: scale(1.2); }
input[type="checkbox"]:checked + span { text-decoration: line-through; color: #aaa; }
</style>
</head>
<body>
<div class="card">
<h1>Master Schedule</h1>
<h2>Busy Weekday</h2>
<div class="item"><input type="checkbox"><span><span class="time">06:00 AM</span> Wake up & prep</span></div>
<div class="item"><input type="checkbox"><span><span class="time">06:50 AM</span> Commute to school</span></div>
<div class="item"><input type="checkbox"><span><span class="time">07:15 AM - 01:50 PM</span> School Time</span></div>
<div class="item"><input type="checkbox"><span><span class="time">01:50 PM - 02:40 PM</span> Library Hmw <span class="tag study">Study</span></span></div>
<div class="item"><input type="checkbox"><span><span class="time">02:45 PM - 03:30 PM</span> Debate Club</span></div>
<div class="item"><input type="checkbox"><span><span class="time">03:30 PM - 04:15 PM</span> Commute to Ballet</span></div>
<div class="item"><input type="checkbox"><span><span class="time">04:15 PM - 07:00 PM</span> Ballet Class</span></div>
<div class="item"><input type="checkbox"><span><span class="time">07:00 PM - 08:00 PM</span> Commute home & Dinner</span></div>
<div class="item"><input type="checkbox"><span><span class="time">08:00 PM - 08:30 PM</span> Night Hmw <span class="tag study">Study</span></span></div>
<div class="item"><input type="checkbox"><span><span class="time">08:30 PM - 09:15 PM</span> Chill Time <span class="tag relax">Relax</span></span></div>
<div class="item"><input type="checkbox"><span><span class="time">09:15 PM - 09:45 PM</span> Ballet Stretching</span></div>
<div class="item"><input type="checkbox"><span><span class="time">09:45 PM - 10:00 PM</span> Night Shower</span></div>
<div class="item"><input type="checkbox"><span><span class="time">10:00 PM</span> Sleep 💤</span></div>
</div>
</body>
</html>Editor is loading...
Leave a Comment