hexagramme-de-valeur / index.html
HenryPL's picture
Redirect to Hexagram-Community organization space
306c6cd verified
Raw
History Blame Contribute Delete
2.5 kB
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="3;url=https://hexagram-community-hexagramme-de-valeur.static.hf.space">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hexagramme de Valeur — Nouvelle adresse</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: linear-gradient(135deg, #0f1724 0%, #1a2a4a 100%);
color: #e0e8f0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: 2rem;
}
.container {
text-align: center;
max-width: 600px;
}
h1 {
font-size: 2rem;
margin-bottom: 1rem;
color: #64c896;
}
p {
font-size: 1.1rem;
line-height: 1.6;
margin-bottom: 1.5rem;
color: #b0c0d0;
}
a {
color: #64c896;
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid #64c896;
transition: opacity 0.2s;
}
a:hover { opacity: 0.8; }
.redirect-notice {
font-size: 0.9rem;
color: #708090;
margin-top: 2rem;
}
.spinner {
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #64c896;
border-top-color: transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
vertical-align: middle;
margin-right: 8px;
}
@keyframes spin { to { transform: rotate(360deg); } }
</style>
</head>
<body>
<div class="container">
<h1>L'Hexagramme de Valeur a déménagé</h1>
<p>
Le projet est désormais hébergé sur l'espace communautaire
<strong>Hexagram Community</strong>.
</p>
<p>
<a href="https://hexagram-community-hexagramme-de-valeur.static.hf.space">
Accéder à l'Hexagramme de Valeur →
</a>
</p>
<p class="redirect-notice">
<span class="spinner"></span>
Redirection automatique dans 3 secondes...
</p>
</div>
</body>
</html>