-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathiframe.html
55 lines (44 loc) · 1.86 KB
/
iframe.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
<head>
<title>Calendar Embed</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="stylesheet" href="embed.css" />
</head>
<body>
<span id="loading">Calendar is loading...</span>
<div id="top">
<h1 id="title">Calendar title</h1>
<nav>
<button type="button" id="btn_today" title="Jump to today">Today</button>
<div id="arrows">
<button type="button" id="btn_prev" title="Previous day"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /></svg></button>
<button type="button" id="btn_next" title="Next day"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg></button>
</div>
<label id="date_label" for="date">
<span>Wednesday, August 12</span>
<svg viewBox="0 0 24 24"><path fill="currentColor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" /></svg>
<div id="date_dropdown">
<input type="date" id="date" />
</div>
</label>
<div class="spacer"></div>
<select id="view">
<option value="0" selected>Agenda</option>
<option value="1">Month</option>
</select>
</nav>
</div>
<table id="agenda"></table>
<table id="month"></table>
<div id="monthDetails">
<div class="dialog">
<button type="button" id="btn_close" title="Close details" onclick="this.parentElement.parentElement.classList.remove('shown')"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg></button>
<span class="summary"></span>
<div class="details"></div>
</div>
</div>
<script src="ical.min.js"></script>
<script src="embed.js"></script>
</body>
</html>