-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcalendar-view.html
135 lines (125 loc) · 5.37 KB
/
calendar-view.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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>OPTC Agenda</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Including bootstrap
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap-grid.css"> -->
<!-- Include main.css -->
<link rel="stylesheet" href="assets/stylesheets/main.css">
<!-- Include vue.js -->
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<header>
<div class="container">
<div class="row">
<h1 class="text-uppercase text-center">OPTC Agenda</h1>
</div>
</div>
</header>
<!-- In this nav the user can choose:
- to switch between the global and the jap version
- to move to the next or the previous month
- to switch between the listed or the calendar view
-->
<nav>
<div class="container-fluid">
<div class="row ">
<div class="col-lg-2 col-lg-offset-2">
<p>February</p>
</div>
<div class="col-lg-2">
<a href="index.html"><p>List version</p></a>
</div>
<div class="col-lg-2">
<p>Settings</p>
</div>
<div class="col-lg-2">
<p>Jap version</p>
</div>
<div class="col-lg-2">
<p>April</p>
</div>
</div>
</div>
</nav>
<section>
<div class="container">
<div class="row days-row">
<div class="col-lg-1 col-lg-offset-2">SUN</div>
<div class="col-lg-1">MON</div>
<div class="col-lg-1">TUE</div>
<div class="col-lg-1">WEN</div>
<div class="col-lg-1">THU</div>
<div class="col-lg-1">FRI</div>
<div class="col-lg-1">SAT</div>
</div>
<div class="row first-row">
<div class="col-lg-1 col-lg-offset-2">1</div>
<div class="col-lg-1">2</div>
<div class="col-lg-1">3</div>
<div class="col-lg-1">4</div>
<div class="col-lg-1">5</div>
<div class="col-lg-1">6</div>
<div class="col-lg-1">7</div>
</div>
<div class="row first-row">
<div class="col-lg-1 col-lg-offset-2">8</div>
<div class="col-lg-1">9</div>
<div class="col-lg-1">10</div>
<div class="col-lg-1">11</div>
<div class="col-lg-1">12</div>
<div class="col-lg-1">13</div>
<div class="col-lg-1">14</div>
</div>
<div class="row first-row">
<div class="col-lg-1 col-lg-offset-2">15</div>
<div class="col-lg-1">16</div>
<div class="col-lg-1">17</div>
<div class="col-lg-1">18</div>
<div class="col-lg-1">19</div>
<div class="col-lg-1">20</div>
<div class="col-lg-1">21</div>
</div>
<div class="row first-row">
<div class="col-lg-1 col-lg-offset-2">22</div>
<div class="col-lg-1">23</div>
<div class="col-lg-1">24</div>
<div class="col-lg-1">25</div>
<div class="col-lg-1">26</div>
<div class="col-lg-1">27</div>
<div class="col-lg-1">28</div>
</div>
<div class="row first-row">
<div class="col-lg-1 col-lg-offset-2">29</div>
<div class="col-lg-1">30</div>
<div class="col-lg-1">31</div>
<div class="col-lg-1"></div>
<div class="col-lg-1"></div>
<div class="col-lg-1"></div>
<div class="col-lg-1"></div>
</div>
</div>
</section>
<footer class="text-center">
<p>Copyright 2017 Ibbus</p>
</footer>
</html>