|
|
--- |
|
|
license: apache-2.0 |
|
|
pipeline_tag: text-to-image |
|
|
base_model: |
|
|
- Qwen/Qwen-Image-Edit-2509 |
|
|
language: |
|
|
- en |
|
|
--- |
|
|
<html> |
|
|
<head> |
|
|
<style> |
|
|
body { |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
height: 100vh; |
|
|
margin: 0; |
|
|
background: #f4f4f4; |
|
|
font-family: Arial, sans-serif; |
|
|
} |
|
|
.card { |
|
|
background: #FF8C00; |
|
|
border-radius: 16px; |
|
|
padding: 24px; |
|
|
width: 100%; |
|
|
box-shadow: 0 6px 12px rgba(0,0,0,0.2); |
|
|
color: #fff; |
|
|
} |
|
|
.header { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
margin-bottom: 16px; |
|
|
} |
|
|
.spinner { |
|
|
width: 24px; |
|
|
height: 24px; |
|
|
margin-right: 12px; |
|
|
border: 4px solid rgba(255,255,255,0.5); |
|
|
border-top-color: #fff; |
|
|
border-radius: 50%; |
|
|
animation: spin 3s linear infinite; |
|
|
} |
|
|
h2 { |
|
|
font-size: 1.2rem; |
|
|
margin: 0; |
|
|
} |
|
|
.info-blocks { |
|
|
display: flex; |
|
|
border: 1px solid rgba(255,255,255,0.5); |
|
|
border-radius: 12px; |
|
|
overflow: hidden; |
|
|
margin-bottom: 16px; |
|
|
} |
|
|
.info-block { |
|
|
flex: 1; |
|
|
padding: 8px 12px; |
|
|
font-size: 0.85rem; |
|
|
text-align: center; |
|
|
} |
|
|
.info-block + .info-block { |
|
|
border-left: 1px solid rgba(255,255,255,0.5); |
|
|
} |
|
|
.info-block strong { |
|
|
display: block; |
|
|
margin-bottom: 4px; |
|
|
font-weight: 600; |
|
|
} |
|
|
.progress-container { |
|
|
background: rgba(255,255,255,0.3); |
|
|
border-radius: 12px; |
|
|
overflow: hidden; |
|
|
height: 14px; |
|
|
margin-bottom: 8px; |
|
|
} |
|
|
.progress-bar { |
|
|
width: 0%; |
|
|
height: 100%; |
|
|
background: #fff; |
|
|
animation: load 4s ease-in-out forwards; |
|
|
} |
|
|
.status-text { |
|
|
font-size: 0.9rem; |
|
|
text-align: center; |
|
|
} |
|
|
@keyframes spin { |
|
|
to { transform: rotate(360deg); } |
|
|
} |
|
|
@keyframes load { |
|
|
0% { width: 0; } |
|
|
100% { width: 80%; } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class="card"> |
|
|
<div class="header"> |
|
|
<div class="spinner"></div> |
|
|
<h2>SPARK.Qwen-IE_v1 Fine-Tune</h2> |
|
|
</div> |
|
|
<div class="info-blocks"> |
|
|
<div class="info-block"> |
|
|
<strong>START DATE:</strong> |
|
|
November 17, 2025 |
|
|
</div> |
|
|
<div class="info-block"> |
|
|
<strong>LAST UPDATE:</strong> |
|
|
November 26, 2025 |
|
|
</div> |
|
|
<div class="info-block"> |
|
|
<strong>DATASET SIZE:</strong> |
|
|
3600 IMAGES |
|
|
</div> |
|
|
<div class="info-block"> |
|
|
<strong>EQUIPMENT:</strong> |
|
|
1 x RTX 4090 (24GB) |
|
|
</div> |
|
|
<div class="info-block"> |
|
|
<strong>TRAINING TIME:</strong> |
|
|
0h 0m |
|
|
</div> |
|
|
</div> |
|
|
<div class="progress-container"> |
|
|
<div class="progress-bar"></div> |
|
|
</div> |
|
|
<div class="status-text">Dataset Preparation... 0%</div> |
|
|
</div> |
|
|
</body> |
|
|
</html> |
