Spaces:
Sleeping
Sleeping
Update ui.py
#5
by
pabloce
- opened
ui.py
CHANGED
@@ -28,7 +28,7 @@ PLACEHOLDER = """
|
|
28 |
</figure>
|
29 |
<div style="padding: .5rem 1.5rem;">
|
30 |
<h2 style="text-align: left; font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem;">Fine-tune Llama 3 with ORPO</h2>
|
31 |
-
<p style="text-align: left; font-size: 16px; line-height: 1.5; margin-bottom: 15px;">ORPO is a
|
32 |
<div style="display: flex; justify-content: space-between; align-items: center;">
|
33 |
<div style="display: flex; flex-flow: column; justify-content: space-between;">
|
34 |
<span style="display: inline-flex; align-items: center; border-radius: 0.375rem; background-color: rgba(79, 70, 229, 0.1); padding: 0.1rem 0.75rem; font-size: 0.75rem; font-weight: 500; color: #60a5fa; margin-top: 2.5px;">
|
@@ -37,11 +37,10 @@ PLACEHOLDER = """
|
|
37 |
</div>
|
38 |
<div style="display: flex; justify-content: flex-end; align-items: center;">
|
39 |
<a href="https://mlabonne.github.io/blog/posts/2024-04-19_Fine_tune_Llama_3_with_ORPO.html" target="_blank" rel="noreferrer" style="padding: .5rem;">
|
40 |
-
<svg
|
41 |
<title>Website</title>
|
42 |
<path stroke-linecap="round" stroke-linejoin="round" d="m6.115 5.19.319 1.913A6 6 0 0 0 8.11 10.36L9.75 12l-.387.775c-.217.433-.132.956.21 1.298l1.348 1.348c.21.21.329.497.329.795v1.089c0 .426.24.815.622 1.006l.153.076c.433.217.956.132 1.298-.21l.723-.723a8.7 8.7 0 0 0 2.288-4.042 1.087 1.087 0 0 0-.358-1.099l-1.33-1.108c-.251-.21-.582-.299-.905-.245l-1.17.195a1.125 1.125 0 0 1-.98-.314l-.295-.295a1.125 1.125 0 0 1 0-1.591l.13-.132a1.125 1.125 0 0 1 1.3-.21l.603.302a.809.809 0 0 0 1.086-1.086L14.25 7.5l1.256-.837a4.5 4.5 0 0 0 1.528-1.732l.146-.292M6.115 5.19A9 9 0 1 0 17.18 4.64M6.115 5.19A8.965 8.965 0 0 1 12 3c1.929 0 3.716.607 5.18 1.64" />
|
43 |
</svg>
|
44 |
-
|
45 |
</a>
|
46 |
<a href="https://github.com/mlabonne" target="_blank" rel="noreferrer" style="padding: .5rem;">
|
47 |
<svg width="24" height="24" fill="currentColor" viewBox="3 3 18 18">
|
|
|
28 |
</figure>
|
29 |
<div style="padding: .5rem 1.5rem;">
|
30 |
<h2 style="text-align: left; font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem;">Fine-tune Llama 3 with ORPO</h2>
|
31 |
+
<p style="text-align: left; font-size: 16px; line-height: 1.5; margin-bottom: 15px;">ORPO is a new exciting fine-tuning technique that combines the traditional supervised fine-tuning and preference alignment stages into a single process.</p>
|
32 |
<div style="display: flex; justify-content: space-between; align-items: center;">
|
33 |
<div style="display: flex; flex-flow: column; justify-content: space-between;">
|
34 |
<span style="display: inline-flex; align-items: center; border-radius: 0.375rem; background-color: rgba(79, 70, 229, 0.1); padding: 0.1rem 0.75rem; font-size: 0.75rem; font-weight: 500; color: #60a5fa; margin-top: 2.5px;">
|
|
|
37 |
</div>
|
38 |
<div style="display: flex; justify-content: flex-end; align-items: center;">
|
39 |
<a href="https://mlabonne.github.io/blog/posts/2024-04-19_Fine_tune_Llama_3_with_ORPO.html" target="_blank" rel="noreferrer" style="padding: .5rem;">
|
40 |
+
<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="28" height="28" >
|
41 |
<title>Website</title>
|
42 |
<path stroke-linecap="round" stroke-linejoin="round" d="m6.115 5.19.319 1.913A6 6 0 0 0 8.11 10.36L9.75 12l-.387.775c-.217.433-.132.956.21 1.298l1.348 1.348c.21.21.329.497.329.795v1.089c0 .426.24.815.622 1.006l.153.076c.433.217.956.132 1.298-.21l.723-.723a8.7 8.7 0 0 0 2.288-4.042 1.087 1.087 0 0 0-.358-1.099l-1.33-1.108c-.251-.21-.582-.299-.905-.245l-1.17.195a1.125 1.125 0 0 1-.98-.314l-.295-.295a1.125 1.125 0 0 1 0-1.591l.13-.132a1.125 1.125 0 0 1 1.3-.21l.603.302a.809.809 0 0 0 1.086-1.086L14.25 7.5l1.256-.837a4.5 4.5 0 0 0 1.528-1.732l.146-.292M6.115 5.19A9 9 0 1 0 17.18 4.64M6.115 5.19A8.965 8.965 0 0 1 12 3c1.929 0 3.716.607 5.18 1.64" />
|
43 |
</svg>
|
|
|
44 |
</a>
|
45 |
<a href="https://github.com/mlabonne" target="_blank" rel="noreferrer" style="padding: .5rem;">
|
46 |
<svg width="24" height="24" fill="currentColor" viewBox="3 3 18 18">
|