mirror of
https://github.com/movixcorp/MovixOpenSource.git
synced 2026-07-27 17:32:17 +00:00
497 lines
No EOL
15 KiB
HTML
497 lines
No EOL
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- SEO Meta Tags -->
|
|
<title>Streaming de Films et Séries Gratuit - Movix</title>
|
|
<meta name="description"
|
|
content="Movix Regardez gratuitement des films, séries, documentaires et anime en HD sur Movix. Profitez d'un large catalogue sans inscription, en streaming rapide et sécurisé !">
|
|
<meta name="keywords"
|
|
content="Movix, moovix, , movix.site streaming, films gratuits, séries en streaming, Movix, movix.website, MOVIX streaming, MOVIX films, MOVIX séries, movix streaming gratuit, streaming movix, movix HD, movix anime, movix documentaires, regarder movix, movix en ligne, movix films gratuits, movix séries gratuites, movix top films, movix top séries, meilleur movix, plateforme movix, movix avis, movix review, movix trucs, streaming français, streaming HD, site streaming, films HD, séries HD, anime HD, documentaire HD, film gratuit, série gratuite, regarder films HD, regarder séries HD, meilleur site streaming, streaming sans inscription, streaming rapide, streaming sécurisé, streaming illimité, streaming online, movix.fr, movix-net, movix-app, movix.rodeo, movix.pro, movix streaming HD, movix gratuit, movix nouveautés, movix 2025, movix catalogue, movix séries 2025, movix films 2025, Discord">
|
|
<meta name="robots" content="index,follow">
|
|
<link rel="canonical" href="https://movix.health/" />
|
|
|
|
<!-- Open Graph / Social -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://movix.health/">
|
|
<meta property="og:title" content="Movix.health - Streaming Gratuit de Films et Séries">
|
|
<meta property="og:description"
|
|
content="Profitez du meilleur streaming gratuit sur Movix.health : films, séries, anime, documentaires en HD sans inscription.">
|
|
<meta property="og:image" content="https://movix.health/og-image.jpg">
|
|
|
|
<!-- JSON-LD WebSite Schema -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "WebSite",
|
|
"name": "Movix",
|
|
"url": "https://movix.health",
|
|
"description": "Ta plateforme de streaming ultime pour regarder les derniers films et séries en HD. Nouveautés quotidiennes, sans inscription obligatoire, et en qualité maximale !",
|
|
"keywords": "Movix, streaming, films en streaming, séries en streaming, HD, gratuit, nouveautés",
|
|
"publisher": {
|
|
"@type": "Organization",
|
|
"name": "Movix"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- Styles & Animations -->
|
|
<style>
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
background: #121212;
|
|
color: #f5f5f5;
|
|
width: 100vw;
|
|
min-height: 100vh;
|
|
min-width: 100vw;
|
|
max-width: 100vw;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.centered-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100vw;
|
|
min-height: 100vh;
|
|
height: auto;
|
|
gap: 2rem;
|
|
position: relative;
|
|
z-index: 1;
|
|
padding: 2rem 1rem;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.2rem;
|
|
text-align: center;
|
|
margin: 0 0 0.5em 0;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.3rem;
|
|
text-align: center;
|
|
margin: 0 0 1.5em 0;
|
|
font-weight: 400;
|
|
color: #bdbdbd;
|
|
}
|
|
|
|
.btn-wrapper {
|
|
width: 100%;
|
|
max-width: 350px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
button.button {
|
|
width: 100%;
|
|
min-width: 0;
|
|
font-size: 1.1rem;
|
|
padding: 1.1rem 1rem;
|
|
border-radius: 0.75rem;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
#particles-js {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.btn-wrapper {
|
|
transform: perspective(500px) rotateX(0deg) rotateY(0deg) scale(1);
|
|
transition: transform 0.2s ease-out;
|
|
will-change: transform;
|
|
}
|
|
|
|
button.button {
|
|
cursor: pointer;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
border-radius: 0.75rem;
|
|
border: 2px solid #424040;
|
|
padding: 1.5rem 3rem;
|
|
background-color: #282828;
|
|
color: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.75rem;
|
|
overflow: hidden;
|
|
position: relative;
|
|
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
|
|
transition: background-color 0.15s ease;
|
|
}
|
|
|
|
button.button:hover {
|
|
background-color: rgba(40, 40, 40, 0.85);
|
|
}
|
|
|
|
button.button .icon {
|
|
display: inline-block;
|
|
transition: transform 0.2s ease-out;
|
|
}
|
|
|
|
/* Discord button variant */
|
|
.discord {
|
|
border-color: #5865F2;
|
|
background-color: #5865F2;
|
|
}
|
|
|
|
.discord:hover {
|
|
background-color: rgba(88, 101, 242, 0.85);
|
|
}
|
|
|
|
.overlay-blocked {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 0.75rem;
|
|
pointer-events: none;
|
|
z-index: 10;
|
|
}
|
|
|
|
.overlay-blocked span {
|
|
color: #ff6b6b;
|
|
font-weight: 600;
|
|
font-size: 0.9rem;
|
|
text-align: center;
|
|
padding: 0.5rem;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
border-radius: 0.5rem;
|
|
border: 1px solid #ff6b6b;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
|
|
html,
|
|
body {
|
|
min-width: 100vw;
|
|
min-height: 100vh;
|
|
max-width: 100vw;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.centered-content {
|
|
padding: 1rem 0.2rem;
|
|
gap: 1.2rem;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.btn-wrapper {
|
|
max-width: 95vw;
|
|
}
|
|
|
|
button.button {
|
|
font-size: 1rem;
|
|
padding: 0.9rem 0.5rem;
|
|
}
|
|
}
|
|
|
|
/* Custom Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #121212;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #333;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="particles-js"></div>
|
|
<div class="centered-content">
|
|
<h1>Bienvenue sur Movix - Streaming Gratuit de Films et Séries</h1>
|
|
<h2>Profitez du meilleur du streaming sur movix sans inscription</h2>
|
|
<p style="color: #888; font-size: 0.9rem; margin: 0 0 1rem 0; text-align: center;">Redirection automatique vers
|
|
<span id="redirect-url">movix.llc</span> dans <span id="countdown">3</span> secondes...
|
|
</p>
|
|
<!-- TODO: Ajouter des liens internes vers les pages principales du site lorsque disponibles. -->
|
|
<!-- Movix LLC Button (active) -->
|
|
<div class="btn-wrapper" id="wrapper5">
|
|
<button class="button" id="btn5">
|
|
<span>Accéder à movix.llc</span>
|
|
<span class="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2.666" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M5 12h14"></path>
|
|
<path d="m12 5 7 7-7 7"></path>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<!-- Movix Rodeo Button with overlay (Blocked) -->
|
|
<div class="btn-wrapper" id="wrapper6" style="position: relative;">
|
|
<button class="button" id="btn6">
|
|
<span>Accéder à movix.rodeo</span>
|
|
<span class="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2.666" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M5 12h14"></path>
|
|
<path d="m12 5 7 7-7 7"></path>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<div class="overlay-blocked">
|
|
<span>Compte namecheap bloqué</span>
|
|
</div>
|
|
</div>
|
|
<!-- Movix Blog Button with overlay (Blocked) -->
|
|
<div class="btn-wrapper" id="wrapper1" style="position: relative;">
|
|
<button class="button" id="btn1">
|
|
<span>Accéder à movix.blog</span>
|
|
<span class="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2.666" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M5 12h14"></path>
|
|
<path d="m12 5 7 7-7 7"></path>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<div class="overlay-blocked">
|
|
<span>Compte namecheap bloqué</span>
|
|
</div>
|
|
</div>
|
|
<!-- Movix Club Button with overlay (Blocked) -->
|
|
<div class="btn-wrapper" id="wrapper4" style="position: relative;">
|
|
<button class="button" id="btn4">
|
|
<span>Accéder à movix.club</span>
|
|
<span class="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2.666" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M5 12h14"></path>
|
|
<path d="m12 5 7 7-7 7"></path>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<div class="overlay-blocked">
|
|
<span>Compte namecheap bloqué</span>
|
|
</div>
|
|
</div>
|
|
<!-- Movix Website Button with overlay -->
|
|
<div class="btn-wrapper" id="wrapper2" style="position: relative;">
|
|
<button class="button" id="btn2">
|
|
<span>Accéder à movix.website</span>
|
|
<span class="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2.666" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M5 12h14"></path>
|
|
<path d="m12 5 7 7-7 7"></path>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<div class="overlay-blocked">
|
|
<span>Compte namecheap bloqué</span>
|
|
</div>
|
|
</div>
|
|
<!-- Telegram Button -->
|
|
<div class="btn-wrapper" id="wrapper3">
|
|
<button class="button discord" id="btn3">
|
|
<span>Rejoindre le Telegram</span>
|
|
<span class="icon"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 3D Interaction JS -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js"></script>
|
|
<script>
|
|
// Compte à rebours et redirection automatique
|
|
let countdown = 3;
|
|
const countdownElement = document.getElementById('countdown');
|
|
|
|
// Détecter l'URL actuelle et construire l'URL de redirection
|
|
const currentPath = window.location.pathname;
|
|
const currentSearch = window.location.search;
|
|
const currentHash = window.location.hash;
|
|
const redirectUrl = 'https://movix.llc' + currentPath + currentSearch + currentHash;
|
|
|
|
// Garder l'affichage simple "movix.club" dans le texte
|
|
// La redirection se fera vers l'URL complète mais l'affichage reste simple
|
|
|
|
const countdownInterval = setInterval(function () {
|
|
countdown--;
|
|
countdownElement.textContent = countdown;
|
|
|
|
if (countdown <= 0) {
|
|
clearInterval(countdownInterval);
|
|
window.location.href = redirectUrl;
|
|
}
|
|
}, 1000);
|
|
|
|
function setup3D(wrapperId, btnId, url) {
|
|
const wrapper = document.getElementById(wrapperId);
|
|
const btn = document.getElementById(btnId);
|
|
btn.addEventListener('click', () => window.open(url, '_blank'));
|
|
wrapper.addEventListener('mousemove', e => {
|
|
const rect = wrapper.getBoundingClientRect();
|
|
const xVal = e.clientX - rect.left - rect.width / 2;
|
|
const yVal = e.clientY - rect.top - rect.height / 2;
|
|
const rotateX = (-yVal / rect.height) * 35;
|
|
const rotateY = (xVal / rect.width) * 35;
|
|
wrapper.style.transform = `perspective(500px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.15)`;
|
|
btn.querySelector('.icon').style.transform = `translateX(8px)`;
|
|
});
|
|
wrapper.addEventListener('mouseleave', () => {
|
|
wrapper.style.transform = 'perspective(500px) rotateX(0deg) rotateY(0deg) scale(1)';
|
|
btn.querySelector('.icon').style.transform = 'translateX(0)';
|
|
});
|
|
}
|
|
setup3D('wrapper5', 'btn5', 'https://movix.llc');
|
|
setup3D('wrapper6', 'btn6', 'https://movix.rodeo');
|
|
setup3D('wrapper1', 'btn1', 'https://movix.blog');
|
|
setup3D('wrapper4', 'btn4', 'https://movix.club');
|
|
setup3D('wrapper2', 'btn2', 'https://movix.website');
|
|
setup3D('wrapper3', 'btn3', 'https://t.me/movix_site');
|
|
particlesJS('particles-js', {
|
|
"particles": {
|
|
"number": {
|
|
"value": 80,
|
|
"density": {
|
|
"enable": true,
|
|
"value_area": 800
|
|
}
|
|
},
|
|
"color": {
|
|
"value": "#ffffff"
|
|
},
|
|
"shape": {
|
|
"type": "circle",
|
|
"stroke": {
|
|
"width": 0,
|
|
"color": "#000000"
|
|
},
|
|
"polygon": {
|
|
"nb_sides": 5
|
|
}
|
|
},
|
|
"opacity": {
|
|
"value": 0.5,
|
|
"random": false,
|
|
"anim": {
|
|
"enable": false,
|
|
"speed": 1,
|
|
"opacity_min": 0.1,
|
|
"sync": false
|
|
}
|
|
},
|
|
"size": {
|
|
"value": 3,
|
|
"random": true,
|
|
"anim": {
|
|
"enable": false,
|
|
"speed": 40,
|
|
"size_min": 0.1,
|
|
"sync": false
|
|
}
|
|
},
|
|
"line_linked": {
|
|
"enable": true,
|
|
"distance": 150,
|
|
"color": "#ffffff",
|
|
"opacity": 0.4,
|
|
"width": 1
|
|
},
|
|
"move": {
|
|
"enable": true,
|
|
"speed": 1.2,
|
|
"direction": "none",
|
|
"random": false,
|
|
"straight": false,
|
|
"out_mode": "out",
|
|
"attract": {
|
|
"enable": false,
|
|
"rotateX": 600,
|
|
"rotateY": 1200
|
|
}
|
|
}
|
|
},
|
|
"interactivity": {
|
|
"detect_on": "canvas",
|
|
"events": {
|
|
"onhover": {
|
|
"enable": true,
|
|
"mode": "grab"
|
|
},
|
|
"onclick": {
|
|
"enable": true,
|
|
"mode": "push"
|
|
},
|
|
"resize": true
|
|
},
|
|
"modes": {
|
|
"grab": {
|
|
"distance": 180,
|
|
"line_linked": {
|
|
"opacity": 0.8
|
|
}
|
|
},
|
|
"bubble": {
|
|
"distance": 200,
|
|
"size": 8,
|
|
"duration": 2,
|
|
"opacity": 0.8,
|
|
"speed": 3
|
|
},
|
|
"repulse": {
|
|
"distance": 100,
|
|
"duration": 0.4
|
|
},
|
|
"push": {
|
|
"particles_nb": 4
|
|
},
|
|
"remove": {
|
|
"particles_nb": 2
|
|
}
|
|
}
|
|
},
|
|
"retina_detect": true
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |