Hugging Face's logo

Spaces:
relp
/
app
Running

App Files Community
ehristoforu commited on
Commit
e1a87c1
•
1 Parent(s): 5752531

Upload folder using huggingface_hub

Browse files
Files changed (41) hide show
  1. .gitattributes +1 -0
  2. animate_diff.html +45 -0
  3. assets/favicon/favicon.png +0 -0
  4. assets/icons/animate_diff.png +0 -0
  5. assets/icons/automatic1111.png +0 -0
  6. assets/icons/comfyui.png +0 -0
  7. assets/icons/diffusers.png +0 -0
  8. assets/icons/face_swap.png +0 -0
  9. assets/icons/instantid.png +0 -0
  10. assets/icons/ip_adapter_faceid.png +0 -0
  11. assets/icons/magnet.png +0 -0
  12. assets/icons/musicgen.png +0 -0
  13. assets/icons/old-photo-restoration.png +0 -0
  14. assets/icons/openvoice.png +0 -0
  15. assets/icons/photomaker.png +0 -0
  16. assets/icons/text_gen.png +0 -0
  17. assets/icons/video_dif.gif +0 -0
  18. assets/icons/whisper.png +0 -0
  19. assets/icons/xtts.png +0 -0
  20. assets/other-icons/title_icon.png +0 -0
  21. assets/other-icons/title_icon_bg.png +3 -0
  22. automatic1111.html +45 -0
  23. comfyui.html +45 -0
  24. coqui.html +47 -0
  25. diffusers.html +49 -0
  26. face_swap.html +45 -0
  27. index.html +121 -0
  28. instantid.html +43 -0
  29. ip_adapter_faceid.html +45 -0
  30. magnet.html +43 -0
  31. musicgen.html +45 -0
  32. old-photo-restoration.html +43 -0
  33. openvoice.html +43 -0
  34. photomaker.html +43 -0
  35. style.css +72 -0
  36. style/tabs/style.css +77 -0
  37. text_generation.html +51 -0
  38. transcribe.html +51 -0
  39. video_dif.html +45 -0
  40. webui.bat +3 -0
  41. 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

  • SHA256: dbdc4f42cf0d6edebd689385c094d51ba15342e198f6fe773b39263dd6ae27a6
  • Pointer size: 132 Bytes
  • Size of remote file: 1.02 MB
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)