mirror of
https://github.com/RVC-Boss/GPT-SoVITS.git
synced 2025-06-24 13:33:33 +08:00
113 lines
3.5 KiB
Python
113 lines
3.5 KiB
Python
js = """
|
||
function createGradioAnimation() {
|
||
|
||
const params = new URLSearchParams(window.location.search);
|
||
if (params.get('__theme') !== 'light') {
|
||
params.set('__theme', 'light'); // 仅当 __theme 不是 'light' 时设置为 'light'
|
||
window.location.search = params.toString(); // 更新 URL，触发页面刷新
|
||
}
|
||
|
||
var container = document.createElement('div');
|
||
container.id = 'gradio-animation';
|
||
container.style.fontSize = '2em';
|
||
container.style.fontWeight = '500';
|
||
container.style.textAlign = 'center';
|
||
container.style.marginBottom = '20px';
|
||
container.style.fontFamily = '-apple-system, sans-serif, Arial, Calibri';
|
||
|
||
var text = 'Welcome to GPT-SoVITS !';
|
||
for (var i = 0; i < text.length; i++) {
|
||
(function(i){
|
||
setTimeout(function(){
|
||
var letter = document.createElement('span');
|
||
letter.style.opacity = '0';
|
||
letter.style.transition = 'opacity 0.5s';
|
||
letter.innerText = text[i];
|
||
|
||
container.appendChild(letter);
|
||
|
||
setTimeout(function() {
|
||
letter.style.opacity = '1';
|
||
}, 50);
|
||
}, i * 250);
|
||
})(i);
|
||
}
|
||
return 'Animation created';
|
||
}
|
||
"""
|
||
|
||
|
||
css = """
|
||
/* CSSStyleRule */
|
||
|
||
.markdown {
|
||
background-color: lightblue;
|
||
padding: 10px;
|
||
}
|
||
|
||
.checkbox_info {
|
||
color: var(--block-title-text-color) !important;
|
||
font-size: var(--block-title-text-size) !important;
|
||
font-weight: var(--block-title-text-weight) !important;
|
||
height: 22px;
|
||
margin-bottom: 8px !important;
|
||
}
|
||
|
||
::selection {
|
||
background: #ffc078; !important;
|
||
}
|
||
|
||
#checkbox_train_dpo input[type="checkbox"]{
|
||
margin-top: 6px;
|
||
}
|
||
|
||
#checkbox_train_dpo span {
|
||
margin-top: 6px;
|
||
}
|
||
|
||
#checkbox_align_train {
|
||
padding-top: 18px;
|
||
padding-bottom: 18px;
|
||
}
|
||
|
||
#checkbox_align_infer input[type="checkbox"] {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
#checkbox_align_infer span {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
footer {
|
||
height: 50px !important; /* 设置页脚高度 */
|
||
background-color: transparent !important; /* 背景透明 */
|
||
display: flex;
|
||
justify-content: center; /* 居中对齐 */
|
||
align-items: center; /* 垂直居中 */
|
||
}
|
||
|
||
footer * {
|
||
display: none !important; /* 隐藏所有子元素 */
|
||
}
|
||
|
||
"""
|
||
top_html = """
|
||
<div align="center">
|
||
<div style="margin-bottom: 20px; font-size: 15px;">{}</div>
|
||
<div style="display: flex; gap: 80px; justify-content: center;">
|
||
<a href="https://github.com/RVC-Boss/GPT-SoVITS" target="_blank">
|
||
<img src="https://img.shields.io/badge/GitHub-GPT--SoVITS-blue.svg?style=for-the-badge&logo=github" style="width: auto; height: 30px;">
|
||
</a>
|
||
<a href="https://www.yuque.com/baicaigongchang1145haoyuangong/ib3g1e" target="_blank">
|
||
<img src="https://img.shields.io/badge/简体中文-阅读文档-blue?style=for-the-badge&logo=googledocs&logoColor=white" style="width: auto; height: 30px;">
|
||
</a>
|
||
<a href="https://www.yuque.com/baicaigongchang1145haoyuangong/ib3g1e" target="_blank">
|
||
<img src="https://img.shields.io/badge/English-READ%20DOCS-blue?style=for-the-badge&logo=googledocs&logoColor=white" style="width: auto; height: 30px;">
|
||
</a>
|
||
<a href="https://github.com/RVC-Boss/GPT-SoVITS/blob/main/LICENSE" target="_blank">
|
||
<img src="https://img.shields.io/badge/LICENSE-MIT-green.svg?style=for-the-badge&logo=opensourceinitiative" style="width: auto; height: 30px;">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
"""
|