Files changed (1) hide show
  1. ui.py +2 -3
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 **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,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 xmlns="http://www.w3.org/2000/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
-
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">