Update README.md

README.md

@@ -1,21 +1,465 @@
 ---
-base_model: HuggingFaceTB/SmolLM3-3B
+base_model: HuggingFaceTB/SmolLM3-3B-Base
 tags:
 - text-generation-inference
-- transformers
 - unsloth
 - smollm3
 license: apache-2.0
 language:
-- en
+- fr
+datasets:
+- CATIE-AQ/french_books
+- CATIE-AQ/smoltalk2_aya_think_dataset_french_split
+- CATIE-AQ/smoltalk2_smolagents_toolcalling_french
+- CATIE-AQ/facebook-community-alignment-dataset_french_conversation
+- CATIE-AQ/everyday-conversations-llama3.1-2k-in-french
+- CATIE-AQ/aya_french_dpo
+- CATIE-AQ/facebook-community-alignment-dataset_french_dpo
+- CATIE-AQ/facebook_menlo_french_dpo
+pipeline_tag: text-generation
 ---
 
-# Uploaded finetuned  model
+<style>
+strong {
+    color: #551493 !important;
+}
+body {
+    font-family: 'Quicksand', sans-serif;
+    background: linear-gradient(135deg, #55d6e7 0%, #55c0cb 100%);
+    color: #550077 !important;
+    text-shadow: 0 0 3px rgba(85, 192, 203, 0.7);
+    margin: 0;
+    padding: 20px;
+    transition: all 0.5s ease;
+}
 
-- **Developed by:** nsemhoun
-- **License:** apache-2.0
-- **Finetuned from model :** HuggingFaceTB/SmolLM3-3B
+@media (prefers-color-scheme: light) {
+    body {
+        background: linear-gradient(135deg, #55e6ee 0%, #55d1dc 100%);
+        color: #005ed4 !important;
+        text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
+    }
+}
 
-This smollm3 model was trained 2x faster with [Unsloth](https://github.com/unslothai/unsloth) and Huggingface's TRL library.
+.container {
+    min-width: 100%;
+    margin: 0 auto;
+    max-width: 1200px;
+    background: rgba(85, 220, 235, 0.95);
+    border-radius: 12px;
+    padding: 30px;
+    box-shadow: 0 0 20px rgba(85, 105, 180, 0.2);
+    border: 1px solid rgba(85, 20, 147, 0.2);
+    position: relative;
+    overflow: hidden;
+}
 
-[<img src="https://raw.githubusercontent.com/unslothai/unsloth/main/images/unsloth%20made%20with%20love.png" width="200"/>](https://github.com/unslothai/unsloth)
+.container::before {
+    content: '';
+    position: absolute;
+    top: -1px;
+    left: -1px;
+    right: -1px;
+    bottom: -1px;
+    border: 1px solid rgba(85, 105, 180, 0.5);
+    border-radius: 12px;
+    pointer-events: none;
+    animation: borderGlow 3s ease-in-out infinite alternate;
+}
+
+@keyframes borderGlow {
+    0% {
+        box-shadow: 0 0 5px rgba(85, 105, 180, 0.3);
+        border-color: rgba(85, 105, 180, 0.5);
+    }
+    50% {
+        box-shadow: 0 0 15px rgba(85, 0, 127, 0.3);
+        border-color: rgba(85, 0, 127, 0.5);
+    }
+    100% {
+        box-shadow: 0 0 5px rgba(85, 105, 180, 0.3);
+        border-color: rgba(85, 105, 180, 0.5);
+    }
+}
+
+.header {
+    text-align: center;
+    margin-bottom: 30px;
+    position: relative;
+}
+
+.header::after {
+    content: '';
+    position: absolute;
+    bottom: -15px;
+    left: 25%;
+    right: 25%;
+    height: 1px;
+    background: linear-gradient(90deg, transparent, rgba(85, 20, 147, 0.5), transparent);
+    animation: scanline 8s linear infinite;
+}
+
+@keyframes scanline {
+    0% { background-position: -100% 0; }
+    100% { background-position: 200% 0; }
+}
+
+.model-name {
+    color: #551493;
+    font-size: 2.5em;
+    text-shadow: 0 0 15px rgba(85, 20, 147, 0.5);
+    margin: 0;
+    letter-spacing: -1px;
+    animation: textGlow 4s ease-in-out infinite alternate;
+}
+
+@keyframes textGlow {
+    0% { text-shadow: 0 0 15px rgba(85, 20, 147, 0.5); }
+    50% { text-shadow: 0 0 20px rgba(85, 0, 127, 0.5); }
+    100% { text-shadow: 0 0 15px rgba(85, 20, 147, 0.5); }
+}
+
+.subtitle {
+    color: #5569b4;
+    font-size: 1.2em;
+    margin-top: 10px;
+    animation: subtitleFade 6s ease-in-out infinite;
+}
+
+@keyframes subtitleFade {
+    0%, 100% { opacity: 0.8; }
+    50% { opacity: 1; }
+}
+
+.waifu-container {
+    margin: 20px -30px;
+    width: calc(100% + 60px);
+    overflow: hidden;
+    border-radius: 8px;
+    border: 1px solid rgba(85, 105, 180, 0.3);
+    position: relative;
+}
+
+.waifu-container::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(45deg,
+        rgba(85, 105, 180, 0.2) 0%,
+        transparent 20%,
+        transparent 80%,
+        rgba(85, 0, 127, 0.2) 100%);
+    pointer-events: none;
+    animation: gradientSlide 10s linear infinite;
+}
+
+@keyframes gradientSlide {
+    0% { background-position: 0% 0%; }
+    100% { background-position: 100% 100%; }
+}
+
+.waifu-img {
+    width: 100%;
+    height: auto;
+    border-radius: 0;
+    border: none;
+    box-shadow: 0 0 40px rgba(85, 20, 147, 0.2);
+    transition: transform 0.5s ease;
+}
+
+.waifu-img:hover {
+    transform: scale(1.01);
+}
+
+.section {
+    color: #005ed4;
+    margin: 25px 0;
+    padding: 20px;
+    background: rgba(85, 228, 240, 0.9);
+    border-radius: 8px;
+    border: 1px solid rgba(85, 105, 180, 0.25);
+    position: relative;
+    transition: all 0.3s ease;
+}
+
+.section:hover {
+    border-color: rgba(85, 0, 127, 0.3);
+    box-shadow: 0 0 15px rgba(85, 20, 147, 0.2);
+}
+
+.section::before {
+    content: '';
+    position: absolute;
+    top: -1px;
+    left: -1px;
+    right: -1px;
+    bottom: -1px;
+    border: 1px solid rgba(85, 105, 180, 0.3);
+    border-radius: 8px;
+    pointer-events: none;
+    animation: sectionPulse 5s ease-in-out infinite;
+}
+
+@keyframes sectionPulse {
+    0%, 100% { opacity: 0.7; }
+    50% { opacity: 0.3; }
+}
+
+.section-title {
+    color: #551493;
+    font-size: 1.8em;
+    margin-top: 0;
+    text-shadow: 0 0 5px rgba(85, 20, 147, 0.3);
+    position: relative;
+    display: inline-block;
+}
+
+.section-title::after {
+    content: '';
+    position: absolute;
+    bottom: -5px;
+    left: 0;
+    width: 100%;
+    height: 1px;
+    background: linear-gradient(90deg, rgba(85, 20, 147, 0.5), rgba(85, 0, 127, 0.5));
+    transform: scaleX(0);
+    transform-origin: left;
+    transition: transform 0.3s ease;
+}
+
+.section:hover .section-title::after {
+    transform: scaleX(1);
+}
+
+.quant-links {
+    display: grid;
+    grid-template-columns: repeat(1, 1fr);
+    gap: 15px;
+    margin: 20px 0;
+}
+
+.link-card {
+    padding: 15px;
+    background: rgba(85, 228, 240, 0.95);
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    border: 1px solid rgba(85, 105, 180, 0.2);
+    position: relative;
+    overflow: hidden;
+}
+
+.link-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(90deg, rgba(85, 20, 147, 0.5), rgba(85, 0, 127, 0.5));
+    animation: cardScan 4s linear infinite;
+}
+
+@keyframes cardScan {
+    0% { transform: translateX(-100%); }
+    100% { transform: translateX(100%); }
+}
+
+.link-card:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 5px 15px rgba(85, 20, 147, 0.2);
+    border-color: rgba(85, 0, 127, 0.3);
+}
+
+.link-card h3 {
+    margin-top: 0;
+    color: #005ed4 !important;
+}
+
+.link-button {
+    display: inline-flex;
+    align-items: center;
+    background: rgba(85, 20, 147, 0.2);
+    color: #005ed4 !important;
+    padding: 8px 15px;
+    border-radius: 6px;
+    text-decoration: none;
+    border: 1px solid rgba(85, 20, 147, 0.3);
+    margin: 5px 0;
+    transition: all 0.3s ease;
+    font-size: 0.95em;
+    position: relative;
+    overflow: hidden;
+}
+
+.link-button::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(90deg, transparent, rgba(85, 255, 255, 0.2), transparent);
+    transition: all 0.5s ease;
+}
+
+.link-button:hover {
+    background: rgba(85, 20, 147, 0.2);
+    border-color: rgba(85, 20, 147, 0.5);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(85, 20, 147, 0.2);
+}
+
+.link-button:hover::before {
+    left: 100%;
+}
+
+.link-button::after {
+    content: '→';
+    margin-left: 8px;
+    opacity: 0.7;
+    transition: all 0.3s ease;
+}
+
+.link-button:hover::after {
+    transform: translateX(3px);
+    opacity: 1;
+}
+
+.button-group {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    margin: 15px 0;
+}
+
+.disclaimer {
+    color: #85c715;
+    border-left: 3px solid #85c715;
+    padding-left: 15px;
+    margin: 20px 0;
+    position: relative;
+}
+
+.disclaimer::before {
+    content: '⚠️';
+    position: absolute;
+    left: -10px;
+    top: 0;
+    transform: translateX(-100%);
+    animation: pulse 2s ease-in-out infinite;
+}
+
+@keyframes pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.5; }
+}
+
+.badge {
+    display: inline-block;
+    padding: 5px 10px;
+    border-radius: 5px;
+    background: rgba(85, 20, 147, 0.2);
+    border: 1px solid #551493;
+    margin: 5px;
+    font-size: 0.9em;
+    animation: badgePulse 3s ease-in-out infinite;
+}
+
+@keyframes badgePulse {
+    0%, 100% { box-shadow: 0 0 5px rgba(85, 20, 147, 0.3); }
+    50% { box-shadow: 0 0 10px rgba(85, 20, 147, 0.5); }
+}
+</style>
+
+<div class="container">
+
+<div class="header">
+    <h1 class="model-name">Claire 0.2</h1>
+</div>
+
+<div class="waifu-container">
+    <img src="./claire.png" class="waifu-img" alt="Claire Waifu">
+</div>
+
+<div class="section">
+    <h2 class="section-title">🧠 History</h2>
+      <p>0.2 :</p>
+    <ul>
+        <li>​🌏​ <strong>french ebook</strong></li>
+        <li>​🌏​ <strong>french facebook community conversations</strong></li>
+    </ul>
+    <p>0.l :</p>
+    <ul>
+        <li>​🌏​ <strong>french thinking</strong> - model think in french not in english</li>
+        <li>​🌏​ <strong>french toolcalling</strong> </li>
+    </ul>
+</div>
+
+<div class="section">
+    <h2 class="section-title">⚙️ Technical Specifications</h2>
+    <p><strong>Key Training Details:</strong></p>
+    <ul>
+        <li>Base Model: HuggingFaceTB/SmolLM3-3B</li>
+        <li>Training Method: LoRA with Unsloth</li>
+    </ul>
+    <p><strong>Dataset used:</strong></p>
+    <ul>
+        <li>CATIE-AQ/french_books</li>
+        <li>CATIE-AQ/smoltalk2_aya_think_dataset_french_split</li>
+        <li>CATIE-AQ/smoltalk2_smolagents_toolcalling_french</li>
+        <li>CATIE-AQ/facebook-community-alignment-dataset_french_conversation</li>
+        <li>CATIE-AQ/everyday-conversations-llama3.1-2k-in-french</li>
+        <li>CATIE-AQ/aya_french_dpo</li>
+        <li>CATIE-AQ/facebook-community-alignment-dataset_french_dpo</li>
+        <li>CATIE-AQ/facebook_menlo_french_dpo</li>
+        <li>CATIE-AQ/smoltalk2_smolagents_toolcalling_french</li>
+    </ul>
+</div>
+
+<div class="section">
+    <div class="quant-links">
+        <div class="link-card">
+            <h3>GGUF</h3>
+            <div class="button-group" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;">
+                <a href="https://huggingface.co/nsemhoun/Claire-3B-v0.2-GGUF/resolve/main/Claire-3B-v0.2-Q4_0.gguf" class="link-button">Q4_0 (1.81GB)</a>
+                <a href="https://huggingface.co/nsemhoun/Claire-3B-v0.2-GGUF/resolve/main/Claire-3B-v0.2-Q4_K_M.gguf" class="link-button">Q4_K_M (1.92GB)</a>
+                <a href="https://huggingface.co/nsemhoun/Claire-3B-v0.2-GGUF/resolve/main/Claire-3B-v0.2-Q5_K_M.gguf" class="link-button">Q5_K_M (2.21GB)</a>
+                <a href="https://huggingface.co/nsemhoun/Claire-3B-v0.2-GGUF/resolve/main/Claire-3B-v0.2-Q8_0.gguf" class="link-button">Q8_0 (3.28GB)</a>
+            </div>
+        </div>
+        </div>
+
+</div>
+
+<div class="section">
+    <h2 class="section-title">⚠️ Ethical Considerations</h2>
+    <div class="disclaimer">
+        <p>Like is parent model, this model as no censorship</p>
+    </div>
+</div>
+
+<div class="section">
+    <h2 class="section-title">🧑‍🔬 Model Author</h2>
+    <ul>
+        <li>nsemhoun (Fine-Tuning)</li>
+    </ul>
+</div>
+
+<div class="section">
+    <h2 class="section-title">☕ Support the Creators</h2> <!-- SECTION RENAMED -->
+    <div class="button-group">
+        <a href="https://buymeacoffee.com/semhoun" class="link-button">Buy me a cofee</a>
+    </div>
+</div>
+
+<div class="section">
+    <h2 class="section-title">🔖 License</h2>
+    <p>By using this model, you agree:</p>
+    <ul>
+        <li>To accept full responsibility for all generated content</li>
+    </ul>
+</div>
+</div>