Hugging Face's logo

Spaces:
ortal1602
/
ARvsFM
Running

App Files Community
ortal1602 commited on
Commit
b134646
·
verified ·
1 Parent(s): f1ebced

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +20 -83
index.html CHANGED
@@ -2,96 +2,30 @@
2
  <html lang="en">
3
  <head>
4
  <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>AR vs FM Experiment Page</title>
7
  <link rel="stylesheet" href="style/bootstrap.min.css">
8
  <style>
9
- * {
10
- box-sizing: border-box;
11
- }
12
-
13
- body {
14
- margin: 0;
15
- padding: 0;
16
- font-family: system-ui, sans-serif;
17
- background-color: #f5f5f5;
18
- }
19
-
20
- .container {
21
- width: 100%;
22
- padding: 30px 20px;
23
- background: white;
24
- border-radius: 0;
25
- box-shadow: none;
26
- margin-bottom: 50px;
27
- }
28
-
29
- table {
30
- width: 100%;
31
- border-collapse: separate;
32
- border-spacing: 0 10px;
33
- table-layout: fixed;
34
- }
35
-
36
- td, th {
37
- text-align: left;
38
- padding: 10px;
39
- vertical-align: top;
40
- word-break: break-word;
41
- white-space: normal;
42
- }
43
-
44
- audio {
45
- width: 100%;
46
- max-width: 300px;
47
- }
48
-
49
- select {
50
- margin-top: 10px;
51
- margin-bottom: 20px;
52
- }
53
-
54
- #highlight-box img {
55
- max-width: 100%;
56
- height: auto;
57
- }
58
-
59
- @media (max-width: 768px) {
60
- .container {
61
- padding: 20px 10px;
62
- }
63
-
64
- table thead {
65
- display: none;
66
- }
67
-
68
- table, tbody, tr, td {
69
- display: block;
70
- width: 100%;
71
- }
72
-
73
- tr {
74
- margin-bottom: 20px;
75
- border-bottom: 1px solid #ccc;
76
- }
77
-
78
- td {
79
- padding-left: 10px;
80
- padding-right: 10px;
81
  }
82
-
83
- td::before {
84
- content: attr(data-label);
85
- font-weight: bold;
86
- display: block;
87
- margin-bottom: 5px;
88
  }
89
-
90
  audio {
91
- width: 100%;
 
 
92
  }
93
- }
94
- </style>
 
 
 
 
 
 
95
  </head>
96
  <body>
97
 
@@ -180,6 +114,7 @@
180
  showHighlight(highlightIndex);
181
  }
182
 
 
183
  showHighlight(highlightIndex);
184
  </script>
185
 
@@ -592,3 +527,5 @@
592
 
593
  </body>
594
  </html>
 
 
 
2
  <html lang="en">
3
  <head>
4
  <meta charset="UTF-8">
 
5
  <title>AR vs FM Experiment Page</title>
6
  <link rel="stylesheet" href="style/bootstrap.min.css">
7
  <style>
8
+ body {
9
+ margin: 30px 80px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10
  }
11
+ td, th {
12
+ text-align: center;
13
+ padding: 8px;
14
+ border-bottom: 0.1px solid #aaa;
 
 
15
  }
 
16
  audio {
17
+ width: 20vw;
18
+ min-width: 100px;
19
+ max-width: 250px;
20
  }
21
+ .container {
22
+ background: white;
23
+ border-radius: 16px;
24
+ padding: 30px;
25
+ box-shadow: 0 4px 20px rgba(0,0,0,0.05);
26
+ margin-bottom: 50px;
27
+ }
28
+ </style>
29
  </head>
30
  <body>
31
 
 
114
  showHighlight(highlightIndex);
115
  }
116
 
117
+ // Initialize
118
  showHighlight(highlightIndex);
119
  </script>
120
 
 
527
 
528
  </body>
529
  </html>
530
+
531
+