Update README.md

README.md

@@ -1,170 +1,347 @@
----
-title: Agents Hack
-emoji: 🔥
-colorFrom: indigo
-colorTo: pink
-sdk: static
-pinned: false
----
-
 <style>
-/* ----------  Global look & feel  ---------- */
-body{font-family:system-ui,sans-serif;line-height:1.45;margin:0 auto;max-width:1000px;padding:0 1rem;}
-a{color:#5661ff;text-decoration:none;}  a:hover{text-decoration:underline;}
-h1,h2{margin:.4em 0 .2em;} h1{font-size:2rem;}
-img.banner{max-width:100%;border-radius:8px;}
-/* ----------  Cards & grids  ---------- */
-.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0;}
-.card{background:#faf9ff;border:1px solid #ece9ff;border-radius:8px;padding:1rem;text-align:center;}
-.badge{display:inline-block;background:#e7e4ff;border-radius:4px;padding:.15rem .5rem;font-size:.8rem;margin-top:.25rem;}
-/* ----------  Tables  ---------- */
-table{width:100%;border-collapse:collapse;margin:.5rem 0;}
-th,td{padding:.45rem .6rem;border-bottom:1px solid #e5e5e5;text-align:left;}
-th{background:#f7f7ff;font-weight:600;}
-/* ----------  Collapsible sections  ---------- */
-details{margin:.6rem 0;border:1px solid #ece9ff;border-radius:6px;}
-summary{cursor:pointer;padding:.6rem 1rem;font-weight:600;list-style:none;}
-details>div{padding:0 1rem 1rem;}
-/* ----------  Utility  ---------- */
-.center{text-align:center;}
+.hero-banner {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    padding: 3rem 2rem;
+    border-radius: 20px;
+    text-align: center;
+    margin-bottom: 2rem;
+}
+.stats-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: 1rem;
+    margin: 2rem 0;
+}
+.stat-card {
+    background: rgba(255,255,255,0.1);
+    border: 1px solid rgba(255,255,255,0.2);
+    border-radius: 10px;
+    padding: 1.5rem;
+    text-align: center;
+}
+.stat-card h2 {
+    margin: 0;
+    font-size: 2.5rem;
+    font-weight: bold;
+}
+.info-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 1.5rem;
+    margin: 2rem 0;
+}
+.info-card {
+    background: #f8f9fa;
+    border-radius: 12px;
+    padding: 1.5rem;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+}
+.info-card h3 {
+    margin-top: 0;
+    color: #667eea;
+}
+.schedule-table {
+    background: white;
+    border-radius: 12px;
+    overflow: hidden;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+}
+.schedule-table table {
+    width: 100%;
+    border-collapse: collapse;
+}
+.schedule-table th {
+    background: #667eea;
+    color: white;
+    padding: 1rem;
+    text-align: left;
+}
+.schedule-table td {
+    padding: 0.8rem 1rem;
+    border-bottom: 1px solid #f0f0f0;
+}
+.schedule-table tr:last-child td {
+    border-bottom: none;
+}
+.prize-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 1rem;
+    margin: 2rem 0;
+}
+.prize-card {
+    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
+    border-radius: 12px;
+    padding: 1.5rem;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+}
+.prize-card.gold {
+    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
+    color: #333;
+}
+.prize-card.silver {
+    background: linear-gradient(135deg, #C0C0C0 0%, #808080 100%);
+    color: white;
+}
+.prize-card.bronze {
+    background: linear-gradient(135deg, #CD7F32 0%, #8B4513 100%);
+    color: white;
+}
+.prize-card h3 {
+    margin-top: 0;
+    font-size: 1.5rem;
+}
+.credits-table {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1rem;
+    margin: 1rem 0;
+}
+.credit-box {
+    background: #f0f8ff;
+    border: 2px solid #667eea;
+    border-radius: 10px;
+    padding: 1rem;
+    text-align: center;
+}
+.highlight-box {
+    background: #fff3cd;
+    border: 2px solid #ffc107;
+    border-radius: 10px;
+    padding: 1rem;
+    margin: 1rem 0;
+}
+.button-link {
+    display: inline-block;
+    background: #667eea;
+    color: white;
+    padding: 0.8rem 2rem;
+    border-radius: 25px;
+    text-decoration: none;
+    font-weight: bold;
+    transition: transform 0.2s;
+}
+.button-link:hover {
+    transform: translateY(-2px);
+}
+.compact-info {
+    display: flex;
+    gap: 2rem;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin: 1rem 0;
+}
+.compact-info-item {
+    text-align: center;
+}
 </style>
 
-<div class="center">
-  <img class="banner" src="https://cdn-uploads.huggingface.co/production/uploads/63d10d4e8eaa4831005e92b5/AVzEtngluX0h_iYIfUyhU.jpeg" alt="Agents Hack banner">
-  <h1>Agents Hack — Hugging Face × Anthropic × Unaite</h1>
-  <div class="badge">100 hackers • 8 hours • €10 k+ prizes</div>
+<div class="hero-banner">
+<h1 style="font-size: 3rem; margin: 0;">🔥 Agents Hack 🔥</h1>
+<h2 style="font-size: 1.5rem; margin: 0.5rem 0; font-weight: normal;">Hugging Face × Anthropic × Unaite</h2>
+<div class="stats-grid">
+<div class="stat-card">
+<h2>100</h2>
+<p style="margin: 0;">Hackers</p>
+</div>
+<div class="stat-card">
+<h2>8</h2>
+<p style="margin: 0;">Hours</p>
+</div>
+<div class="stat-card">
+<h2>10k+</h2>
+<p style="margin: 0;">Prizes</p>
 </div>
-
-<!-- =========  QUICK FACTS  ========= -->
-<div class="grid-3">
-
-<div class="card">
-  <strong>📆 When</strong><br>
-  Sunday <b>June 15</b><br>
-  <small>(all day)</small>
 </div>
-
-<div class="card">
-  <strong>📍 Where</strong><br>
-  <a href="https://www.google.com/maps/place//data=!4m2!3m1!1s0x47e66fa66a7bb6a3:0xfd1e3a49d6150bc4?sa=X&ved=1t:8290&ictx=111" target="_blank">
-    Hugging Face Paris HQ
-  </a>
 </div>
 
-<div class="card">
-  <strong>👾 Discord</strong><br>
-  Opens <b>Tuesday June 10</b><br>
-  <a href="https://discord.gg/mJyWAzjz">Join here →</a>
+<div class="compact-info">
+<div class="compact-info-item">
+<strong>📆 Date</strong><br>
+Sunday, June 15th
 </div>
+<div class="compact-info-item">
+<strong>📍 Location</strong><br>
+<a href="https://www.google.com/maps/place//data=!4m2!3m1!1s0x47e66fa66a7bb6a3:0xfd1e3a49d6150bc4?sa=X&ved=1t:8290&ictx=111">Hugging Face Paris HQ</a>
+</div>
+<div class="compact-info-item">
+<strong>Participants</strong><br>
+100 cracked hackers
+</div>
+</div>
+
+<p align="center">
+<a href="https://discord.gg/mJyWAzjz" class="button-link">🚀 Join Discord Server</a>
+</p>
 
+<img style="max-width:100%; border-radius: 12px; margin: 2rem 0;" src="https://cdn-uploads.huggingface.co/production/uploads/63d10d4e8eaa4831005e92b5/AVzEtngluX0h_iYIfUyhU.jpeg">
+
+## 🏃‍♂️ Quick Info
+
+<div class="info-grid">
+<div class="info-card">
+<h3>💳 Credits & Resources</h3>
+<div class="credits-table">
+<div class="credit-box">
+<strong>Anthropic</strong><br>
+$50 credits
+</div>
+<div class="credit-box">
+<strong>Hugging Face</strong><br>
+Training/testing credits
+</div>
+</div>
+</div>
+<div class="info-card">
+<h3>📢 Discord Channels</h3>
+<ul style="margin: 0;">
+<li><strong>#announcements</strong> - Official updates</li>
+<li><strong>#intros</strong> - Introduce yourself</li>
+<li><strong>#teamsearch</strong> - Find teammates</li>
+</ul>
+</div>
 </div>
 
-<!-- =========  SCHEDULE  ========= -->
-<h2>🗓️ On‑site Schedule (Sunday June 15)</h2>
+## 📅 Schedule
 
+<div class="schedule-table">
 <table>
-<thead><tr><th style="width:110px;">Time</th><th>Activity</th></tr></thead>
+<thead>
+<tr>
+<th>Time</th>
+<th>Activity</th>
+</tr>
+</thead>
 <tbody>
-<tr><td>09:00</td><td>Team registration &amp; welcome</td></tr>
-<tr><td>10:00</td><td>Opening remarks</td></tr>
-<tr><td>10:30</td><td><b>Dev starts</b></td></tr>
-<tr><td>13:00</td><td>🍝 Lunch</td></tr>
-<tr><td>13:30</td><td>🏋️‍♂️ Building</td></tr>
-<tr><td>16:00</td><td>🍪 Snacks</td></tr>
-<tr><td>16:30</td><td>🏋️‍♂️ Building</td></tr>
-<tr><td>18:30</td><td><b>Dev stops</b></td></tr>
-<tr><td>19:30</td><td>Finalist demos</td></tr>
-<tr><td>20:15</td><td>🏆 Closing ceremony</td></tr>
+<tr>
+<td><strong>9:00 AM</strong></td>
+<td>Team registration & welcome</td>
+</tr>
+<tr>
+<td><strong>10:00 AM</strong></td>
+<td>Opening Remarks</td>
+</tr>
+<tr>
+<td><strong>10:30 AM</strong></td>
+<td>🚀 <strong>Dev starts</strong></td>
+</tr>
+<tr>
+<td><strong>1:00 PM</strong></td>
+<td>🍝 Lunch</td>
+</tr>
+<tr>
+<td><strong>1:30 PM</strong></td>
+<td>🏋️‍♂️ Building continues</td>
+</tr>
+<tr>
+<td><strong>4:00 PM</strong></td>
+<td>🍪 Snacks</td>
+</tr>
+<tr>
+<td><strong>4:30 PM</strong></td>
+<td>🏋️‍♂️ Final sprint</td>
+</tr>
+<tr>
+<td><strong>6:30 PM</strong></td>
+<td>⏹️ <strong>Dev stops</strong> - Submit projects</td>
+</tr>
+<tr>
+<td><strong>7:30 PM</strong></td>
+<td>🎤 Finalist demos</td>
+</tr>
+<tr>
+<td><strong>8:15 PM</strong></td>
+<td>🏆 Closing ceremony</td>
+</tr>
 </tbody>
 </table>
+</div>
+
+## 🏆 Prizes
+
+<div class="prize-grid">
+<div class="prize-card gold">
+<h3>🥇 1st Place</h3>
+<p><strong>€2,000</strong></p>
+<p>+ $2,500 Anthropic credits<br>
++ $1,500 HF credits</p>
+</div>
+<div class="prize-card silver">
+<h3>🥈 2nd Place</h3>
+<p><strong>€1,000</strong></p>
+<p>+ $1,500 Anthropic credits<br>
++ $1,000 HF credits</p>
+</div>
+<div class="prize-card bronze">
+<h3>🥉 3rd Place</h3>
+<p><strong>€500</strong></p>
+<p>+ $1,000 Anthropic credits<br>
++ $500 HF credits</p>
+</div>
+</div>
+
+## 📤 Submission Process
 
-<!-- =========  CREDITS  ========= -->
-<div class="grid-3">
-<div class="card">
-  <strong>💳 Anthropic Credits</strong><br>
-  <b>$50</b> per participant
-</div>
-<div class="card">
-  <strong>🤗 HF Compute</strong><br>
-  Training / inference credits on Sunday
-</div>
-<div class="card">
-  <strong>🛠️ Tech Challenge</strong><br>
-  “Build an <b>agent</b>”<br>
-  Details drop during the week
-</div>
-</div>
-
-<!-- =========  SUBMISSIONS & FINALS  ========= -->
-<details>
-  <summary>🕹️ Final Submissions &amp; Jury Process</summary>
-  <div>
-    <ul>
-      <li><b>Round 1</b> — 18:30<br>
-          👉 Publish a dataset <em>and</em> a 2‑minute demo video inside the Hackathon org.</li>
-      <li><b>Round 2</b> — 19:00<br>
-          Top 5 teams get 30 min to prep a 5‑min live demo.</li>
-    </ul>
-    <p>The jury (TBA) selects winners right after the demos.</p>
-  </div>
-</details>
-
-<!-- =========  PRIZES  ========= -->
-<details>
-  <summary>🏆 Prizes (total €10 k+)</summary>
-  <div>
-    <table>
-      <thead><tr><th>Rank</th><th>Cash</th><th>Anthropic&nbsp;Creds</th><th>HF&nbsp;Creds</th></tr></thead>
-      <tbody>
-        <tr><td>🥇 1st</td><td>€2 000</td><td>$2 500</td><td>$1 500</td></tr>
-        <tr><td>🥈 2nd</td><td>€1 000</td><td>$1 500</td><td>$1 000</td></tr>
-        <tr><td>🥉 3rd</td><td>€ 500</td><td>$1 000</td><td>$ 500</td></tr>
-      </tbody>
-    </table>
-  </div>
-</details>
-
-<!-- =========  MENTORS & JURY  ========= -->
-<details>
-  <summary>🧠 Mentors &nbsp;/&nbsp; 🎖️ Jury</summary>
-  <div>
-    <p>Mentors from Hugging Face, Anthropic, Twin and more will roam the floor and answer Discord questions all day.<br>
-       The full mentor + jury list will be revealed soon!</p>
-  </div>
-</details>
-
-<!-- =========  DISCORD & SHARING  ========= -->
-<h2>📣 Join &amp; Share</h2>
-
-<div class="grid-3">
-  <div class="card">
-    <strong>Discord</strong><br>
-    <a href="https://discord.gg/mJyWAzjz">jump into the server →</a><br>
-    <small>#announcements · #intros · #teamsearch</small>
-  </div>
-  <div class="card">
-    <strong>Tell the world!</strong><br>
-    Post on LinkedIn:<br>
-    <em>“Excited to be one of only 100 hackers selected for Agents Hack (Hugging Face × Anthropic × Unaite)…”</em>
-  </div>
-  <div class="card">
-    <img src="Carre.jpg" alt="Shareable visual" style="max-width:100%;border-radius:6px;">
-    <small>Add this visual to your post</small>
-  </div>
-</div>
-
-<!-- =========  ORGANISERS & PARTNERS  ========= -->
-<h2>🦾 Organisers &amp; Partners</h2>
-<div class="grid-3">
-  <div class="card"><b>Unaite</b></div>
-  <div class="card">Aymeric Roucher<br><small>(Hugging Face)</small></div>
-  <div class="card">Greg Feingold<br><small>(Anthropic)</small></div>
-  <div class="card">Accel</div>
-  <div class="card">Jules Boustouller<br><small>(Pareto)</small></div>
-</div>
-
-<!-- =========  CONTACT  ========= -->
-<p class="center" style="margin-top:2rem;">
-  Questions? → <a href="mailto:yoan.dicosmo@gmail.com">yoan.dicosmo@gmail.com</a> · 
-  <a href="https://fr.linkedin.com/in/yoandicosmo">LinkedIn</a>
+<div class="highlight-box">
+<h4 style="margin-top: 0;">🎯 Round 1 - Pre-selection (6:30 PM)</h4>
+<p>Submit to HF organization:</p>
+<ul style="margin-bottom: 0;">
+<li>Your <strong>dataset</strong></li>
+<li>A <strong>2-minute video</strong> presenting your project & pitch</li>
+</ul>
+</div>
+
+<div class="highlight-box">
+<h4 style="margin-top: 0;">🎯 Round 2 - Final Jury (7:00 PM)</h4>
+<p style="margin-bottom: 0;">Top 5 finalists prepare a <strong>5-minute live demo</strong> to present to everyone</p>
+</div>
+
+## 🧠 Support Team
+
+<div class="info-grid">
+<div class="info-card">
+<h3>👨‍🏫 Mentors</h3>
+<p>Experts from Hugging Face, Anthropic, Twin, and other startups will be available throughout the event - both in-person and on Discord!</p>
+</div>
+<div class="info-card">
+<h3>⚖️ Jury</h3>
+<p>To be announced soon - stay tuned!</p>
+</div>
+</div>
+
+## 📣 Share Your Participation
+
+<div class="info-card" style="background: #e8f4fd;">
+<p>This Hackathon is highly selective, and <strong>you are among the 100 participants who have secured a spot out of the hundreds of applications we received. This can increase your visibility on LinkedIn and make you more attractive to employers if you're seeking an internship or job. It could enhance the visibility of the event overall and consequently yours as well if (when) you win this hackathon!</p>
+</p>
+<p>Share your achievement on LinkedIn to boost your visibility:</p>
+<blockquote style="background: white; padding: 1rem; border-radius: 8px; margin: 1rem 0;">
+"Excited to be one of the 100 participants in the Agents Hackathon powered by Hugging Face, Anthropic, Accel, Pareto Holdings and Unaite. We'll have 8 hours to build agents and compete for 10k+ prizes!"
+</blockquote>
+<p align="center">
+<img src="Agents%20Hackathon%20-%20Hugging%20Face%20x%20Anthropic%20x%20Unai%2020df547b2c88806d9c50e80daddd532e/Carre.jpg" style="max-width: 300px; border-radius: 8px;">
 </p>
+</div>
+
+## 🤝 Organizers & Partners
+
+<div class="info-grid">
+<div class="info-card">
+<h3>Organizers</h3>
+<ul style="margin: 0;">
+<li>Unaite team</li>
+<li>Aymeric Roucher (Hugging Face)</li>
+<li>Greg Feingold (Anthropic)</li>
+<li>Accel team</li>
+<li>Jules Boustouller (Pareto)</li>
+</ul>
+</div>
+<div class="info-card">
+<h3>Contact</h3>
+<p style="margin: 0;">📧 <a href="mailto:yoan.dicosmo@gmail.com">yoan.dicosmo@gmail.com</a><br>
+💼 <a href="https://fr.linkedin.com/in/yoandicosmo">LinkedIn</a></p>
+</div>
+</div>