Hugging Face's logo

Spaces:
FreedomIntelligence
/
S2S-Arena
Running

App Files Community
KurtDu commited on
Commit
5daaa4f
·
verified ·
1 Parent(s): 3a222a4

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +34 -31
templates/index.html CHANGED
@@ -10,71 +10,74 @@
10
  body {
11
  background-color: #f4f6f9;
12
  font-family: 'Arial', sans-serif;
13
- display: flex;
14
- justify-content: center;
15
- align-items: center;
16
- height: 100vh;
17
- margin: 0;
18
  }
19
 
20
  .container {
21
  background-color: white;
22
- border-radius: 15px;
23
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
24
- padding: 40px 30px;
25
- text-align: center;
26
- max-width: 600px;
27
- width: 100%;
28
  }
29
 
30
  h3 {
31
  font-size: 1.5rem;
32
  font-weight: bold;
33
  color: #333;
 
34
  margin-bottom: 20px;
35
  }
36
 
37
  p {
 
38
  font-size: 1rem;
39
- color: #666;
40
- margin-bottom: 30px;
41
- line-height: 1.5;
42
  }
43
 
44
- .btn-primary {
45
  border-radius: 25px;
46
- background-color: #007bff;
47
  font-size: 1rem;
48
- padding: 12px 24px;
49
- color: white;
 
 
 
 
 
50
  border: none;
51
- transition: background-color 0.3s ease;
52
  }
53
 
54
  .btn-primary:hover {
55
  background-color: #0056b3;
56
- }
57
-
58
- .btn-primary:focus {
59
- outline: none;
60
- box-shadow: 0 0 4px #007bff;
61
  }
62
  </style>
63
  </head>
64
 
65
  <body>
66
- <div class="container">
67
- <h3>Welcome to the Speech-to-Speech Model Comparison</h3>
68
- <p>
69
- This platform allows you to explore and evaluate Speech-to-Speech (S2S) models.
70
- Click the button below to start the formal evaluation process.
71
- </p>
72
- <button class="btn btn-primary" onclick="redirectToEvaluation()">Start Evaluation</button>
 
 
 
 
 
 
 
 
 
 
 
 
73
  </div>
74
 
75
  <script>
76
  function redirectToEvaluation() {
77
- // Replace the URL with your external evaluation webpage
78
  window.location.href = "http://71.132.14.167:6002/";
79
  }
80
  </script>
 
10
  body {
11
  background-color: #f4f6f9;
12
  font-family: 'Arial', sans-serif;
 
 
 
 
 
13
  }
14
 
15
  .container {
16
  background-color: white;
17
+ border-radius: 10px;
18
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
19
+ padding: 30px;
 
 
 
20
  }
21
 
22
  h3 {
23
  font-size: 1.5rem;
24
  font-weight: bold;
25
  color: #333;
26
+ text-align: center;
27
  margin-bottom: 20px;
28
  }
29
 
30
  p {
31
+ color: #555;
32
  font-size: 1rem;
33
+ line-height: 1.6;
 
 
34
  }
35
 
36
+ .btn {
37
  border-radius: 25px;
 
38
  font-size: 1rem;
39
+ padding: 12px 20px;
40
+ font-weight: bold;
41
+ transition: background-color 0.3s ease, transform 0.2s ease;
42
+ }
43
+
44
+ .btn-primary {
45
+ background-color: #007bff;
46
  border: none;
 
47
  }
48
 
49
  .btn-primary:hover {
50
  background-color: #0056b3;
51
+ transform: scale(1.05);
 
 
 
 
52
  }
53
  </style>
54
  </head>
55
 
56
  <body>
57
+ <div class="container py-5">
58
+ <h3>Welcome to the Speech-to-Speech Model Evaluation</h3>
59
+
60
+ <div id="evaluation-info" class="mb-4">
61
+ <p>
62
+ <strong>Welcome to the Speech-to-Speech (S2S) Model Evaluation!</strong>
63
+ <br><br>
64
+ In this evaluation, you will assess the performance of various S2S models, such as
65
+ <strong>ChatGPT-4o</strong>, <strong>FunAudioLLM</strong>, <strong>SpeechGPT</strong>, and
66
+ <strong>Mini-Omni</strong>. The goal is to evaluate how well these models handle various speech tasks across different domains.
67
+ <br><br>
68
+ You will listen to audio inputs and evaluate the models' outputs based on their ability to follow instructions.
69
+ Get ready to explore the cutting-edge of speech technology!
70
+ </p>
71
+ </div>
72
+
73
+ <div class="text-center">
74
+ <button class="btn btn-primary" onclick="redirectToEvaluation()">Start Evaluation</button>
75
+ </div>
76
  </div>
77
 
78
  <script>
79
  function redirectToEvaluation() {
80
+ // Replace this URL with the actual URL of the external webpage for the evaluation
81
  window.location.href = "http://71.132.14.167:6002/";
82
  }
83
  </script>