Dorian2B/Vera-1.0-Preview-GGUF
28
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vera 1.0 - Preview</title> <style> @keyframes liquid-bg { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(10%, -10%) scale(1.2); } 100% { transform: translate(0, 0) scale(1); } }
- { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #0D1117; min-height: 100vh; color: #e0e0e0; line-height: 1.6; position: relative; overflow-x: hidden; } body::before { content: ''; position: fixed; top: 20%; left: 20%; width: 60%; height: 60%; background: radial-gradient(circle at center, rgba(56, 182, 255, 0.15) 0%, transparent 60%); filter: blur(100px); z-index: -1; animation: liquid-bg 25s infinite ease-in-out; } .container { max-width: 750px; margin: 0 auto; padding: 40px 20px; } .header { background: rgba(22, 27, 34, 0.5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 30px 25px; text-align: center; margin-bottom: 30px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); } .header h1 { font-size: 2.8em; background: linear-gradient(135deg, #58a6ff, #9370db); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 10px; font-weight: 700; } .subtitle { color: #b0b0b0; font-size: 1.2em; font-style: italic; margin-bottom: 20px; } .badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .badge { background: rgba(56, 139, 253, 0.15); border: 1px solid rgba(56, 139, 253, 0.3); color: #58a6ff; padding: 6px 14px; border-radius: 30px; font-size: 0.85em; font-weight: 500; } .card { background: rgba(22, 27, 34, 0.5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 25px; margin-bottom: 20px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); / La transition sur la transformation a été retirée pour annuler l'effet de soulèvement / transition: box-shadow 0.3s ease; } .card:hover { / La propriété transform a été supprimée pour annuler l'effet de soulèvement / box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); } .card h2 { color: #58a6ff; font-size: 1.5em; margin-bottom: 15px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 10px; } .card p { margin-bottom: 12px; color: #c0c0c0; text-align: left; } .card ul { margin: 15px 0; padding-left: 20px; } .card li { margin-bottom: 8px; color: #c0c0c0; } .features { display: grid; gap: 12px; margin: 15px 0; } .feature { background: rgba(255, 255, 255, 0.05); padding: 15px; border-radius: 10px; border-left: 4px solid #58a6ff; } .feature strong { color: #58a6ff; display: block; margin-bottom: 6px; font-size: 1.1em; } .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 15px; margin: 20px 0; } .stat { text-align: center; background: rgba(255, 255, 255, 0.03); padding: 15px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.08); } .stat-number { font-size: 1.8em; font-weight: bold; color: #58a6ff; display: block; } .stat-label { font-size: 0.9em; color: #b0b0b0; margin-top: 4px; } / Cette classe permet au tableau d'avoir une barre de défilement horizontale si nécessaire / .comparison-table { overflow-x: auto; margin: 15px 0; } .comparison-table table { width: 100%; border-collapse: collapse; background: transparent; border-radius: 10px; overflow: hidden; min-width: 600px; / Ajout d'une largeur minimale pour forcer la scrollbar sur petits écrans / } .comparison-table th, .comparison-table td { padding: 14px; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.1); vertical-align: middle; } .comparison-table th { background: rgba(56, 139, 253, 0.1); color: #58a6ff; font-weight: 600; } .comparison-table td { color: #c0c0c0; } .limitations { background: rgba(255, 110, 199, 0.05); border: 1px solid rgba(255, 110, 199, 0.2); border-radius: 10px; padding: 15px; margin: 15px 0; } .limitations h3 { color: #ff6ec7; margin-bottom: 10px; } .roadmap-item { margin: 10px 0; padding: 10px 15px; border-left: 3px solid #58a6ff; background: rgba(255, 255, 255, 0.03); } .roadmap-item.completed { border-left-color: #f7b731; } .roadmap-item.in-progress { border-left-color: #3fb950; } .cta-section { text-align: center; padding: 25px; } .cta-button, .download-btn { background: linear-gradient(135deg, #3895ff, #7a5cff); color: #fff; padding: 12px 30px; border: none; border-radius: 30px; font-size: 1.1em; font-weight: 600; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 4px 20px rgba(56, 182, 255, 0.2); transition: transform 0.2s ease, box-shadow 0.2s ease; } .cta-button:hover, .download-btn:hover { transform: scale(1.05) translateY(-2px); box-shadow: 0 6px 25px rgba(56, 182, 255, 0.3); } .download-btn { padding: 8px 18px; font-size: 0.9em; } .footer { text-align: center; color: rgba(255, 255, 255, 0.6); margin-top: 30px; font-size: 0.9em; padding: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .emoji { font-size: 1.2em; margin-right: 5px; } h3 { color: #9370db; margin: 20px 0 10px 0; } @media (max-width: 480px) { .container { padding: 20px 15px; } .header h1 { font-size: 2.2em; } .stats { grid-template-columns: 1fr 1fr; } .comparison-table { font-size: 0.9em; } } </style> </head> <body> <div class="container"> <div class="header"> <h1>Vera 1.0 - Preview</h1> <p class="subtitle">Votre assistant IA personnel intelligent, conçu pour vous accompagner au quotidien</p> <div class="badges"> <span class="badge">Apache 2.0</span> <span class="badge">11B paramètres</span> <span class="badge">32K contexte</span> <span class="badge">FR | EN | IT | ES | PL</span> <span class="badge">GGUF</span> </div> </div> <div class="card"> <h2><span class="emoji">🤖</span> Introduction</h2> <p>Vera 1.0 est un assistant IA personnel de nouvelle génération, équipé de 11 milliards de paramètres et optimisé pour vous accompagner dans vos tâches quotidiennes. Contrairement aux modèles généralistes, Vera a été spécialement conçue pour être votre compagnon numérique, capable de s'adapter à vos besoins personnels et de maintenir des conversations naturelles et engageantes.</p> <p>Ce qui rend Vera unique, c'est sa capacité à comprendre le contexte de vos demandes et à fournir des réponses personnalisées et pertinentes. Que vous ayez besoin d'aide pour rédiger un email, comprendre un concept complexe, ou simplement discuter de sujets variés, Vera s'adapte naturellement à votre style de communication et à vos préférences.</p> <p>Basée sur l'architecture Llama mais enrichie d'optimisations spécifiques, Vera excelle dans la conversation en français et en anglais, avec un support étendu pour l'italien, l'espagnol et le polonais. Cette polyglottie naturelle fait de Vera un assistant précieux pour une utilisation internationale.</p> </div> <div class="card"> <h2><span class="emoji">🚀</span> Caractéristiques techniques</h2> <ul> <li><strong>Paramètres :</strong> 11 milliards (équilibre intelligence/efficacité)</li> <li><strong>Architecture :</strong> Llama optimisée (stabilité et compatibilité)</li> <li><strong>Contexte :</strong> 32 768 tokens (conversations longues et suivi contextuel)</li> <li><strong>Langues principales :</strong> Français, Anglais (expression naturelle et nuancée)</li> <li><strong>Langues secondaires :</strong> Italien, Espagnol, Polonais (support international étendu)</li> <li><strong>Formats :</strong> SafeTensors, GGUF (flexibilité de déploiement)</li> </ul> <p>La capacité de Vera à traiter 32 768 tokens permet de maintenir des conversations longues et complexes sans perdre le fil. Cette fonctionnalité est particulièrement utile pour l'analyse de documents, les projets étendus ou les discussions approfondies sur des sujets complexes.</p> </div> <div class="card"> <h2><span class="emoji">💻</span> Installation et déploiement</h2> <p>L'intégration de Vera dans votre environnement est conçue pour être rapide et efficace. Le modèle est fait pour tournez de manière entièrement en hors ligne.</p> <h3>Options de quantization GGUF</h3> <div class="comparison-table"> <table> <thead> <tr> <th>Quantization</th> <th>Usage recommandé</th> <th>Mémoire requise</th> <th>Qualité</th> <th>Télécharger</th> </tr> </thead> <tbody> <tr> <td>Q80</td> <td>Utilisation optimale</td> <td>12-16 GB</td> <td>Maximale</td> <td><a href="https://huggingface.co/Dorian2B/Vera-1.0-Preview-GGUF/resolve/main/vera-1.0-preview-q80.gguf?download=true" class="download-btn" target="blank" rel="noopener noreferrer">Télécharger</a></td> </tr> <tr> <td>Q6K</td> <td>Usage quotidien</td> <td>10-12 GB</td> <td>Excellente</td> <td><a href="https://huggingface.co/Dorian2B/Vera-1.0-Preview-GGUF/resolve/main/vera-1.0-preview-q6k.gguf?download=true" class="download-btn" target="blank" rel="noopener noreferrer">Télécharger</a></td> </tr> <tr> <td>Q4KM</td> <td>Configuration limitée</td> <td>8-10 GB</td> <td>Très bonne</td> <td><a href="https://huggingface.co/Dorian2B/Vera-1.0-Preview-GGUF/resolve/main/vera-1.0-preview-q4km.gguf?download=true" class="download-btn" target="_blank" rel="noopener noreferrer">Télécharger</a></td> </tr> </tbody> </table> </div> </div> <div class="card"> <h2><span class="emoji">⚙️</span> Configuration recommandée</h2> <p>Pour une expérience optimale avec Vera, nous recommandons une configuration matérielle adaptée aux modèles de 11 milliards de paramètres :</p> <h3>Matériel optimal</h3> <ul> <li><strong>RAM système :</strong> 32 GB pour une fluidité maximale, 16 GB minimum</li> <li><strong>VRAM GPU :</strong> 12-16 GB (RTX 4070/4080, RTX 3080/3090, ou équivalent AMD)</li> <li><strong>Processeur :</strong> CPU moderne multi-cœurs (Intel i7/i9 ou AMD Ryzen 7/9)</li> <li><strong>Stockage :</strong> 25+ GB d'espace libre sur SSD pour les performances optimales</li> </ul> <h3>Paramètres recommandés</h3> <ul> <li><strong>Température :</strong> 0.7 (équilibre optimal entre créativité et cohérence)</li> <li><strong>Top-p :</strong> 0.9 pour maintenir la diversité des réponses</li> </ul> </div> <div class="card"> <h2><span class="emoji">⚠️</span> Limitations actuelles</h2> <div class="limitations"> <h3>Points d'amélioration (Version Preview)</h3> <p><strong>Programmation avancée :</strong> Vera excelle dans l'assistance de base en programmation mais reste limitée sur les algorithmes très complexes, l'architecture logicielle avancée et les optimisations de performance poussées.</p> <p><strong>Domaines ultra-spécialisés :</strong> Certains domaines très techniques (recherche médicale avancée, finance quantitative, ingénierie aérospatiale) peuvent nécessiter une expertise que cette version Preview ne peut pas encore fournir optimalement.</p> <p><strong>Évolutions récentes :</strong> Comme tous les modèles IA, Vera a une limite temporelle dans ses connaissances des événements les plus récents et des développements technologiques de dernière minute.</p> <p><strong>Raisonnement mathématique complexe :</strong> Bien que capable de résoudre des problèmes mathématiques standards, Vera peut montrer des limites sur des démonstrations mathématiques très avancées ou des calculs nécessitant une précision absolue.</p> </div> </div> <div class="cta-section"> <a href="https://huggingface.co/Dorian2B/Vera-1.0-Preview" class="cta-button"> <span class="emoji">🚀</span> Découvrir Vera sur HuggingFace </a> </div> <div class="footer"> <p><strong>Développé par :</strong> Dorian Dominici</p> <p><strong>Version :</strong> 1.0 - Preview • <strong>Licence :</strong> Apache 2.0 • <strong>Année :</strong> 2025</p> <br> <p><em>Vera 1.0 - Votre assistant IA personnel intelligent, conçu pour vous accompagner au quotidien.</em></p> </div> </div> </body> </html>