-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (124 loc) · 4.87 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
128
129
130
131
132
133
134
135
136
137
138
139
140
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<title>FactWave FM Database</title>
<link rel="stylesheet" href="./style.css">
<script type="text/javascript"src="./script.js"></script>
<script type="text/javascript" src="blink_led.js"></script>
<link href="https://fonts.googleapis.com/css?family=Orbitron:400,500,700,900" rel="stylesheet">
<!-- Hotjar Tracking Code for FactWaveFMDay1 -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:3642652,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L4VE6GV41W"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-L4VE6GV41W');
</script>
</head>
<body>
<!-- Page -->
<div class="split left">
<div class="left">
<!-- Logo-->
<div class="logo">
<span class="text"><strong>FactWaveFM</strong></span>
</div>
<!-- content1 -->
<div id="content1">
<!-- 1#Vote -->
<div id="vote">
<div class="container">
<div class="splitvote leftvote">
<div class="centered">
<h2>假的</h2>
</div>
</div>
<div class="splitvote rightvote">
<div class="centered">
<h2>真的</h2>
</div>
</div>
<div id="Phase_D">
<span class="v50_15">
<h3>請表達你對這則新聞的看法</h3>
</span>
<div class="slidecontainer">
<span class="v50_16">
<p>你認為這則新聞的真實性如何？</p>
<input type="range" min="1" max="100" value="50" class="slider" id="q1"><br>
<p><br>新聞真實性認知 (NAP) : <span id="demo1">50</span></p>
</span>
</div>
<button id="downloadButton">集體新聞真實性認知</button>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
var vq1 = 50;
var slider1 = document.getElementById("q1");
var demo1 = document.getElementById("demo1");
demo1.innerHTML = vq1;
slider1.addEventListener("input", function () {
vq1 = this.value;
demo1.innerHTML = vq1;
});
var downloadButton = document.getElementById("downloadButton");
downloadButton.addEventListener("click", function () {
var currentDate = new Date();
var timestamp = currentDate.toISOString();
var csvContent = "timestamp,vq1\n" + timestamp + "," + vq1 + "\n";
var blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
var url = URL.createObjectURL(blob);
var link = document.createElement("a");
link.setAttribute("href", url);
link.setAttribute("download", "slider_data_with_timestamp.csv");
link.style.visibility = "hidden";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
});
});
</script>
</div>
</div>
</div>
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
crossorigin="anonymous"></script>
<footer>
<div class="footer">
<div class="row">
<ul>
<li><a href="https://24.144.116.140/public/factwavefm" target="_blank">電台</a></li>
<li><a href="./index.html">投票</a></li>
<li><a href="./schedule.html">時間表</a></li>
<li><a href="./research.html">研究</a></li>
<li><a href="./manifesto.html">宣言</a></li>
<li> <a href="https://www.instagram.com/lovelythoughts404/" target="_blank">Instagram</a></li>
<li><p>Copyright © 2024 FactWaveFM & ShangYunWu - All rights reserved
</p></li>
</ul>
</div>
</div>
</footer>
</body>
</html>