forked from shbhsu/socialinnovationlab-calendar
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
127 lines (113 loc) · 7.26 KB
/
index.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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-tw">
<head runat="server">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>唐鳳都在這</title>
<link rel="shortcut icon" href="stylesheets/images/favicon.ico" type="image/x-icon">
<script src="src/vue.js"></script>
<script src="src/moment.min.js"></script>
<!--bootstrap-->
<script src="src/jquery-3.3.1.slim.min.js"></script>
<script src="src/popper.min.js"></script>
<script src="src/bootstrap.min.js"></script>
<link rel="stylesheet" href="src/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="stylesheets/style.css">
</head>
<body>
<div id="app" role="main">
<div class="container" style="padding:10px;">
<div class="row" style="padding-top:20px;">
<div class="col-12" style="text-align:center;">
<div class="row" style="padding-top:30px;">
<div class="col-12" style="text-align:center;">
<!-- <a title="顯示地圖" target="_blank" href="https://www.google.com/maps/place/%E7%A4%BE%E6%9C%83%E5%89%B5%E6%96%B0%E5%AF%A6%E9%A9%97%E4%B8%AD%E5%BF%83/@25.0389127,121.5411135,18z/data=!4m15!1m9!2m8!1z6aOv5bqX!3m6!1z6aOv5bqX!2s25.039406399999997,+121.53986929999999!3s0x3442abd6f627f72d:0x16aa317708e699c5!4m2!1d121.5398693!2d25.0394064!3m4!1s0x3442a983817f600d:0xa055f2f16c67c77d!8m2!3d25.0386229!4d121.5409823?hl=zh-TW">
<div class="hbanner">
</div>
</a> -->
<div class="headerlogo">
<div class="htitle">
為維護拜會品質，自2021年4月1日起，唐鳳每週三office hour <font color="red">僅開放「已於社會創新平台登錄完成的社創組織」線上預約</font><strong>，不開放現場拜會。</strong>
<br><br>
如欲拜會的單位，敬請先至平台登錄。<strong>同一單位拜會當日起三個月後方可再預約。</strong>
<br><br>
預約連結: <a target="_blank" href='https://au.pdis.tw'>https://au.pdis.tw</a>
<br><br>
社會創新平台: <a target="_blank" href='https://si.taiwan.gov.tw'>si.taiwan.gov.tw</a>
<br>
本辦拜會原則: <a target="_blank" href='https://talk.pdis.nat.gov.tw/t/topic/44'>talk.pdis.nat.gov.tw/t/topic/44</a>
</div>
</div>
</div>
<hr />
<div class="row">
<div id="calender" v-for="calender in calenders" class="col-sm-6 col-lg-3 col-12 left" style="padding: 0px;">
<div :class="calender.cls">
<div class="calenderContent">
<div class="calenderTitle">{{calender.title}}</div>
<!-- <div class="calenderDate">{{calender.date}}</div> -->
<div :class="calender.clsSubtitle">
<span style='color:black;'>10:00~12:00: </span>{{calender.subtitle}}</div>
<div :class='"calenderBookStatus"+" "+ calender.clsBookStatus'>
<span style='color:black;'>13:00~17:00: </span>{{calender.bookStatus}}</div>
</div>
</div>
</div>
</div>
<hr />
</div>
<div class="col-12">
<div id="updateDT" style="float:right;"> 最後更新時間：{{ updateTime }} GMT+8
<br>※此行事曆每三小時更新，實際情形以現場為準
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="warningModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<!-- 依照指揮中心疫情警戒，2022年唐鳳每週三offce hour ，每兩週滾動開放預約。
<br>
如為二級警戒，拜會改為<strong>全線上形式</strong>；如升為三級警戒，拜會<font color="red">全面暫停</font>。
<br>
預約資格和<a target="_blank" href="https://visit.pdis.tw/">紀錄方式</a>均不變。
<br><br>
In line with the Central Epidemic Command Center's nationwide epidemic alert, Minister Audrey Tangs' office hours in 2022 will be held every two weeks on a rolling basis. If it is a level 2 alarm, the office hour will be switched to a full-line format; if it is elevated to a level 3 alert, the office hour will be canceled.
<br>
Both the appointment qualification and the <a target="_blank" href="https://visit.pdis.tw/">radical transparency protocol</a> remain in effect. -->
依照指揮中心疫情警戒時間，2022年唐鳳每週三offce hour ，<strong>每月</strong>滾動確認開放預約。預約資格和<a target="_blank" href="https://visit.pdis.tw/">紀錄方式</a>均不變。
<br>
<br>
<strong>本辦將依實際情形保留隨時變更、暫停或終止office hour之權利。</strong>
<br>
<br>
In line with the Central Epidemic Command Center's nationwide epidemic alert, Minister Audrey Tangs' office hours in 2022 will be held <strong>every month</strong> on a rolling basis.
Both the appointment qualification and the <a target="_blank" href="https://visit.pdis.tw/">radical transparency protocol</a> remain in effect.
<strong>Minister’s office reserves the right to make changes without prior notice.</strong>
<!-- <p>有鑒於疫情變化快速，為降低與會者風險，唐鳳 office hour 均<font style="color:red">暫停預約</font>，
待疫情警戒完全解除後，將再行開放。</p>
<p>
Minister Audrey Tang’s office hours will be reopened after the nationwide epidemic alert is all cleared.
</p> -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">關閉 Close</button>
</div>
</div>
</div>
</div>
</body>
<footer>
<script>
$('#warningModal').modal('show');
</script>
<script src="main.js">
</script>
</footer>
</html>