Hugging Face's logo

Spaces:
cwadayi
/
Aqua
Running

App Files Community
cwadayi commited on
Commit
1acf18e
·
verified ·
1 Parent(s): e85f1f6

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +146 -18
index.html CHANGED
@@ -1,19 +1,147 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="zh-Hant">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>海生館推薦行程 (方案一)</title>
7
+ <style>
8
+ body {
9
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
10
+ background-color: #f4f7f6;
11
+ color: #333;
12
+ margin: 0;
13
+ padding: 20px;
14
+ }
15
+ .container {
16
+ max-width: 800px;
17
+ margin: 20px auto;
18
+ background-color: #ffffff;
19
+ border-radius: 10px;
20
+ box-shadow: 0 4px 12px rgba(0,0,0,0.05);
21
+ overflow: hidden;
22
+ }
23
+ header {
24
+ background-color: #0056b3;
25
+ color: white;
26
+ padding: 20px 30px;
27
+ }
28
+ header h1 {
29
+ margin: 0;
30
+ font-size: 24px;
31
+ }
32
+ header p {
33
+ margin: 5px 0 0;
34
+ opacity: 0.9;
35
+ }
36
+ .timeline {
37
+ padding: 30px;
38
+ }
39
+ h2 {
40
+ font-size: 20px;
41
+ color: #0056b3;
42
+ border-bottom: 2px solid #e0e0e0;
43
+ padding-bottom: 10px;
44
+ margin-top: 0;
45
+ }
46
+ .event {
47
+ background-color: #fdfdfd;
48
+ border: 1px solid #e0e0e0;
49
+ border-left: 5px solid #007bff;
50
+ padding: 20px;
51
+ margin-bottom: 20px;
52
+ border-radius: 8px;
53
+ }
54
+ .event-move {
55
+ border-left-color: #6c757d;
56
+ background-color: #f8f9fa;
57
+ text-align: center;
58
+ font-style: italic;
59
+ color: #555;
60
+ }
61
+ .event .time {
62
+ font-size: 18px;
63
+ font-weight: bold;
64
+ color: #d9534f;
65
+ margin-bottom: 10px;
66
+ }
67
+ .event .title {
68
+ font-size: 20px;
69
+ font-weight: 600;
70
+ margin-bottom: 8px;
71
+ }
72
+ .event .location {
73
+ font-size: 16px;
74
+ color: #555;
75
+ }
76
+ .summary {
77
+ padding: 20px 30px;
78
+ background-color: #fffbe6;
79
+ border-top: 1px solid #e0e0e0;
80
+ }
81
+ .summary strong {
82
+ color: #8a6d3b;
83
+ }
84
+ </style>
85
+ </head>
86
+ <body>
87
+
88
+ <div class="container">
89
+ <header>
90
+ <h1>海生館推薦行程 (方案一)</h1>
91
+ <p>此方案以「最少場館移動」為優先，可觀賞 6 項表演。</p>
92
+ </header>
93
+
94
+ <div class="timeline">
95
+ <h2>上午：集中在「台灣水域館」與「珊瑚王國館」</h2>
96
+
97
+ <div class="event">
98
+ <div class="time">10:00 - 10:15</div>
99
+ [span_0](start_span)<div class="title">大洋池餵食解說[span_0](end_span)</div>
100
+ [span_1](start_span)<div class="location">地點：台灣水域館[span_1](end_span)</div>
101
+ </div>
102
+
103
+ <div class="event">
104
+ <div class="time">10:30 - 11:00</div>
105
+ [span_2](start_span)<div class="title">觸摸池開放時段[span_2](end_span)</div>
106
+ [span_3](start_span)<div class="location">地點：台灣水域館[span_3](end_span)</div>
107
+ </div>
108
+
109
+ <div class="event">
110
+ <div class="time">11:00 - 11:15</div>
111
+ [span_4](start_span)<div class="title">與魚共舞[span_4](end_span)</div>
112
+ [span_5](start_span)<div class="location">地點：珊瑚王國館 - 海底隧道[span_5](end_span)</div>
113
+ </div>
114
+
115
+ <div class="event event-move">
116
+ (中午可在此區用餐或休息，準備移動)
117
+ </div>
118
+
119
+ <h2>下午：移動至「世界水域館」</h2>
120
+
121
+ <div class="event">
122
+ <div class="time">14:00 - 14:15</div>
123
+ [span_6](start_span)<div class="title">海藻森林餵食解說[span_6](end_span)</div>
124
+ [span_7](start_span)<div class="location">地點：世界水域館[span_7](end_span)</div>
125
+ </div>
126
+
127
+ <div class="event">
128
+ <div class="time">14:30 - 14:45</div>
129
+ [span_8](start_span)<div class="title">海豹餵食解說[span_8](end_span)</div>
130
+ [span_9](start_span)<div class="location">地點：世界水域館[span_9](end_span)</div>
131
+ </div>
132
+
133
+ <div class="event">
134
+ <div class="time">15:00 - 15:15</div>
135
+ [span_10](start_span)<div class="title">企鵝餵食解說[span_10](end_span)</div>
136
+ [span_11](start_span)<div class="location">地點：世界水域館[span_11](end_span)</div>
137
+ </div>
138
+ </div>
139
+
140
+ <div class="summary">
141
+ <strong>*犧牲的活動：</strong>
142
+ [span_12](start_span)10:00 的「海鸚鵡餵食解說」（世界水域館）[span_12](end_span)[span_13](start_span)，因與「大洋池餵食」[span_13](end_span) 衝突。
143
+ </div>
144
+ </div>
145
+
146
+ </body>
147
  </html>