usirooms/index.html

78 lines
2 KiB
HTML
Raw Normal View History

2019-09-26 11:58:02 +00:00
<!DOCTYPE html>
<!-- vim: set ts=2 sw=2 et tw=80: -->
<html>
<head>
<meta charset='utf-8'>
<title>USI • Rooms availability</title>
2019-09-26 13:53:27 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono|IBM+Plex+Sans&display=swap">
<link rel="stylesheet" href="index.css">
2019-09-26 11:58:02 +00:00
</head>
<body>
<h1>USI INF room availability</h1>
<div class="room-map">
<div class="room room-big" id="SI-003">
<h3>SI-003</h3>
<p>Free</p>
</div>
<!-- Row -->
<div class="room room-small" id="SI-004">
<h3>SI-004</h3>
<p>Free</p>
</div>
<div class="room room-small" id="SI-015">
<h3>SI-015</h3>
<p>Free</p>
</div>
<!-- Row -->
<div class="room room-big" id="SI-006">
<h3>SI-006</h3>
<p>Free</p>
</div>
<!-- Row -->
<div class="room room-small" id="SI-007">
<h3>SI-007</h3>
<p>Free</p>
</div>
<div class="room room-small" id="SI-013">
<h3>SI-013</h3>
<p>Free</p>
</div>
<!-- Row -->
<div class="room room-big room" id="SI-008">
<h3>SI-008</h3>
<p>Free</p>
</div>
</div>
<h2 id="timepreviewer">Time: 18:00</h2>
<input type="range" id="timemachine" />
<div class="schedule">
<h1>Schedule for today</h1>
<section class="times">
</section>
<template id="room">
<h2 class="room-title"></h2>
<ul class="list"></ul>
</template>
<template id="time-free">
<li><strong>Free all day</strong></li>
</template>
<template id="time-slot">
<li>
<span class="title"></span>
(<span class="start"></span>-<span class="end"></span>)
</li>
</template>
</div>
2019-09-26 11:58:02 +00:00
<script src='index.js'></script>
</body>
</html>