digital-influencer.top Review
digital-influencer.top Review
| Titletag | Descriptiontag | language |
|---|
| Digital Influencer | |
French |
| Ip adress | 178.62.113.20 | Nameserver | ns2.digitalocean.com
ns3.digitalocean.com
ns1.digitalocean.com |
Status code | 200 |
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="robots" content="noindex, nofollow, noarchive, nosnippet">
<meta name="googlebot" content="noindex, nofollow">
<title>404 - Page Introuvable • Digital Influencer</title>
<link rel="icon" type="image/png" sizes="171x194" href="img/logo/digital-influencer-logo-sans-titre.png">
<!-- Critical CSS inlined -->
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
body {
height: 100%;
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
background-size: 400% 400%;
animation: gradientShift 8s ease infinite;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
@keyframes gradientShift {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
/* Navigation discrète */
.discrete-nav {
position: fixed;
top: 1rem;
left: 1rem;
z-index: 20;
}
.nav-logo {
display: flex;
align-items: center;
text-decoration: none;
color: rgba(255, 255, 255, 0.8);
transition: all 0.3s ease;
padding: 0.75rem 1rem;
border-radius: 0.75rem;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.nav-logo:hover {
color: white;
background: rgba(255, 255, 255, 0.15);
transform: translateY(-2px);
text-decoration: none;
}
.nav-logo-img {
width: 24px;
height: 24px;
margin-right: 0.5rem;
}
.nav-logo-text {
font-weight: 600;
font-size: 0.875rem;
}
.error-content {
text-align: center;
z-index: 10;
position: relative;
padding: 2rem;
}
.error-number {
color: #6366f1;
font-size: clamp(8rem, 20vw, 15rem);
font-weight: 900;
text-shadow:
-5px 5px 0px rgba(0,0,0,0.7),
-10px 10px 0px rgba(0,0,0,0.4),
-15px 15px 0px rgba(0,0,0,0.2);
font-family: monospace;
margin-bottom: 1rem;
animation: float 3s ease-in-out infinite;
}
.error-title {
color: white;
font-size: clamp(2rem, 8vw, 4rem);
text-shadow: -3px 3px 0px rgba(0,0,0,0.7);
margin-bottom: 1rem;
font-family: monospace;
font-weight: 700;
}
.error-message {
color: #e2e8f0;
font-size: clamp(1rem, 4vw, 1.5rem);
text-shadow: -2px 2px 0px rgba(0,0,0,0.7);
margin-bottom: 2rem;
font-family: monospace;
font-weight: 500;
max-width: 600px;
}
.error-actions {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
margin-top: 2rem;
}
.btn {
padding: 0.875rem 1.5rem;
border-radius: 0.75rem;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
font-size: 1rem;
display: inline-block;
}
.btn-primary {
background: #6366f1;
color: white;
border: 2px solid #6366f1;
}
.btn-primary:hover {
background: #5855eb;
border-color: #5855eb;
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(99, 102, 241, 0.3);
color: white;
text-decoration: none;
}
.btn-outline {
background: transparent;
color: white;
border: 2px solid rgba(255, 255, 255, 0.3);
}
.btn-outline:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.5);
transform: translateY(-2px);
color: white;
text-decoration: none;
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
}
/* Enhanced torch effect */
.torch {
margin: -150px 0 0 -150px;
width: 300px;
height: 300px;
box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.85);
opacity: 1;
border-radius: 50%;
position: fixed;
background: radial-gradient(circle,
rgba(99, 102, 241, 0.3) 0%,
rgba(99, 102, 241, 0.1) 30%,
transparent 70%);
z-index: 5;
transition: all 0.1s ease;
}
.torch::after {
content: '';
display: block;
border-radius: 50%;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: absolute;
box-shadow:
inset 0 0 60px 5px rgba(0, 0, 0, 0.8),
0 0 40px 8px rgba(99, 102, 241, 0.2);
}
/* Stars background */
.stars {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
.star {
position: absolute;
width: 2px;
height: 2px;
background: white;
border-radius: 50%;
animation: twinkle 2s infinite;
}
@keyframes twinkle {
0%, 100% { opacity: 0.3; }
50% { opacity: 1; }
}
@media (max-width: 768px) {
.discrete-nav {
top: 0.5rem;
left: 0.5rem;
}
.nav-logo {
padding: 0.5rem 0.75rem;
}
.nav-logo-img {
width: 20px;
height: 20px;
margin-right: 0.375rem;
}
.nav-logo-text {
font-size: 0.75rem;
}
.error-actions {
flex-direction: column;
align-items: center;
}
.btn {
width: 200px;
text-align: center;
}
.torch {
width: 200px;
height: 200px;
margin: -100px 0 0 -100px;
}
}
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q69B9TWPSY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-Q69B9TWPSY');
// Track 404 error
gtag('event', 'exception', {
description: '404_page_not_found',
fatal: false
});
</script>
</head>
<body>
<!-- Navigation discrète -->
<nav class="discrete-nav">
<a href="/" class="nav-logo">
<img src="img/logo/digital-influencer-logo-sans-titre.png" alt="Digital Influencer" class="nav-logo-img">
<span class="nav-logo-text">Digital Influencer</span>
</a>
</nav>
<!-- Stars background -->
<div class="stars" id="stars"></div>
<!-- Error content -->
<div class="error-content">
<div class="error-number">404</div>
<h1 class="error-title">Oups !</h1>
<p class="error-message">
Désolé, nous ne trouvons pas cette page car il fait si sombre ici...
<br>
Utilisez votre torche pour naviguer !
</p>
<div class="error-actions">
<a href="/" class="btn btn-primary">
🏠 Retour à l'accueil
</a>
<a href="mailto:contact@digital-influencer.top" class="btn btn-outline">
📧 Nous contacter
</a>
</div>
</div>
<!-- Torch effect -->
<div class="torch" id="torch"></div>
<!-- Scripts -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Enhanced torch effect
const torch = document.getElementById('torch');
let mouseX = 0;
let mouseY = 0;
let torchX = 0;
let torchY = 0;
// Smooth torch movement
function updateTorch() {
torchX += (mouseX - torchX) * 0.1;
torchY += (mouseY - torchY) * 0.1;
torch.style.left = torchX + 'px';
torch.style.top = torchY + 'px';
requestAnimationFrame(updateTorch);
}
document.addEventListener('mousemove', function(event) {
mouseX = event.pageX;
mouseY = event.pageY;
});
// Start torch animation
updateTorch();
// Create animated stars
function createStars() {
const starsContainer = document.getElementById('stars');
const starCount = 50;
for (let i = 0; i < starCount; i++) {
const star = document.createElement('div');
star.className = 'star';
star.style.left = Math.random() * 100 + '%';
star.style.top = Math.random() * 100 + '%';
star.style.animationDelay = Math.random() * 2 + 's';
star.style.animationDuration = (1 + Math.random() * 2) + 's';
starsContainer.appendChild(star);
}
}
createStars();
// Add torch click effect
torch.addEventListener('click', function() {
this.style.transform = 'scale(1.2)';
setTimeout(() => {
this.style.transform = 'scale(1)';
}, 200);
});
// Touch support for mobile
document.addEventListener('touchmove', function(event) {
event.preventDefault();
const touch = event.touches[0];
mouseX = touch.pageX;
mouseY = touch.pageY;
}, { passive: false });
});
</script>
</body>
</html>HTTP/1.1 200 OK
Server: nginx/1.18.0 (Ubuntu)
Date: Sat, 23 Aug 2025 06:57:01 GMT
Content-Type: text/html;charset=utf-8
Transfer-Encoding: chunked
Connection: keep-alive
X-XSS-Protection: 1; mode=block
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
Set-Cookie: rack.session=BAh7CEkiD3Nlc3Npb25faWQGOgZFVG86HVJhY2s6OlNlc3Npb246OlNlc3Npb25JZAY6D0BwdWJsaWNfaWRJIkVlODJiNTEyNGNkZTJiZWQwYzBjYmUwM2Y1OWJhN2ExNTNiMzliMDk3YWUzZjQxMjEyMGZlMDlmNzIyMTIwNzBjBjsARkkiCWNzcmYGOwBGSSIxbWFPb1RidG8wNWsxSE5CeHFkRDBWTmx1ZGJST3BXRnlrb0ZSTDJaM0hVZz0GOwBGSSINdHJhY2tpbmcGOwBGewZJIhRIVFRQX1VTRVJfQUdFTlQGOwBUSSItNjc3MTQ1MzY1ZjRjNzY3YWI3MzI3MTFlNjlkOTc0NDJhZmE1ZGVmMgY7AEY%3D--6fa6cfcff539c16274d24941589aac78e1b036da; path=/; HttpOnly
Content-Encoding: gzip