Commit
•
e1a87c1
1
Parent(s):
5752531
Upload folder using huggingface_hub
Browse files- .gitattributes +1 -0
- animate_diff.html +45 -0
- assets/favicon/favicon.png +0 -0
- assets/icons/animate_diff.png +0 -0
- assets/icons/automatic1111.png +0 -0
- assets/icons/comfyui.png +0 -0
- assets/icons/diffusers.png +0 -0
- assets/icons/face_swap.png +0 -0
- assets/icons/instantid.png +0 -0
- assets/icons/ip_adapter_faceid.png +0 -0
- assets/icons/magnet.png +0 -0
- assets/icons/musicgen.png +0 -0
- assets/icons/old-photo-restoration.png +0 -0
- assets/icons/openvoice.png +0 -0
- assets/icons/photomaker.png +0 -0
- assets/icons/text_gen.png +0 -0
- assets/icons/video_dif.gif +0 -0
- assets/icons/whisper.png +0 -0
- assets/icons/xtts.png +0 -0
- assets/other-icons/title_icon.png +0 -0
- assets/other-icons/title_icon_bg.png +3 -0
- automatic1111.html +45 -0
- comfyui.html +45 -0
- coqui.html +47 -0
- diffusers.html +49 -0
- face_swap.html +45 -0
- index.html +121 -0
- instantid.html +43 -0
- ip_adapter_faceid.html +45 -0
- magnet.html +43 -0
- musicgen.html +45 -0
- old-photo-restoration.html +43 -0
- openvoice.html +43 -0
- photomaker.html +43 -0
- style.css +72 -0
- style/tabs/style.css +77 -0
- text_generation.html +51 -0
- transcribe.html +51 -0
- video_dif.html +45 -0
- webui.bat +3 -0
- webui.py +9 -0
.gitattributes
CHANGED
@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
|
|
33 |
*.zip filter=lfs diff=lfs merge=lfs -text
|
34 |
*.zst filter=lfs diff=lfs merge=lfs -text
|
35 |
*tfevents* filter=lfs diff=lfs merge=lfs -text
|
|
|
|
33 |
*.zip filter=lfs diff=lfs merge=lfs -text
|
34 |
*.zst filter=lfs diff=lfs merge=lfs -text
|
35 |
*tfevents* filter=lfs diff=lfs merge=lfs -text
|
36 |
+
assets/other-icons/title_icon_bg.png filter=lfs diff=lfs merge=lfs -text
|
animate_diff.html
ADDED
@@ -0,0 +1,45 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - AnimateDiff</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/animate_diff.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - AnimateDiff</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('AnimateDiff', 'https://guoyww-animatediff.hf.space', this)">AnimateDiff</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('AnimateDiff-mini', 'https://purefxai-animationdiff.hf.space', this)">AnimateDiff mini</a></li>
|
21 |
+
</ul>
|
22 |
+
</nav>
|
23 |
+
<main>
|
24 |
+
<iframe id="iframeAnimateDiff" src="https://guoyww-animatediff.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
25 |
+
<iframe id="iframeAnimateDiff-mini" src="https://purefxai-animationdiff.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
26 |
+
</main>
|
27 |
+
<script>
|
28 |
+
function showTab(tabName, url, tab) {
|
29 |
+
const iframes = document.querySelectorAll('iframe');
|
30 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
31 |
+
|
32 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
33 |
+
currentIframe.style.display = 'block';
|
34 |
+
|
35 |
+
setActiveTab(tab);
|
36 |
+
}
|
37 |
+
|
38 |
+
function setActiveTab(activeTab) {
|
39 |
+
const tabs = document.querySelectorAll('.tabs a');
|
40 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
41 |
+
activeTab.classList.add('active');
|
42 |
+
}
|
43 |
+
</script>
|
44 |
+
</body>
|
45 |
+
</html>
|
assets/favicon/favicon.png
ADDED
![]() |
assets/icons/animate_diff.png
ADDED
![]() |
assets/icons/automatic1111.png
ADDED
![]() |
assets/icons/comfyui.png
ADDED
![]() |
assets/icons/diffusers.png
ADDED
![]() |
assets/icons/face_swap.png
ADDED
![]() |
assets/icons/instantid.png
ADDED
![]() |
assets/icons/ip_adapter_faceid.png
ADDED
![]() |
assets/icons/magnet.png
ADDED
![]() |
assets/icons/musicgen.png
ADDED
![]() |
assets/icons/old-photo-restoration.png
ADDED
![]() |
assets/icons/openvoice.png
ADDED
![]() |
assets/icons/photomaker.png
ADDED
![]() |
assets/icons/text_gen.png
ADDED
![]() |
assets/icons/video_dif.gif
ADDED
![]() |
assets/icons/whisper.png
ADDED
![]() |
assets/icons/xtts.png
ADDED
![]() |
assets/other-icons/title_icon.png
ADDED
![]() |
assets/other-icons/title_icon_bg.png
ADDED
![]() |
Git LFS Details
|
automatic1111.html
ADDED
@@ -0,0 +1,45 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - AUTOMATIC1111</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/automatic1111.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - AUTOMATIC1111</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('AUTOMATIC1111-with-CounterfeitXL', 'https://camenduru-com-webui.hf.space', this)">AUTOMATIC1111 with CounterfeitXL</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('AUTOMATIC1111-with-JuggernautXL', 'https://camenduru-com-webui-docker.hf.space', this)">AUTOMATIC1111 with JuggernautXL</a></li>
|
21 |
+
</ul>
|
22 |
+
</nav>
|
23 |
+
<main>
|
24 |
+
<iframe id="iframeAUTOMATIC1111-with-CounterfeitXL" src="https://camenduru-com-webui.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
25 |
+
<iframe id="iframeAUTOMATIC1111-with-JuggernautXL" src="https://camenduru-com-webui-docker.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
26 |
+
</main>
|
27 |
+
<script>
|
28 |
+
function showTab(tabName, url, tab) {
|
29 |
+
const iframes = document.querySelectorAll('iframe');
|
30 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
31 |
+
|
32 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
33 |
+
currentIframe.style.display = 'block';
|
34 |
+
|
35 |
+
setActiveTab(tab);
|
36 |
+
}
|
37 |
+
|
38 |
+
function setActiveTab(activeTab) {
|
39 |
+
const tabs = document.querySelectorAll('.tabs a');
|
40 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
41 |
+
activeTab.classList.add('active');
|
42 |
+
}
|
43 |
+
</script>
|
44 |
+
</body>
|
45 |
+
</html>
|
comfyui.html
ADDED
@@ -0,0 +1,45 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - ComfyUI</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/comfyui.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - ComfyUI</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('ComfyUI-with-SD1.5', 'https://wrdias-comfyui-video2video.hf.space', this)">ComfyUI with SD1.5</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('ComfyUI-with-SDXL-turbo', 'https://lemonteaa-sdxl-turbo-comfyui-test.hf.space', this)">ComfyUI with SDXL-turbo</a></li>
|
21 |
+
</ul>
|
22 |
+
</nav>
|
23 |
+
<main>
|
24 |
+
<iframe id="iframeComfyUI-with-SD1.5" src="https://wrdias-comfyui-video2video.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
25 |
+
<iframe id="iframeComfyUI-with-SDXL-turbo" src="https://lemonteaa-sdxl-turbo-comfyui-test.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
26 |
+
</main>
|
27 |
+
<script>
|
28 |
+
function showTab(tabName, url, tab) {
|
29 |
+
const iframes = document.querySelectorAll('iframe');
|
30 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
31 |
+
|
32 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
33 |
+
currentIframe.style.display = 'block';
|
34 |
+
|
35 |
+
setActiveTab(tab);
|
36 |
+
}
|
37 |
+
|
38 |
+
function setActiveTab(activeTab) {
|
39 |
+
const tabs = document.querySelectorAll('.tabs a');
|
40 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
41 |
+
activeTab.classList.add('active');
|
42 |
+
}
|
43 |
+
</script>
|
44 |
+
</body>
|
45 |
+
</html>
|
coqui.html
ADDED
@@ -0,0 +1,47 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - Coqui</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/xtts.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - Coqui</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('XTTS', 'https://coqui-xtts.hf.space', this)">XTTS</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('CoquiTTS-mini', 'https://Gradio-Blocks-neon-tts-plugin-coqui.hf.space', this)">CoquiTTS mini</a></li>
|
21 |
+
<li><a href="#" onclick="showTab('CoquiTTS-official', 'https://coqui-coquitts.hf.space', this)">CoquiTTS official</a></li>
|
22 |
+
</ul>
|
23 |
+
</nav>
|
24 |
+
<main>
|
25 |
+
<iframe id="iframeXTTS" src="https://coqui-xtts.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
26 |
+
<iframe id="iframeCoquiTTS-mini" src="https://Gradio-Blocks-neon-tts-plugin-coqui.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
27 |
+
<iframe id="iframeCoquiTTS-official" src="https://coqui-coquitts.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
28 |
+
</main>
|
29 |
+
<script>
|
30 |
+
function showTab(tabName, url, tab) {
|
31 |
+
const iframes = document.querySelectorAll('iframe');
|
32 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
33 |
+
|
34 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
35 |
+
currentIframe.style.display = 'block';
|
36 |
+
|
37 |
+
setActiveTab(tab);
|
38 |
+
}
|
39 |
+
|
40 |
+
function setActiveTab(activeTab) {
|
41 |
+
const tabs = document.querySelectorAll('.tabs a');
|
42 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
43 |
+
activeTab.classList.add('active');
|
44 |
+
}
|
45 |
+
</script>
|
46 |
+
</body>
|
47 |
+
</html>
|
diffusers.html
ADDED
@@ -0,0 +1,49 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - Diffusers</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/diffusers.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - Diffusers</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('Diffusers-WebUI', 'https://nyanko7-sd-diffusers-webui.hf.space', this)">Diffusers WebUI</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('Google-SDXL', 'https://google-sdxl.hf.space', this)">Google SDXL</a></li>
|
21 |
+
<li><a href="#" onclick="showTab('LCM', 'https://latent-consistency-real-time-lcm-text-to-image-l-3137446.hf.space', this)">LCM</a></li>
|
22 |
+
<li><a href="#" onclick="showTab('PixArt', '', this)">PixArt (Coming soon)</a></li>
|
23 |
+
</ul>
|
24 |
+
</nav>
|
25 |
+
<main>
|
26 |
+
<iframe id="iframeDiffusers-WebUI" src="https://nyanko7-sd-diffusers-webui.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
27 |
+
<iframe id="iframeGoogle-SDXL" src="https://google-sdxl.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
28 |
+
<iframe id="iframeLCM" src="https://latent-consistency-real-time-lcm-text-to-image-l-3137446.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
29 |
+
<iframe id="iframePixArt" src="" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
30 |
+
</main>
|
31 |
+
<script>
|
32 |
+
function showTab(tabName, url, tab) {
|
33 |
+
const iframes = document.querySelectorAll('iframe');
|
34 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
35 |
+
|
36 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
37 |
+
currentIframe.style.display = 'block';
|
38 |
+
|
39 |
+
setActiveTab(tab);
|
40 |
+
}
|
41 |
+
|
42 |
+
function setActiveTab(activeTab) {
|
43 |
+
const tabs = document.querySelectorAll('.tabs a');
|
44 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
45 |
+
activeTab.classList.add('active');
|
46 |
+
}
|
47 |
+
</script>
|
48 |
+
</body>
|
49 |
+
</html>
|
face_swap.html
ADDED
@@ -0,0 +1,45 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - Face Swap</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/face_swap.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - Face Swap</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('Face-Swap', 'https://tonyassi-face-swap.hf.space', this)">Face Swap</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('Video-Face-Swap', 'https://tonyassi-video-face-swap.hf.space', this)">Video Face Swap</a></li>
|
21 |
+
</ul>
|
22 |
+
</nav>
|
23 |
+
<main>
|
24 |
+
<iframe id="iframeFace-Swap" src="https://tonyassi-face-swap.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
25 |
+
<iframe id="iframeVideo-Face-Swap" src="https://tonyassi-video-face-swap.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
26 |
+
</main>
|
27 |
+
<script>
|
28 |
+
function showTab(tabName, url, tab) {
|
29 |
+
const iframes = document.querySelectorAll('iframe');
|
30 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
31 |
+
|
32 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
33 |
+
currentIframe.style.display = 'block';
|
34 |
+
|
35 |
+
setActiveTab(tab);
|
36 |
+
}
|
37 |
+
|
38 |
+
function setActiveTab(activeTab) {
|
39 |
+
const tabs = document.querySelectorAll('.tabs a');
|
40 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
41 |
+
activeTab.classList.add('active');
|
42 |
+
}
|
43 |
+
</script>
|
44 |
+
</body>
|
45 |
+
</html>
|
index.html
ADDED
@@ -0,0 +1,121 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- index.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - main</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<img src="assets/other-icons/title_icon.png" alt="AI Icon" class="icon">
|
15 |
+
<h1>ReLP - online client for AI</h1>
|
16 |
+
</header>
|
17 |
+
<main>
|
18 |
+
<button onclick="openPage('text_generation.html')">
|
19 |
+
<div>
|
20 |
+
<img src="assets/icons/text_gen.png" alt="Text Generation Icon">
|
21 |
+
<span>Text Generation</span>
|
22 |
+
</div>
|
23 |
+
</button>
|
24 |
+
<button onclick="openPage('transcribe.html')">
|
25 |
+
<div>
|
26 |
+
<img src="assets/icons/whisper.png" alt="Transcribe Icon">
|
27 |
+
<span>Transcribe</span>
|
28 |
+
</div>
|
29 |
+
</button>
|
30 |
+
<button onclick="openPage('diffusers.html')">
|
31 |
+
<div>
|
32 |
+
<img src="assets/icons/diffusers.png" alt="Diffusers Icon">
|
33 |
+
<span>Diffusers</span>
|
34 |
+
</div>
|
35 |
+
</button>
|
36 |
+
<button onclick="openPage('coqui.html')">
|
37 |
+
<div>
|
38 |
+
<img src="assets/icons/xtts.png" alt="Coqui Icon">
|
39 |
+
<span>Coqui</span>
|
40 |
+
</div>
|
41 |
+
</button>
|
42 |
+
<button onclick="openPage('video_dif.html')">
|
43 |
+
<div>
|
44 |
+
<img src="assets/icons/video_dif.gif" alt="Video_dif Icon">
|
45 |
+
<span>Video Diffusion</span>
|
46 |
+
</div>
|
47 |
+
</button>
|
48 |
+
<button onclick="openPage('animate_diff.html')">
|
49 |
+
<div>
|
50 |
+
<img src="assets/icons/animate_diff.png" alt="Animate_diff Icon">
|
51 |
+
<span>AnimateDiff</span>
|
52 |
+
</div>
|
53 |
+
</button>
|
54 |
+
<button onclick="openPage('ip_adapter_faceid.html')">
|
55 |
+
<div>
|
56 |
+
<img src="assets/icons/ip_adapter_faceid.png" alt="Ip_Adapter_FaceID Icon">
|
57 |
+
<span>IP-Adapter-FaceID</span>
|
58 |
+
</div>
|
59 |
+
</button>
|
60 |
+
<button onclick="openPage('automatic1111.html')">
|
61 |
+
<div>
|
62 |
+
<img src="assets/icons/automatic1111.png" alt="AUTOMATIC1111 Icon">
|
63 |
+
<span>AUTOMATIC1111</span>
|
64 |
+
</div>
|
65 |
+
</button>
|
66 |
+
<button onclick="openPage('comfyui.html')">
|
67 |
+
<div>
|
68 |
+
<img src="assets/icons/comfyui.png" alt="ComfyUI Icon">
|
69 |
+
<span>ComfyUI</span>
|
70 |
+
</div>
|
71 |
+
</button>
|
72 |
+
<button onclick="openPage('instantid.html')">
|
73 |
+
<div>
|
74 |
+
<img src="assets/icons/instantid.png" alt="InstantID Icon">
|
75 |
+
<span>InstantID</span>
|
76 |
+
</div>
|
77 |
+
</button>
|
78 |
+
<button onclick="openPage('openvoice.html')">
|
79 |
+
<div>
|
80 |
+
<img src="assets/icons/openvoice.png" alt="OpenVoice Icon">
|
81 |
+
<span>OpenVoice</span>
|
82 |
+
</div>
|
83 |
+
</button>
|
84 |
+
<button onclick="openPage('photomaker.html')">
|
85 |
+
<div>
|
86 |
+
<img src="assets/icons/photomaker.png" alt="PhotoMaker Icon">
|
87 |
+
<span>PhotoMaker</span>
|
88 |
+
</div>
|
89 |
+
</button>
|
90 |
+
<button onclick="openPage('old-photo-restoration.html')">
|
91 |
+
<div>
|
92 |
+
<img src="assets/icons/old-photo-restoration.png" alt="Old Photo Restoration Icon">
|
93 |
+
<span>Old Photo Restoration</span>
|
94 |
+
</div>
|
95 |
+
</button>
|
96 |
+
<button onclick="openPage('musicgen.html')">
|
97 |
+
<div>
|
98 |
+
<img src="assets/icons/musicgen.png" alt="MusicGen Icon">
|
99 |
+
<span>MusicGen</span>
|
100 |
+
</div>
|
101 |
+
</button>
|
102 |
+
<button onclick="openPage('magnet.html')">
|
103 |
+
<div>
|
104 |
+
<img src="assets/icons/magnet.png" alt="MAGNeT Icon">
|
105 |
+
<span>MAGNeT</span>
|
106 |
+
</div>
|
107 |
+
</button>
|
108 |
+
<button onclick="openPage('face_swap.html')">
|
109 |
+
<div>
|
110 |
+
<img src="assets/icons/face_swap.png" alt="Face Swap Icon">
|
111 |
+
<span>Face Swap</span>
|
112 |
+
</div>
|
113 |
+
</button>
|
114 |
+
</main>
|
115 |
+
<script>
|
116 |
+
function openPage(page) {
|
117 |
+
window.location.href = page;
|
118 |
+
}
|
119 |
+
</script>
|
120 |
+
</body>
|
121 |
+
</html>
|
instantid.html
ADDED
@@ -0,0 +1,43 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - InstantID</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/instantid.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - InstantID</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('InstantID', 'https://instantx-instantid.hf.space', this)">InstantID</a></li>
|
20 |
+
</ul>
|
21 |
+
</nav>
|
22 |
+
<main>
|
23 |
+
<iframe id="iframeInstantID" src="https://instantx-instantid.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
24 |
+
</main>
|
25 |
+
<script>
|
26 |
+
function showTab(tabName, url, tab) {
|
27 |
+
const iframes = document.querySelectorAll('iframe');
|
28 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
29 |
+
|
30 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
31 |
+
currentIframe.style.display = 'block';
|
32 |
+
|
33 |
+
setActiveTab(tab);
|
34 |
+
}
|
35 |
+
|
36 |
+
function setActiveTab(activeTab) {
|
37 |
+
const tabs = document.querySelectorAll('.tabs a');
|
38 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
39 |
+
activeTab.classList.add('active');
|
40 |
+
}
|
41 |
+
</script>
|
42 |
+
</body>
|
43 |
+
</html>
|
ip_adapter_faceid.html
ADDED
@@ -0,0 +1,45 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - IP-Adapter-FaceID</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/ip_adapter_faceid.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - IP-Adapter-FaceID</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('IP-Adapter-FaceID', 'https://multimodalart-ip-adapter-faceid.hf.space', this)">IP-Adapter-FaceID</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('IP-Adapter-FaceID-Plus', 'https://ironbar-ip-adapter-faceid-plus.hf.space', this)">IP-Adapter-FaceID-Plus</a></li>
|
21 |
+
</ul>
|
22 |
+
</nav>
|
23 |
+
<main>
|
24 |
+
<iframe id="iframeIP-Adapter-FaceID" src="https://multimodalart-ip-adapter-faceid.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
25 |
+
<iframe id="iframeIP-Adapter-FaceID-Plus" src="https://ironbar-ip-adapter-faceid-plus.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
26 |
+
</main>
|
27 |
+
<script>
|
28 |
+
function showTab(tabName, url, tab) {
|
29 |
+
const iframes = document.querySelectorAll('iframe');
|
30 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
31 |
+
|
32 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
33 |
+
currentIframe.style.display = 'block';
|
34 |
+
|
35 |
+
setActiveTab(tab);
|
36 |
+
}
|
37 |
+
|
38 |
+
function setActiveTab(activeTab) {
|
39 |
+
const tabs = document.querySelectorAll('.tabs a');
|
40 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
41 |
+
activeTab.classList.add('active');
|
42 |
+
}
|
43 |
+
</script>
|
44 |
+
</body>
|
45 |
+
</html>
|
magnet.html
ADDED
@@ -0,0 +1,43 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - MAGNeT</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/magnet.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - MAGNeT</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('MAGNeT', 'https://fffiloni-magnet.hf.space', this)">MAGNeT</a></li>
|
20 |
+
</ul>
|
21 |
+
</nav>
|
22 |
+
<main>
|
23 |
+
<iframe id="iframeMAGNeT" src="https://fffiloni-magnet.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
24 |
+
</main>
|
25 |
+
<script>
|
26 |
+
function showTab(tabName, url, tab) {
|
27 |
+
const iframes = document.querySelectorAll('iframe');
|
28 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
29 |
+
|
30 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
31 |
+
currentIframe.style.display = 'block';
|
32 |
+
|
33 |
+
setActiveTab(tab);
|
34 |
+
}
|
35 |
+
|
36 |
+
function setActiveTab(activeTab) {
|
37 |
+
const tabs = document.querySelectorAll('.tabs a');
|
38 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
39 |
+
activeTab.classList.add('active');
|
40 |
+
}
|
41 |
+
</script>
|
42 |
+
</body>
|
43 |
+
</html>
|
musicgen.html
ADDED
@@ -0,0 +1,45 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - MusicGen</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/musicgen.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - MusicGen</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('MusicGen', 'https://facebook-musicgen.hf.space', this)">MusicGen</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('MusicGen-Streaming', 'https://sanchit-gandhi-musicgen-streaming.hf.space', this)">MusicGen Streaming</a></li>
|
21 |
+
</ul>
|
22 |
+
</nav>
|
23 |
+
<main>
|
24 |
+
<iframe id="iframeMusicGen" src="https://facebook-musicgen.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
25 |
+
<iframe id="iframeMusicGen-Streaming" src="https://sanchit-gandhi-musicgen-streaming.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
26 |
+
</main>
|
27 |
+
<script>
|
28 |
+
function showTab(tabName, url, tab) {
|
29 |
+
const iframes = document.querySelectorAll('iframe');
|
30 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
31 |
+
|
32 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
33 |
+
currentIframe.style.display = 'block';
|
34 |
+
|
35 |
+
setActiveTab(tab);
|
36 |
+
}
|
37 |
+
|
38 |
+
function setActiveTab(activeTab) {
|
39 |
+
const tabs = document.querySelectorAll('.tabs a');
|
40 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
41 |
+
activeTab.classList.add('active');
|
42 |
+
}
|
43 |
+
</script>
|
44 |
+
</body>
|
45 |
+
</html>
|
old-photo-restoration.html
ADDED
@@ -0,0 +1,43 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - Old Photo Restoration</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/old-photo-restoration.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - Old Photo Restoration</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('Old-Photo-Restoration', 'https://modelscope-old-photo-restoration.hf.space', this)">Old Photo Restoration</a></li>
|
20 |
+
</ul>
|
21 |
+
</nav>
|
22 |
+
<main>
|
23 |
+
<iframe id="iframeOld-Photo-Restoration" src="https://modelscope-old-photo-restoration.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
24 |
+
</main>
|
25 |
+
<script>
|
26 |
+
function showTab(tabName, url, tab) {
|
27 |
+
const iframes = document.querySelectorAll('iframe');
|
28 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
29 |
+
|
30 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
31 |
+
currentIframe.style.display = 'block';
|
32 |
+
|
33 |
+
setActiveTab(tab);
|
34 |
+
}
|
35 |
+
|
36 |
+
function setActiveTab(activeTab) {
|
37 |
+
const tabs = document.querySelectorAll('.tabs a');
|
38 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
39 |
+
activeTab.classList.add('active');
|
40 |
+
}
|
41 |
+
</script>
|
42 |
+
</body>
|
43 |
+
</html>
|
openvoice.html
ADDED
@@ -0,0 +1,43 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - OpenVoice</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/openvoice.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - OpenVoice</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('OpenVoice', 'https://myshell-ai-openvoice.hf.space', this)">OpenVoice</a></li>
|
20 |
+
</ul>
|
21 |
+
</nav>
|
22 |
+
<main>
|
23 |
+
<iframe id="iframeOpenVoice" src="https://myshell-ai-openvoice.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
24 |
+
</main>
|
25 |
+
<script>
|
26 |
+
function showTab(tabName, url, tab) {
|
27 |
+
const iframes = document.querySelectorAll('iframe');
|
28 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
29 |
+
|
30 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
31 |
+
currentIframe.style.display = 'block';
|
32 |
+
|
33 |
+
setActiveTab(tab);
|
34 |
+
}
|
35 |
+
|
36 |
+
function setActiveTab(activeTab) {
|
37 |
+
const tabs = document.querySelectorAll('.tabs a');
|
38 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
39 |
+
activeTab.classList.add('active');
|
40 |
+
}
|
41 |
+
</script>
|
42 |
+
</body>
|
43 |
+
</html>
|
photomaker.html
ADDED
@@ -0,0 +1,43 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - PhotoMaker</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/photomaker.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - PhotoMaker</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('PhotoMaker', 'https://tencentarc-photomaker.hf.space', this)">PhotoMaker</a></li>
|
20 |
+
</ul>
|
21 |
+
</nav>
|
22 |
+
<main>
|
23 |
+
<iframe id="iframePhotoMaker" src="https://tencentarc-photomaker.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
24 |
+
</main>
|
25 |
+
<script>
|
26 |
+
function showTab(tabName, url, tab) {
|
27 |
+
const iframes = document.querySelectorAll('iframe');
|
28 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
29 |
+
|
30 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
31 |
+
currentIframe.style.display = 'block';
|
32 |
+
|
33 |
+
setActiveTab(tab);
|
34 |
+
}
|
35 |
+
|
36 |
+
function setActiveTab(activeTab) {
|
37 |
+
const tabs = document.querySelectorAll('.tabs a');
|
38 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
39 |
+
activeTab.classList.add('active');
|
40 |
+
}
|
41 |
+
</script>
|
42 |
+
</body>
|
43 |
+
</html>
|
style.css
ADDED
@@ -0,0 +1,72 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/* style.css */
|
2 |
+
body {
|
3 |
+
font-family: Arial, sans-serif;
|
4 |
+
margin: 0;
|
5 |
+
padding: 0;
|
6 |
+
}
|
7 |
+
|
8 |
+
.dark-theme {
|
9 |
+
background-color: #222;
|
10 |
+
color: #fff;
|
11 |
+
}
|
12 |
+
|
13 |
+
header {
|
14 |
+
background-color: #333;
|
15 |
+
padding: 2px;
|
16 |
+
text-align: center;
|
17 |
+
display: flex;
|
18 |
+
align-items: center;
|
19 |
+
}
|
20 |
+
|
21 |
+
h1 {
|
22 |
+
margin: 0;
|
23 |
+
margin-left: 10px;
|
24 |
+
}
|
25 |
+
|
26 |
+
.icon {
|
27 |
+
width: 60px;
|
28 |
+
height: 60px;
|
29 |
+
}
|
30 |
+
|
31 |
+
main {
|
32 |
+
display: grid;
|
33 |
+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
34 |
+
gap: 10px;
|
35 |
+
align-items: center;
|
36 |
+
justify-content: center;
|
37 |
+
margin: 20px;
|
38 |
+
}
|
39 |
+
|
40 |
+
button {
|
41 |
+
background-color: #444;
|
42 |
+
color: #fff;
|
43 |
+
border: none;
|
44 |
+
padding: 16px;
|
45 |
+
cursor: pointer;
|
46 |
+
display: grid;
|
47 |
+
grid-template-rows: auto 1fr; /* Устанавливаем две строки для изображения и текста */
|
48 |
+
align-items: center;
|
49 |
+
justify-content: center;
|
50 |
+
text-align: center;
|
51 |
+
transition: background-color 0.3s ease;
|
52 |
+
}
|
53 |
+
|
54 |
+
button:hover {
|
55 |
+
background-color: #555;
|
56 |
+
}
|
57 |
+
|
58 |
+
button img {
|
59 |
+
width: 135px;
|
60 |
+
height: 135px;
|
61 |
+
}
|
62 |
+
|
63 |
+
button div {
|
64 |
+
font-size: 16.95px;
|
65 |
+
font-weight: bold;
|
66 |
+
}
|
67 |
+
|
68 |
+
@media screen and (max-width: 768px) {
|
69 |
+
main {
|
70 |
+
grid-template-columns: 1fr;
|
71 |
+
}
|
72 |
+
}
|
style/tabs/style.css
ADDED
@@ -0,0 +1,77 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/* style.css */
|
2 |
+
body {
|
3 |
+
font-family: Arial, sans-serif;
|
4 |
+
margin: 0;
|
5 |
+
padding: 0;
|
6 |
+
}
|
7 |
+
|
8 |
+
.dark-theme {
|
9 |
+
background-color: #222;
|
10 |
+
color: #fff;
|
11 |
+
}
|
12 |
+
|
13 |
+
header {
|
14 |
+
background-color: #333;
|
15 |
+
padding: 10px;
|
16 |
+
text-align: center;
|
17 |
+
display: flex;
|
18 |
+
align-items: center;
|
19 |
+
}
|
20 |
+
|
21 |
+
h1 {
|
22 |
+
margin: 0;
|
23 |
+
margin-left: 10px; /* Добавляем отступ для разделения иконки и заголовка */
|
24 |
+
}
|
25 |
+
|
26 |
+
.icon {
|
27 |
+
width: 30px;
|
28 |
+
height: 30px;
|
29 |
+
}
|
30 |
+
|
31 |
+
nav {
|
32 |
+
background-color: #444;
|
33 |
+
padding: 10px;
|
34 |
+
}
|
35 |
+
|
36 |
+
.tabs {
|
37 |
+
list-style: none;
|
38 |
+
margin: 0;
|
39 |
+
padding: 0;
|
40 |
+
display: flex;
|
41 |
+
justify-content: space-around;
|
42 |
+
}
|
43 |
+
|
44 |
+
.tabs li {
|
45 |
+
display: inline;
|
46 |
+
}
|
47 |
+
|
48 |
+
.tabs a {
|
49 |
+
text-decoration: none;
|
50 |
+
color: #fff;
|
51 |
+
padding: 10px;
|
52 |
+
margin: 5px;
|
53 |
+
border: 1px solid #555;
|
54 |
+
border-radius: 5px;
|
55 |
+
cursor: pointer;
|
56 |
+
transition: background-color 0.3s ease;
|
57 |
+
}
|
58 |
+
|
59 |
+
.tabs a:hover {
|
60 |
+
background-color: #555;
|
61 |
+
}
|
62 |
+
|
63 |
+
.tabs a.active {
|
64 |
+
background-color: #555;
|
65 |
+
}
|
66 |
+
|
67 |
+
main {
|
68 |
+
display: flex;
|
69 |
+
flex-direction: column;
|
70 |
+
align-items: center;
|
71 |
+
margin: 20px;
|
72 |
+
}
|
73 |
+
|
74 |
+
iframe {
|
75 |
+
width: 100%;
|
76 |
+
height: calc(100vh - 150px); /* Вычитаем высоту заголовка и вкладок */
|
77 |
+
}
|
text_generation.html
ADDED
@@ -0,0 +1,51 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - Text Generation</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/text_gen.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - Text Generation</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('LLaMA', 'https://huggingface-projects-llama-2-13b-chat.hf.space', this)">LLaMA</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('Mixtral', 'https://ehristoforu-mixtral-46-7b-chat.hf.space', this)">Mixtral</a></li>
|
21 |
+
<li><a href="#" onclick="showTab('Mistral', 'https://ehristoforu-mistral-7b-chat.hf.space', this)">Mistral</a></li>
|
22 |
+
<li><a href="#" onclick="showTab('Saiga', 'https://ehristoforu-saiga-13b-chat-gpu.hf.space', this)">Saiga</a></li>
|
23 |
+
<li><a href="#" onclick="showTab('GPT-2.0', 'https://docs-demos-gpt2.hf.space', this)">GPT-2.0 (Coming soon)</a></li>
|
24 |
+
</ul>
|
25 |
+
</nav>
|
26 |
+
<main>
|
27 |
+
<iframe id="iframeLLaMA" src="https://huggingface-projects-llama-2-13b-chat.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
28 |
+
<iframe id="iframeMixtral" src="https://ehristoforu-mixtral-46-7b-chat.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
29 |
+
<iframe id="iframeMistral" src="https://ehristoforu-mistral-7b-chat.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
30 |
+
<iframe id="iframeSaiga" src="https://ehristoforu-saiga-13b-chat-gpu.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
31 |
+
<iframe id="iframeGPT" src="https://docs-demos-gpt2.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
32 |
+
</main>
|
33 |
+
<script>
|
34 |
+
function showTab(tabName, url, tab) {
|
35 |
+
const iframes = document.querySelectorAll('iframe');
|
36 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
37 |
+
|
38 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
39 |
+
currentIframe.style.display = 'block';
|
40 |
+
|
41 |
+
setActiveTab(tab);
|
42 |
+
}
|
43 |
+
|
44 |
+
function setActiveTab(activeTab) {
|
45 |
+
const tabs = document.querySelectorAll('.tabs a');
|
46 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
47 |
+
activeTab.classList.add('active');
|
48 |
+
}
|
49 |
+
</script>
|
50 |
+
</body>
|
51 |
+
</html>
|
transcribe.html
ADDED
@@ -0,0 +1,51 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - Transcribe</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/whisper.png" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - Transcribe</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('OpenAI-Whisper', 'https://openai-whisper.hf.space', this)">OpenAI Whisper</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('Whisper-JAX', 'https://sanchit-gandhi-whisper-jax.hf.space', this)">Whisper JAX</a></li>
|
21 |
+
<li><a href="#" onclick="showTab('Whisper-Xenova', 'https://xenova-whisper-web.static.hf.space', this)">Whisper Xenova</a></li>
|
22 |
+
<li><a href="#" onclick="showTab('Fast-Whisper-WebUI', 'https://aadnk-faster-whisper-webui.hf.space', this)">Fast Whisper Webui</a></li>
|
23 |
+
<li><a href="#" onclick="showTab('Distil-Whisper', 'https://xenova-distil-whisper-web.static.hf.space', this)">Distil Whisper (Coming soon)</a></li>
|
24 |
+
</ul>
|
25 |
+
</nav>
|
26 |
+
<main>
|
27 |
+
<iframe id="iframeOpenAI-Whisper" src="https://openai-whisper.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
28 |
+
<iframe id="iframeWhisper-JAX" src="https://sanchit-gandhi-whisper-jax.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
29 |
+
<iframe id="iframeWhisper-Xenova" src="https://xenova-whisper-web.static.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
30 |
+
<iframe id="iframeFast-Whisper-WebUI" src="https://aadnk-faster-whisper-webui.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
31 |
+
<iframe id="iframeDistil-Whisper" src="" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
32 |
+
</main>
|
33 |
+
<script>
|
34 |
+
function showTab(tabName, url, tab) {
|
35 |
+
const iframes = document.querySelectorAll('iframe');
|
36 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
37 |
+
|
38 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
39 |
+
currentIframe.style.display = 'block';
|
40 |
+
|
41 |
+
setActiveTab(tab);
|
42 |
+
}
|
43 |
+
|
44 |
+
function setActiveTab(activeTab) {
|
45 |
+
const tabs = document.querySelectorAll('.tabs a');
|
46 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
47 |
+
activeTab.classList.add('active');
|
48 |
+
}
|
49 |
+
</script>
|
50 |
+
</body>
|
51 |
+
</html>
|
video_dif.html
ADDED
@@ -0,0 +1,45 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- text_generation.html -->
|
2 |
+
<!DOCTYPE html>
|
3 |
+
<html lang="en">
|
4 |
+
<head>
|
5 |
+
<meta charset="UTF-8">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
+
<link rel="stylesheet" href="style/tabs/style.css">
|
8 |
+
<link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
|
9 |
+
<link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
|
10 |
+
<title>ReLP - Video Diffusion</title>
|
11 |
+
</head>
|
12 |
+
<body class="dark-theme">
|
13 |
+
<header>
|
14 |
+
<a href="index.html"><img src="assets/icons/video_dif.gif" alt="AI Icon" class="icon"></a>
|
15 |
+
<h1>ReLP - Video Diffusion</h1>
|
16 |
+
</header>
|
17 |
+
<nav>
|
18 |
+
<ul class="tabs">
|
19 |
+
<li><a href="#" onclick="showTab('Community-Video-Diffusion', 'https://multimodalart-stable-video-diffusion.hf.space', this)">Community Video Diffusion</a></li>
|
20 |
+
<li><a href="#" onclick="showTab('License-Video-Diffusion', 'https://huggingface.co/stabilityai/stable-video-diffusion-img2vid/raw/main/LICENSE', this)">License Video Diffusion</a></li>
|
21 |
+
</ul>
|
22 |
+
</nav>
|
23 |
+
<main>
|
24 |
+
<iframe id="iframeCommunity-Video-Diffusion" src="https://multimodalart-stable-video-diffusion.hf.space" frameborder="1" width="100%" height="calc(100vh - 150px)"></iframe>
|
25 |
+
<iframe id="iframeLicense-Video-Diffusion" src="https://huggingface.co/stabilityai/stable-video-diffusion-img2vid/raw/main/LICENSE" frameborder="1" width="100%" height="calc(100vh - 150px)" style="display: none;"></iframe>
|
26 |
+
</main>
|
27 |
+
<script>
|
28 |
+
function showTab(tabName, url, tab) {
|
29 |
+
const iframes = document.querySelectorAll('iframe');
|
30 |
+
iframes.forEach(iframe => iframe.style.display = 'none');
|
31 |
+
|
32 |
+
const currentIframe = document.getElementById(`iframe${tabName}`);
|
33 |
+
currentIframe.style.display = 'block';
|
34 |
+
|
35 |
+
setActiveTab(tab);
|
36 |
+
}
|
37 |
+
|
38 |
+
function setActiveTab(activeTab) {
|
39 |
+
const tabs = document.querySelectorAll('.tabs a');
|
40 |
+
tabs.forEach(tab => tab.classList.remove('active'));
|
41 |
+
activeTab.classList.add('active');
|
42 |
+
}
|
43 |
+
</script>
|
44 |
+
</body>
|
45 |
+
</html>
|
webui.bat
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
|
|
1 |
+
@echo off
|
2 |
+
|
3 |
+
python webui.py
|
webui.py
ADDED
@@ -0,0 +1,9 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
import gradio as gr
|
2 |
+
|
3 |
+
with gr.Blocks() as demo:
|
4 |
+
with gr.Tab("LLaMA"):
|
5 |
+
gr.load("huggingface-projects/llama-2-13b-chat", src="spaces")
|
6 |
+
with gr.Tab("Mixtral"):
|
7 |
+
gr.load("ehristoforu/mixtral-46.7b-chat", src="spaces")
|
8 |
+
|
9 |
+
demo.launch(server_port=4545)
|