Spaces:
Running
Running
✅ Optimisation SEO complète Ajoute des balises meta (title, description, OG, Twitter cards si utile) Utilise une structure sémantique correcte (<main>, <section>, <article>, <h1>, <h2>, etc.) Optimise les textes pour un bon référencement naturel (mots-clés pertinents liés au service client, aviation, support, etc.) Gère correctement les balises alt sur les images (décrivant leur contenu ou utilité) ✅ Refonte textuelle Reformule tous les contenus pour qu’ils soient professionnels, engageants et écrits en français naturel, sans être trop marketing. Oriente les textes vers la conversion (prise de contact, intérêt pour les services). Rends le ton cohérent sur tout le site : accessible mais sérieux. Corrige les fautes éventuelles et améliore la fluidité. ✅ Refactorisation et code propre Nettoie et structure proprement le HTML/CSS Ajoute des animations douces (scroll, hover, transitions) Rends le site totalement responsive sur tous les formats d’écran Garde les chemins d’image et la structure des dossiers inchangés ✅ Amélioration de l’accessibilité et des performances Ajoute des attributs aria si besoin Vérifie les contrastes couleurs/texte Active les bonnes pratiques web : lazy loading, balisage, compatibilité navigateurs récents ✅ Conserve : La structure du site fournie Les images (chemins, noms) L’esprit général du design inspiré de Klarna, avec la palette bleu/jaune spécifiée Le formulaire de contact avec ses champs Merci d’appliquer ces changements sur la base du code que j’ai déjà fourni sans changer la structure des dossiers ni les noms de fichiers. - Initial Deployment
d4f6c03 verified Download index.html from sm08th/skyresolve: direct link, hf CLI and curl.
- Browser
- Download file 25.6 kB
-
https://huggingface.co/spaces/sm08th/skyresolve/resolve/main/index.html
- Command line
-
hf download hf://spaces/sm08th/skyresolve/index.html
-
curl -L -o index.html https://huggingface.co/spaces/sm08th/skyresolve/resolve/main/index.html
25.6 kB
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Sky Resolve | Service Client Expert pour l'Industrie Aérienne</title> | |
| <meta name="description" content="Sky Resolve propose des solutions professionnelles de service client pour les compagnies aériennes : gestion des réclamations, assistance voyageurs et support back-office."> | |
| <meta name="keywords" content="service client aérien, support compagnie aérienne, gestion réclamations aviation, assistance voyageurs, back-office aérien"> | |
| <meta property="og:title" content="Sky Resolve | Service Client Expert pour l'Industrie Aérienne"> | |
| <meta property="og:description" content="Solutions professionnelles de service client pour les compagnies aériennes avec Sky Resolve."> | |
| <meta property="og:type" content="website"> | |
| <meta property="og:url" content="https://www.skyresolve.com"> | |
| <meta property="og:image" content="https://www.skyresolve.com/assets/img/Sky%20Resolve%20logo.png"> | |
| <meta name="twitter:card" content="summary_large_image"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <style> | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| scroll-behavior: smooth; | |
| } | |
| .bg-primary { | |
| background-color: #1E2A78; | |
| } | |
| .text-primary { | |
| color: #1E2A78; | |
| } | |
| .bg-accent { | |
| background-color: #FFD700; | |
| } | |
| .text-accent { | |
| color: #FFD700; | |
| } | |
| .bg-light { | |
| background-color: #E6F0FF; | |
| } | |
| .btn-primary { | |
| background-color: #FFD700; | |
| color: #1E2A78; | |
| transition: all 0.3s ease; | |
| } | |
| .btn-primary:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 4px 8px rgba(0,0,0,0.1); | |
| } | |
| .btn-secondary { | |
| background-color: #1E2A78; | |
| color: white; | |
| transition: all 0.3s ease; | |
| } | |
| .btn-secondary:hover { | |
| background-color: #162066; | |
| transform: translateY(-2px); | |
| } | |
| .service-card { | |
| transition: all 0.3s ease; | |
| } | |
| .service-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 20px rgba(0,0,0,0.1); | |
| } | |
| .nav-link { | |
| position: relative; | |
| } | |
| .nav-link:after { | |
| content: ''; | |
| position: absolute; | |
| width: 0; | |
| height: 2px; | |
| bottom: -2px; | |
| left: 0; | |
| background-color: #FFD700; | |
| transition: width 0.3s ease; | |
| } | |
| .nav-link:hover:after { | |
| width: 100%; | |
| } | |
| .animate-fade-in { | |
| animation: fadeIn 0.8s ease-out forwards; | |
| opacity: 0; | |
| } | |
| @keyframes fadeIn { | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .service-card { | |
| transition: transform 0.3s ease, box-shadow 0.3s ease; | |
| will-change: transform; | |
| } | |
| [data-aos] { | |
| transition: opacity 0.6s, transform 0.6s; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-white"> | |
| <!-- Header --> | |
| <main> | |
| <header class="bg-primary text-white sticky top-0 z-50 shadow-md"> | |
| <div class="container mx-auto px-4 py-4"> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <a href="#" class="flex items-center"> | |
| <img src="assets/img/Sky Resolve logo.png" alt="Logo Sky Resolve - Service client pour compagnies aériennes" class="h-10" loading="lazy"> | |
| </a> | |
| </div> | |
| <div class="hidden md:flex items-center space-x-8"> | |
| <nav> | |
| <ul class="flex space-x-8"> | |
| <li><a href="#services" class="nav-link">Services</a></li> | |
| <li><a href="#features" class="nav-link">Fonctionnalités</a></li> | |
| <li><a href="#security" class="nav-link">Sécurité</a></li> | |
| <li><a href="#advantages" class="nav-link">Avantages</a></li> | |
| <li><a href="#contact" class="nav-link">Contact</a></li> | |
| <li><a href="#careers" class="nav-link">Nous rejoindre</a></li> | |
| <li><a href="#about" class="nav-link">About us</a></li> | |
| </ul> | |
| </nav> | |
| <a href="#contact" class="btn-primary px-6 py-2 rounded-full font-semibold">Customer support takes off</a> | |
| </div> | |
| <button id="mobile-menu-button" class="md:hidden text-white focus:outline-none" aria-label="Menu mobile" aria-expanded="false" aria-controls="mobile-menu"> | |
| <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> | |
| </svg> | |
| </button> | |
| </div> | |
| <!-- Mobile Menu --> | |
| <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4"> | |
| <nav> | |
| <ul class="space-y-4"> | |
| <li><a href="#services" class="block py-2">Services</a></li> | |
| <li><a href="#features" class="block py-2">Fonctionnalités</a></li> | |
| <li><a href="#security" class="block py-2">Sécurité</a></li> | |
| <li><a href="#advantages" class="block py-2">Avantages</a></li> | |
| <li><a href="#contact" class="block py-2">Contact</a></li> | |
| <li><a href="#careers" class="block py-2">Nous rejoindre</a></li> | |
| <li><a href="#about" class="block py-2">About us</a></li> | |
| <li><a href="#contact" class="btn-primary block text-center px-6 py-2 rounded-full font-semibold mt-4">Customer support takes off</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="bg-primary text-white py-16 md:py-24"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0 animate-fade-in"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">Service Client Aérien : Expertise et Efficacité pour Votre Compagnie</h1> | |
| <p class="text-xl mb-8 opacity-90">Déléguez la gestion des réclamations et le support voyageurs à notre équipe d'experts du service client aérien.</p> | |
| <p class="mb-8 opacity-90">Nos solutions sur mesure incluent la gestion des réclamations, l'assistance voyageurs et le support back-office, spécialement conçues pour répondre aux exigences spécifiques de l'industrie aérienne.</p> | |
| <a href="#contact" class="btn-primary px-8 py-3 rounded-full font-bold text-lg inline-block">Cliquez ici</a> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center animate-fade-in"> | |
| <img src="assets/img/home page.png" alt="Sky Resolve Services" class="rounded-lg shadow-xl max-w-full h-auto"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section id="services" class="py-16 bg-light"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center text-primary mb-12">Nos Services</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Service 1 --> | |
| <div class="service-card bg-white rounded-xl overflow-hidden shadow-md p-6"> | |
| <div class="mb-6"> | |
| <img src="assets/img/Email Image (home page).png" alt="Email Service" class="w-full h-auto rounded-lg"> | |
| </div> | |
| <h2 class="text-2xl font-bold text-primary mb-4">Gestion des Réclamations</h2> | |
| <p class="text-gray-700 mb-6">Traitement professionnel des réclamations voyageurs avec suivi individualisé et reporting analytique pour améliorer votre service client aérien.</p> | |
| <a href="#" class="btn-secondary px-6 py-2 rounded-full font-semibold inline-block">En savoir plus</a> | |
| </div> | |
| <!-- Service 2 --> | |
| <div class="service-card bg-white rounded-xl overflow-hidden shadow-md p-6"> | |
| <div class="mb-6"> | |
| <img src="assets/img/Chat image (home page).png" alt="Chat Service" class="w-full h-auto rounded-lg"> | |
| </div> | |
| <h3 class="text-2xl font-bold text-primary mb-4">Service de chat</h3> | |
| <p class="text-gray-700 mb-6">Assistance en temps réel via chat avec des agents spécialisés disponibles 24/7 pour répondre à toutes les demandes de vos clients.</p> | |
| <a href="#" class="btn-secondary px-6 py-2 rounded-full font-semibold inline-block">En savoir plus</a> | |
| </div> | |
| <!-- Service 3 --> | |
| <div class="service-card bg-white rounded-xl overflow-hidden shadow-md p-6"> | |
| <div class="mb-6"> | |
| <img src="assets/img/Virtual Assistant Image (home page).png" alt="Virtual Assistant" class="w-full h-auto rounded-lg"> | |
| </div> | |
| <h3 class="text-2xl font-bold text-primary mb-4">Assistance virtuelle</h3> | |
| <p class="text-gray-700 mb-6">Solutions d'assistance automatisée intelligente pour gérer les demandes courantes et orienter efficacement vos clients.</p> | |
| <a href="#" class="btn-secondary px-6 py-2 rounded-full font-semibold inline-block">En savoir plus</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features Section --> | |
| <section id="features" class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <img src="assets/img/Fonctionnalités et technologies (home page).png" alt="Technologies d'intégration" class="rounded-lg shadow-xl max-w-full h-auto"> | |
| </div> | |
| <div class="md:w-1/2 md:pl-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-primary mb-6">Fonctionnalités & technologies</h2> | |
| <p class="text-gray-700 mb-6">Notre plateforme s'adapte parfaitement à vos outils existants pour une intégration fluide et sans interruption de service.</p> | |
| <ul class="space-y-4 mb-8"> | |
| <li class="flex items-start"> | |
| <span class="text-accent mr-3 mt-1"><i class="fas fa-check-circle"></i></span> | |
| <span class="text-gray-700">Connecteurs API pour une intégration transparente avec vos systèmes</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-accent mr-3 mt-1"><i class="fas fa-check-circle"></i></span> | |
| <span class="text-gray-700">Accompagnement technique personnalisé pour chaque client</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-accent mr-3 mt-1"><i class="fas fa-check-circle"></i></span> | |
| <span class="text-gray-700">Mises à jour automatiques sans interruption de service</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-accent mr-3 mt-1"><i class="fas fa-check-circle"></i></span> | |
| <span class="text-gray-700">Tableau de bord unifié pour le suivi de toutes vos communications</span> | |
| </li> | |
| </ul> | |
| <a href="#contact" class="btn-primary px-8 py-3 rounded-full font-bold text-lg inline-block">Demander une démo</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Security Section --> | |
| <section id="security" class="py-16 bg-light"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center max-w-3xl mx-auto"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-primary mb-6">Sécurité et confidentialité</h2> | |
| <p class="text-gray-700 mb-8">Nous prenons la sécurité de vos données aussi sérieusement que vous. Notre plateforme est conçue avec les plus hauts standards de sécurité pour protéger vos informations et celles de vos clients.</p> | |
| <div class="grid grid-cols-2 md:grid-cols-3 gap-6 mt-10"> | |
| <div class="bg-white p-6 rounded-lg shadow-sm"> | |
| <div class="text-accent text-3xl mb-3"><i class="fas fa-shield-alt"></i></div> | |
| <h3 class="font-bold text-primary mb-2">Conformité RGPD</h3> | |
| <p class="text-sm text-gray-600">Respect strict des réglementations européennes sur la protection des données</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-sm"> | |
| <div class="text-accent text-3xl mb-3"><i class="fas fa-lock"></i></div> | |
| <h3 class="font-bold text-primary mb-2">Stockage sécurisé</h3> | |
| <p class="text-sm text-gray-600">Données hébergées sur des serveurs sécurisés avec cryptage AES-256</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-sm"> | |
| <div class="text-accent text-3xl mb-3"><i class="fas fa-user-secret"></i></div> | |
| <h3 class="font-bold text-primary mb-2">Audits réguliers</h3> | |
| <p class="text-sm text-gray-600">Contrôles de sécurité indépendants pour garantir la protection continue</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Competitive Advantages --> | |
| <section id="advantages" class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center text-primary mb-12">Nos avantages compétitifs</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto"> | |
| <div class="bg-light p-8 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-accent rounded-full w-12 h-12 flex items-center justify-center mr-4"> | |
| <i class="fas fa-bolt text-primary text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-primary">Rapidité d'exécution</h3> | |
| </div> | |
| <p class="text-gray-700">Gestion des réclamations avec un SLA garanti de 1 jour maximum et structuration optimisée des réponses client pour une résolution rapide.</p> | |
| </div> | |
| <div class="bg-light p-8 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-accent rounded-full w-12 h-12 flex items-center justify-center mr-4"> | |
| <i class="fas fa-chart-line text-primary text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-primary">Reporting complet</h3> | |
| </div> | |
| <p class="text-gray-700">Analyses mensuelles et hebdomadaires des réclamations avec identification des tendances et recommandations pour optimiser votre service client.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Form --> | |
| <section id="contact" class="py-16 bg-primary text-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="max-w-4xl mx-auto"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Contactez-nous</h2> | |
| <form id="contact-form" class="grid grid-cols-1 md:grid-cols-2 gap-6"> | |
| <div> | |
| <label for="firstname" class="block mb-2">Prénom</label> | |
| <input type="text" id="firstname" name="firstname" required aria-required="true" class="w-full px-4 py-3 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:ring-2 focus:ring-accent" aria-label="Votre prénom"> | |
| </div> | |
| <div> | |
| <label for="lastname" class="block mb-2">Nom</label> | |
| <input type="text" id="lastname" name="lastname" required class="w-full px-4 py-3 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:ring-2 focus:ring-accent"> | |
| </div> | |
| <div> | |
| <label for="company" class="block mb-2">Entreprise</label> | |
| <input type="text" id="company" name="company" class="w-full px-4 py-3 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:ring-2 focus:ring-accent"> | |
| </div> | |
| <div> | |
| <label for="email" class="block mb-2">Email</label> | |
| <input type="email" id="email" name="email" required class="w-full px-4 py-3 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:ring-2 focus:ring-accent"> | |
| </div> | |
| <div class="md:col-span-2"> | |
| <label for="message" class="block mb-2">Message</label> | |
| <textarea id="message" name="message" rows="5" required class="w-full px-4 py-3 rounded-lg bg-white bg-opacity-10 border border-white border-opacity-20 focus:outline-none focus:ring-2 focus:ring-accent"></textarea> | |
| </div> | |
| <div class="md:col-span-2 text-center"> | |
| <button type="submit" class="btn-primary px-8 py-3 rounded-full font-bold text-lg inline-block">Envoyer votre message</button> | |
| </div> | |
| </form> | |
| <div id="form-success" class="hidden mt-6 p-4 bg-green-100 text-green-800 rounded-lg text-center"> | |
| Votre message a bien été envoyé ! Nous vous contacterons rapidement. | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <img src="assets/img/Sky Resolve logo.png" alt="Sky Resolve Logo" class="h-10 mb-4"> | |
| <p class="text-gray-400">Experts en service client aérien depuis 2015. Nous transformons votre support client en avantage compétitif.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Navigation</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#services" class="text-gray-400 hover:text-accent transition">Services</a></li> | |
| <li><a href="#contact" class="text-gray-400 hover:text-accent transition">Contact us</a></li> | |
| <li><a href="#careers" class="text-gray-400 hover:text-accent transition">Nous rejoindre</a></li> | |
| <li><a href="#about" class="text-gray-400 hover:text-accent transition">About us</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Services</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-accent transition">Emailing</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-accent transition">Service de chat</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-accent transition">Assistance virtuelle</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-accent transition">Solutions sur mesure</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Réseaux sociaux</h3> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-accent transition text-xl"><i class="fab fa-facebook-f"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-accent transition text-xl"><i class="fab fa-linkedin-in"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-accent transition text-xl"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-accent transition text-xl"><i class="fab fa-instagram"></i></a> | |
| </div> | |
| <h3 class="text-lg font-bold mt-6 mb-4">Contact</h3> | |
| <p class="text-gray-400">contact@skyresolve.com</p> | |
| <p class="text-gray-400">+33 1 23 45 67 89</p> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-10 pt-6 text-center text-gray-500 text-sm"> | |
| <p>© 2023 Sky Resolve. Tous droits réservés.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('mobile-menu-button').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| menu.classList.toggle('hidden'); | |
| }); | |
| // Form submission | |
| document.getElementById('contact-form').addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| // Here you would normally send the form data to your server | |
| // For this example, we'll just show a success message | |
| // Hide form and show success message | |
| document.getElementById('contact-form').classList.add('hidden'); | |
| document.getElementById('form-success').classList.remove('hidden'); | |
| // Scroll to success message | |
| document.getElementById('form-success').scrollIntoView({ behavior: 'smooth' }); | |
| // Reset form after 5 seconds (for demo purposes) | |
| setTimeout(function() { | |
| document.getElementById('contact-form').reset(); | |
| document.getElementById('contact-form').classList.remove('hidden'); | |
| document.getElementById('form-success').classList.add('hidden'); | |
| }, 5000); | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| // Close mobile menu if open | |
| document.getElementById('mobile-menu').classList.add('hidden'); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| // Add animation class when elements come into view | |
| const observer = new IntersectionObserver((entries) => { | |
| entries.forEach(entry => { | |
| if (entry.isIntersecting) { | |
| entry.target.classList.add('animate-fade-in'); | |
| observer.unobserve(entry.target); | |
| } | |
| }); | |
| }, { | |
| threshold: 0.1 | |
| }); | |
| document.querySelectorAll('section').forEach(section => { | |
| observer.observe(section); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://deepsite.hf.co/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://deepsite.hf.co" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://deepsite.hf.co?remix=sm08th/skyresolve" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |