|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<title>Posti DM</title>
|
|
|
|
|
|
|
|
|
|
<link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<nav>
|
|
|
|
|
<div class="nav-group left">
|
|
|
|
|
<div class="nav-item" id="clock">14:23</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="nav-group center">
|
|
|
|
|
<div class="nav-item">
|
|
|
|
|
<a href="/">Posti DM</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="nav-item">
|
|
|
|
|
<a href="/stanze">Stanze</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="nav-group right">
|
|
|
|
|
<div id="login-label" class="nav-item">
|
|
|
|
|
<a href="/login">Login</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="logged-label" class="nav-item hidden">
|
|
|
|
|
<!-- @username -->
|
|
|
|
|
</div>
|
|
|
|
|
<div id="logout-label" class="nav-item hidden">
|
|
|
|
|
<button id="logout-button">Logout</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
<main>
|
|
|
|
|
<div id="orari-time-table" class="time-table">
|
|
|
|
|
<div class="controls">
|
|
|
|
|
<div class="current-range">Settimana, 21 Marzo — 27 Marzo</div>
|
|
|
|
|
<div class="group">
|
|
|
|
|
<div class="previous">
|
|
|
|
|
<button class="square">
|
|
|
|
|
<i class="bx bx-chevron-left bx-sm"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="today">
|
|
|
|
|
<button class="square">
|
|
|
|
|
<i class="bx bxs-home"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="next">
|
|
|
|
|
<button class="square">
|
|
|
|
|
<i class="bx bx-chevron-right bx-sm"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weekly">
|
|
|
|
|
<div class="day">
|
|
|
|
|
<div class="title">Lun 21</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">8:30 – 11:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">11:00 – 13:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">13:30 – 16:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">16:00 – 19:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="day">
|
|
|
|
|
<div class="title">Mar 21</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">8:30 – 11:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">11:00 – 13:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">13:30 – 16:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">16:00 – 19:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="day">
|
|
|
|
|
<div class="title">Mer 21</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">8:30 – 11:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">11:00 – 13:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">13:30 – 16:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">16:00 – 19:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="day">
|
|
|
|
|
<div class="title">Gio 21</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">8:30 – 11:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">11:00 – 13:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">13:30 – 16:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">16:00 – 19:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="day">
|
|
|
|
|
<div class="title">Ven 21</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">8:30 – 11:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">11:00 – 13:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">13:30 – 16:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">16:00 – 19:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="day">
|
|
|
|
|
<div class="title">Sab 21</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">8:30 – 11:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">11:00 – 13:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">13:30 – 16:00</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slot">
|
|
|
|
|
<div class="range">16:00 – 19:30</div>
|
|
|
|
|
<div class="counter">100/100</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
<script type="module" src="./src/pages/orari.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
