-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdaybyday.html
66 lines (66 loc) · 3.06 KB
/
daybyday.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
56
57
58
59
60
61
62
63
64
65
66
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="/daybyday.css">
<script src="/daybyday.js"></script>
</head>
<body>
<div class="day-by-day" style="width: 400px;">
<h1 class="month-name">April 2022</h1>
<div class="arrow">
<button class="left-arrow">«</button>
</div>
<div class="calendar">
<div class="day-of-week">
<div class="weekend">S</div>
<div class="weekday">M</div>
<div class="weekday">T</div>
<div class="weekday">W</div>
<div class="weekday">T</div>
<div class="weekday">F</div>
<div class="weekend">S</div>
</div>
<div class="date-grid">
<button><time datetime="2022-03-28">28</time></button>
<button><time datetime="2022-03-29">29</time></button>
<button><time datetime="2022-03-30">30</time></button>
<button><time datetime="2022-03-31">31</time></button>
<button><time datetime="2022-04-01">01</time></button>
<button><time datetime="2022-04-02">02</time></button>
<button><time datetime="2022-04-03">03</time></button>
<button><time datetime="2022-04-04">04</time></button>
<button><time datetime="2022-04-05">05</time></button>
<button><time datetime="2022-04-06">06</time></button>
<button><time datetime="2022-04-07">07</time></button>
<button><time datetime="2022-04-08">08</time></button>
<button><time datetime="2022-04-09">09</time></button>
<button><time datetime="2022-04-10">10</time></button>
<button><time datetime="2022-04-11">11</time></button>
<button><time datetime="2022-04-12">12</time></button>
<button><time datetime="2022-04-13">13</time></button>
<button><time datetime="2022-04-14">14</time></button>
<button><time datetime="2022-04-15">15</time></button>
<button><time datetime="2022-04-16">16</time></button>
<button><time datetime="2022-04-17">17</time></button>
<button><time datetime="2022-04-18">18</time></button>
<button><time datetime="2022-04-19">19</time></button>
<button><time datetime="2022-04-20">20</time></button>
<button><time datetime="2022-04-21">21</time></button>
<button><time datetime="2022-04-22">22</time></button>
<button><time datetime="2022-04-23">23</time></button>
<button><time datetime="2022-04-24">24</time></button>
<button><time datetime="2022-04-25">25</time></button>
<button><time datetime="2022-04-26">26</time></button>
<button><time datetime="2022-04-27">27</time></button>
<button><time datetime="2022-04-28">28</time></button>
<button><time datetime="2022-04-29">29</time></button>
<button><time datetime="2022-04-30">30</time></button>
<button><time datetime="2022-05-01">01</time></button>
</div>
</div>
<div class="arrow">
<button class="right-arrow">»</button>
</div>
</div>
</body>
</html>