File size: 1,461 Bytes
1574c63 631c065 7e45f2c ce79010 1574c63 7eff5e5 246f334 1574c63 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
css = """
.message-row {
justify-content: space-evenly !important;
}
.message-bubble-border {
border-radius: 6px !important;
}
.message-buttons-bot, .message-buttons-user {
right: 10px !important;
left: auto !important;
bottom: 2px !important;
}
.dark.message-bubble-border {
border-color: #21293b !important;
}
.dark.user {
background: #0a1120 !important;
}
.dark.assistant {
background: transparent !important;
}
"""
PLACEHOLDER = """
<div class="message-bubble-border" style="display:flex; max-width: 600px; border-color: #e5e7eb; border-radius: 8px; border-width: 1px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px);">
<figure style="margin: 0;">
<img src="https://huggingface.co/spaces/baconnier/Napoleon/resolve/main/napoleon.jpg" alt="Logo" style="width: 100%; height: 100%; border-radius: 8px;">
</figure>
<div style="padding: .5rem 1.5rem;">
<h2 style="text-align: center; font-size: 1.5rem; font-weight: 900; margin-bottom: 0.5rem;">🦅 Napoléon 🦅</h2>
<p style="text-align: center; font-size: 16px; line-height: 1.5; margin-bottom: 15px;">Notre sagesse vient de notre expérience, et notre expérience vient de nos sottises.</p>
<p></p>
<p style="text-align: center; font-size: 16px; line-height: 1.5; margin-bottom: 15px;">Our wisdom comes from our experience, and our experience comes from our foolishness.</p>
</div>
</div>
""" |