48 lines
2.1 KiB
HTML
48 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Class 2-5</title>
|
|
|
|
<script src="public/script.js"></script>
|
|
<link rel="stylesheet" href="public/style.css" />
|
|
</head>
|
|
<body>
|
|
<header id="header">
|
|
<h1>Class 2-5</h1>
|
|
<ul>
|
|
<li><a href="https://classtwofive.notion.site/">Study</a></li>
|
|
<li><a href="#">Portfolio</a></li>
|
|
<li><a href="#">Info</a></li>
|
|
</ul>
|
|
</header>
|
|
|
|
<main id="main">
|
|
<div class="box" id="calendar">
|
|
<!-- <h2 class="title">Calendar</h2> -->
|
|
<iframe
|
|
id="calendar_iframe"
|
|
src="https://calendar.google.com/calendar/embed?height=600&wkst=1&ctz=Asia%2FSeoul&showPrint=0&showTitle=0&showTz=0&src=OGVjZWRkYjQ2NTM1NWE1NWEyMDdhZjgwNDM5MzhiMTQ1MWYwY2ViZmM0ODU4ZDAxMTA2NmFlMGRiZjFkZTUwZUBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=NzI5ZjViZWE5YmE4M2ZmOWI4MmRkNzk3ZjE1MDg5YTA1MWZlODUwYTRkYTY2ZmNjMzkzNjgzNWU4OWUzZGU4OUBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=YWI3ZjBlYWE4NmYwZDE5MWE3Y2RhYWIzMTcxMmQzZGMxN2Y4OGY1YzdhMmU1ZGY3NGVhNjFjNWIwMzNlZmJlN0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=a28uc291dGhfa29yZWEjaG9saWRheUBncm91cC52LmNhbGVuZGFyLmdvb2dsZS5jb20&color=%23A79B8E&color=%23E4C441&color=%23D50000&color=%234285F4"
|
|
></iframe>
|
|
</div>
|
|
<nav id="side">
|
|
<div class="box" id="task">
|
|
<h2 class="title">Task List</h2>
|
|
<task-list></task-list>
|
|
<span
|
|
id="add_task"
|
|
onclick="document.body.appendChild(document.createElement('create-task'))"
|
|
>+</span
|
|
>
|
|
</div>
|
|
|
|
<div class="box" id="info">
|
|
<!-- <h2 class="title">급식</h2> -->
|
|
<meal-list></meal-list>
|
|
</div>
|
|
</nav>
|
|
</main>
|
|
</body>
|
|
</html>
|