| 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/NAPOLEON2/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: left; font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem;">Cognitive Computations</h2> | |
| <p style="text-align: left; 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> | |
| <div style="display: flex; justify-content: space-between; align-items: center;"> | |
| <div style="display: flex; flex-flow: column; justify-content: space-between;"> | |
| <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: #818cf8; margin-top: 2.5px;"> | |
| Dolphin 3.0 R1 Mistral 24B | |
| </span> | |
| <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-bottom: 2.5px;"> | |
| Dolphin 2.9.2 Qwen2 72b | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| """ |