Snapshot
<meta name="google-site-verification" content="fJ7u8KjAbdMZnm4HXs_vzjmEdrpveY1oBeo2ZruQ9wE" />
{
"detail":"Accès au flux de fichiers refusé."
}
<header class="banner">
<div class="banner-content">
<h1 class="title">🌙 Bienvenue sur <span>NocturneCommunityInc.</span></h1>
<p class="subtitle">Ta communauté. Ton univers. Ton moment.</p>
</div>
</header>
<style>
.banner {
background: linear-gradient(to right, #0e0e0e, #1a1a1a);
padding: 4rem 2rem;
text-align: center;
color: white;
animation: fadeIn 1.2s ease-out;
}
.banner-content {
max-width: 800px;
margin: auto;
}
.title {
font-size: 2.8rem;
margin-bottom: 1rem;
animation: slideIn 1.3s ease-out;
}
.title span {
color: #8ab4f8;
}
.subtitle {
font-size: 1.3rem;
color: #ccc;
animation: fadeIn 2s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideIn {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
@media screen and (max-width: 600px) {
.title {
font-size: 2rem;
}
.subtitle {
font-size: 1rem;
}road 56-- 79} 1.3.64 [Snapshot]
}
</style>
<header class="banner">
<div class="banner-content">
<h1 class="title">🌙 Bienvenue sur <span>NocturneCommunityInc.</span></h1>
<p class="subtitle">Ta communauté. Ton univers. Ton moment.</p>
</div>
</header>
<style>
.banner {
background: linear-gradient(to right, #0e0e0e, #1a1a1a);
padding: 4rem 2rem;
text-align: center;
color: white;
animation: fadeIn 1.2s ease-out;
}
.banner-content {
max-width: 800px;
margin: auto;
}
.title {
font-size: 2.8rem;
margin-bottom: 1rem;
animation: slideIn 1.3s ease-out;
}
.title span {
color: #8ab4f8;
}
.subtitle {
font-size: 1.3rem;
color: #ccc;
animation: fadeIn 2s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideIn {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
@media screen and (max-width: 600px) {
.title {
font-size: 2rem;
}
.subti<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>NocturneCommunityInc.</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #0e0e0e;
font-family: 'Segoe UI', sans-serif;
color: #fff;
}
.section {
padding: 3rem 1.5rem;
max-width: 900px;
margin: auto;
animation: fadeIn 1.2s ease-in-out;
}
.section h2 {
font-size: 2.2rem;
color: #8ab4f8;
margin-bottom: 1rem;
}
.section h3 {
margin-top: 2rem;
color: #fbbc05;
font-size: 1.4rem;
}
.section p, .section ul {
line-height: 1.7;
margin-top: 0.8rem;
}
.section ul {
padding-left: 1.5rem;
}
.highlight {
color: #34a853;
font-weight: bold;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@media screen and (max-width: 600px) {
.section {
padding: 2rem 1rem;
}
.section h2 {
font-size: 1.6rem;
}
.section h3 {
font-size: 1.2rem;
}
}
</style>
</head>
<body>
<section class="section">
<h2>🌐 Comment ça se passe chez <span style="color: #fff;">NocturneCommunityInc.</span> ?</h2>
<p>
Bienvenue dans un espace pensé pour la <strong>communauté</strong>, le <strong>fun</strong> et la <strong>création de lien</strong>.
Chez nous, pas de prise de tête, tout est simple, fluide et ouvert à tous.
</p>
<h3>💬 Une communauté active</h3>
<ul>
<li>Des salons de discussion animés</li>
<li>Une ambiance conviviale et chill</li>
<li>Des événements réguliers pour s’amuser ensemble</li>
<li>Une équipe à l’écoute et réactive</li>
</ul>
<h3>🛠️ Un fonctionnement fluide</h3>
<ul>
<li>Tu arrives, tu te présentes, et tu peux directement commencer à interagir</li>
<li>Les rôles et les salons sont pensés pour être accessibles et clairs</li>
<li>Tu veux juste observer ? Aucun souci. Tu veux t’impliquer ? Encore mieux !</li>
</ul>
<h3>🌟 Des activités pour tous</h3>
<ul>
<li>Concours, mini-jeux, rôles à débloquer</li>
<li>Systèmes de points et classements fun</li>
<li>Discussions, partages, entraide, détentes vocales...</li>
</ul>
<h3 class="highlight">🚀 Rejoins-nous !</h3>
<p>
Tu n’es pas juste un pseudo parmi d’autres — ici, <strong>chaque membre compte</strong>.<br>
(Entre).</strong> et découvre une <strong>communauté vivante, bienveillante et passionnée</strong>.
</p>
</section>
</body>
</html>tle {
font-size: 1rem;
}
}
</style> <!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NocturneCommunityInc.</title>
<style>
body {
margin: 0;
font-family: 'Segoe UI', sans-serif;
background-color: #0e0e0e;
color: white;
}
/* Bannière avec typing */
.banner {
background: linear-gradient(to right, #111, #1a1a1a);
padding: 4rem 1.5rem;
text-align: center;
}
.banner h1 {
font-size: 2.5rem;
color: #8ab4f8;
margin-bottom: 1rem;
}
.banner h1 span::after {
content: '|';
animation: blink 1s infinite;
}
.banner p {
font-size: 1.2rem;
color: #ccc;
}
/* Contenu principal */
.section {
max-width: 900px;
margin: auto;
padding: 3rem 1.5rem;
animation: fadeIn 1s ease-out;
}
.section h2 {
font-size: 2rem;
color: #8ab4f8;
margin-bottom: 1rem;
}
.section h3 {
color: #fbbc05;
margin-top: 2rem;
font-size: 1.4rem;
}
.section ul {
margin-left: 1.5rem;
line-height: 1.7;
}
.section p {
line-height: 1.7;
margin-top: 1rem;
}
.highlight {
color: #34a853;
}
@keyframes blink {
0%, 100% { opacity: 0; }
50% { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 600px) {
.banner h1 {
font-size: 2rem;
}
.banner p {
font-size: 1rem;
}
}
</style>
</head>
<body>
<!-- BANNIÈRE -->
<header class="banner">
<h1>🌙 Bienvenue sur <span></span></h1>
<p>Ta communauté. Ton univers. Ton moment.</p>
</header>
<!-- SECTION PRINCIPALE -->
<section class="section">
<h2>🌐 Comment ça se passe chez NocturneCommunityInc. ?</h2>
<p>
Bienvenue dans un espace pensé pour la <strong>communauté</strong>, le <strong>fun</strong> et la <strong>création de lien</strong>.
Chez nous, pas de prise de tête, tout est simple, fluide et ouvert à tous.
</p>
<h3>💬 Une communauté active</h3>
<ul>
<li>Des salons de discussion animés</li>
<li>Une ambiance conviviale et chill</li>
<li>Des événements réguliers pour s’amuser ensemble</li>
<li>Une équipe à l’écoute et réactive</li>
</ul>
<h3>🛠️ Un fonctionnement fluide</h3>
<ul>
<li>Tu arrives, tu te présentes, et tu peux directement commencer à interagir</li>
<li>Les rôles et les salons sont pensés pour être accessibles et clairs</li>
<li>Tu veux juste observer ? Aucun souci. Tu veux t’impliquer ? Encore mieux !</li>
</ul>
<h3>🌟 Des activités pour tous</h3>
<ul>
<li>Concours, mini-jeux, rôles à débloquer</li>
<li>Systèmes de points et classements fun</li>
<li>Discussions, partages, entraide, détentes vocales...</li>
</ul>
<h3 class="highlight">🚀 Rejoins-nous !</h3>
<p>
Tu n’es pas juste un pseudo parmi d’autres — ici, <strong>chaque membre compte</strong>.<br />
Entre dans l’univers <strong>NocturneCommunityInc.</strong> et découvre une <strong>communauté vivante, bienveillante et passionnée</strong>.
</p>
</section>
<!-- SCRIPT TYPING -->
<script>
const text = "NocturneCommunityInc.";
let index = 0;
function typeText() {
const el = document.getElementById("typing");
if (index < text.length) {
el.innerHTML += te<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NocturneCommunityInc.</title>
<style>
body {
margin: 0;
font-family: 'Segoe UI', sans-serif;
background-color: #0e0e0e;
color: white;
}
/* Bannière avec typing */
.banner {
background: linear-gradient(to right, #111, #1a1a1a);
padding: 4rem 1.5rem;
text-align: center;
}
.banner h1 {
font-size: 2.5rem;
color: #8ab4f8;
margin-bottom: 1rem;
}
.banner h1 span::after {
content: '|';
animation: blink 1s infinite;
}
.banner p {
font-size: 1.2rem;
color: #ccc;
}
/* Contenu principal */
.section {
max-width: 900px;
margin: auto;
padding: 3rem 1.5rem;
animation: fadeIn 1s ease-out;
}
.section h2 {
font-size: 2rem;
color: #8ab4f8;
margin-bottom: 1rem;
}
.section h3 {
color: #fbbc05;
margin-top: 2rem;
font-size: 1.4rem;
}
.section ul {
margin-left: 1.5rem;
line-height: 1.7;
}
.section p {
line-height: 1.7;
margin-top: 1rem;
}
.highlight {
color: #34a853;
}
@keyframes blink {
0%, 100% { opacity: 0; }
50% { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 600px) {
.banner h1 {
font-size: 2rem;
}
.banner p {
font-size: 1rem;
}
}
</style>
</head>
<body>
<!-- BANNIÈRE -->
<header class="banner">
<h1>🌙 Bienvenue sur <span></span></h1>
<p>Ta communauté. Ton univers. Ton moment.</p>
</header>
<!-- SECTION PRINCIPALE -->
<section class="section">
<h2>🌐 Comment ça se passe chez NocturneCommunityInc. ?</h2>
<p>
Bienvenue dans un espace pensé pour la <strong>communauté</strong>, le <strong>fun</strong> et la <strong>création de lien</strong>.
Chez nous, pas de prise de tête, tout est simple, fluide et ouvert à tous.
</p>
<h3>💬 Une communauté active</h3>
<ul>
<li>Des salons de discussion animés</li>
<li>Une ambiance conviviale et chill</li>
<li>Des événements réguliers pour s’amuser ensemble</li>
<li>Une équipe à l’écoute et réactive</li>
</ul>
<h3>🛠️ Un fonctionnement fluide</h3>
<ul>
<li>Tu arrives, tu te présentes, et tu peux directement commencer à interagir</li>
<li>Les rôles et les salons sont pensés pour être accessibles et clairs</li>
<li>Tu veux juste observer ? Aucun souci. Tu veux t’impliquer ? Encore mieux !</li>
</ul>
<h3>🌟 Des activités pour tous</h3>
<ul>
<li>Concours, mini-jeux, rôles à débloquer</li>
<li>Systèmes de points et classements fun</li>
<li>Discussions, partages, entraide, détentes vocales...</li>
</ul>
<h3 class="highlight">🚀 Rejoins-nous !</h3>
<p>
Tu n’es pas juste un pseudo parmi d’autres — ici, <strong>chaque membre compte</strong>.<br />
Entre dans l’univers <strong>NocturneCommunityInc.</strong> et découvre une <strong>communauté vivante, bienveillante et passionnée</strong>.
</p>
</section>
<!-- SCRIPT TYPING -->
<script>
const text = "NocturneCommunityInc.";
let index = 0;
function typeText() {
const el = document.getElementById("typing");
if (index < text.length) {
el.innerHTML += teel.innerHTMLwindow.onload<header class="banner">
<div class="banner-content">
<h1 class="title">🌙 Bienvenue sur <span>NocturneCommunityInc.</span></h1>
<p class="subtitle">Ta communauté. Ton univers. Ton moment.</p>
</div>
</header>
<style>
.banner {
background: linear-gradient(to right, #0e0e0e, #1a1a1a);
padding: 4rem 2rem;
text-align: center;
color: white;
animation: fadeIn 1.2s ease-out;
}
.banner-content {
max-width: 800px;
margin: auto;
}
.title {
font-size: 2.8rem;
margin-bottom: 1rem;
animation: slideIn 1.3s ease-out;
}
.title span {
color: #8ab4f8;
}
.subtitle {
font-size: 1.3rem;
color: #ccc;
animation: fadeIn 2s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideIn {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
@media screen and (max-width: 600px) {
.title {
font-size: 2rem;
}
.subtitle {
font-size: 1rem;
}
}
</style>xt.charAt(index);
index++;
setTimeout(typeText, 100);
}
}
window.onload = typeText;
</script>
</body>
</html>xt.charAt(index);
index++;
setTimeout(typeText, 100);
}
}
window.onload = typeText;
</script>
version {1.3.94}
</body>
</html>