Spaces:
Sleeping
Sleeping
Upload 4 files
Browse files- ui/__init__.py +0 -0
- ui/__pycache__/__init__.cpython-312.pyc +0 -0
- ui/__pycache__/htmls.cpython-312.pyc +0 -0
- ui/htmls.py +97 -0
ui/__init__.py
ADDED
File without changes
|
ui/__pycache__/__init__.cpython-312.pyc
ADDED
Binary file (147 Bytes). View file
|
|
ui/__pycache__/htmls.cpython-312.pyc
ADDED
Binary file (2.01 kB). View file
|
|
ui/htmls.py
ADDED
@@ -0,0 +1,97 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
CSS = """
|
2 |
+
.bmc-button {
|
3 |
+
padding: 2px 5px;
|
4 |
+
border-radius: 5px;
|
5 |
+
background-color: #FF813F;
|
6 |
+
color: white;
|
7 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
|
8 |
+
text-decoration: none;
|
9 |
+
display: inline-block;
|
10 |
+
font-size: 20px;
|
11 |
+
margin: 2px;
|
12 |
+
cursor: pointer;
|
13 |
+
-webkit-transition: background-color 0.3s ease;
|
14 |
+
-ms-transition: background-color 0.3s ease;
|
15 |
+
transition: background-color 0.3s ease;
|
16 |
+
}
|
17 |
+
.bmc-button:hover,
|
18 |
+
.bmc-button:active,
|
19 |
+
.bmc-button:focus {
|
20 |
+
background-color: #FF5633;
|
21 |
+
}
|
22 |
+
.markdown {
|
23 |
+
margin-bottom: 0;
|
24 |
+
padding-bottom: 0;
|
25 |
+
}
|
26 |
+
.tabs {
|
27 |
+
margin-top: 0;
|
28 |
+
padding-top: 0;
|
29 |
+
}
|
30 |
+
|
31 |
+
#md_project a {
|
32 |
+
color: black;
|
33 |
+
text-decoration: none;
|
34 |
+
}
|
35 |
+
#md_project a:hover {
|
36 |
+
text-decoration: underline;
|
37 |
+
}
|
38 |
+
"""
|
39 |
+
|
40 |
+
MARKDOWN = """
|
41 |
+
### [Whisper Web-UI](https://github.com/jhj0517/Whsiper-WebUI)
|
42 |
+
"""
|
43 |
+
|
44 |
+
|
45 |
+
NLLB_VRAM_TABLE = """
|
46 |
+
<!DOCTYPE html>
|
47 |
+
<html lang="en">
|
48 |
+
<head>
|
49 |
+
<meta charset="UTF-8">
|
50 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
51 |
+
<style>
|
52 |
+
table {
|
53 |
+
border-collapse: collapse;
|
54 |
+
width: 100%;
|
55 |
+
}
|
56 |
+
th, td {
|
57 |
+
border: 1px solid #dddddd;
|
58 |
+
text-align: left;
|
59 |
+
padding: 8px;
|
60 |
+
}
|
61 |
+
th {
|
62 |
+
background-color: #f2f2f2;
|
63 |
+
}
|
64 |
+
</style>
|
65 |
+
</head>
|
66 |
+
<body>
|
67 |
+
|
68 |
+
<details>
|
69 |
+
<summary>VRAM usage for each model</summary>
|
70 |
+
<table>
|
71 |
+
<thead>
|
72 |
+
<tr>
|
73 |
+
<th>Model name</th>
|
74 |
+
<th>Required VRAM</th>
|
75 |
+
</tr>
|
76 |
+
</thead>
|
77 |
+
<tbody>
|
78 |
+
<tr>
|
79 |
+
<td>nllb-200-3.3B</td>
|
80 |
+
<td>~16GB</td>
|
81 |
+
</tr>
|
82 |
+
<tr>
|
83 |
+
<td>nllb-200-1.3B</td>
|
84 |
+
<td>~8GB</td>
|
85 |
+
</tr>
|
86 |
+
<tr>
|
87 |
+
<td>nllb-200-distilled-600M</td>
|
88 |
+
<td>~4GB</td>
|
89 |
+
</tr>
|
90 |
+
</tbody>
|
91 |
+
</table>
|
92 |
+
<p><strong>Note:</strong> Be mindful of your VRAM! The table above provides an approximate VRAM usage for each model.</p>
|
93 |
+
</details>
|
94 |
+
|
95 |
+
</body>
|
96 |
+
</html>
|
97 |
+
"""
|