baby-art.ru Ads.txt file

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Домен выставлен на продажу">
<title>Домен выставлен на продажу</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

body {
font-family: 'Segoe UI', sans-serif;
background: #000;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
color: #e0e0e0;
padding: 20px;
overflow: auto;
position: relative;
cursor: none;
touch-action: manipulation;
}

/* === ЗВЁЗДНОЕ НЕБО === */
.stars {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
pointer-events: none;
z-index: 1;
overflow: hidden;
}

.star {
position: absolute;
background: white;
border-radius: 50%;
filter: blur(0.5px);
opacity: 0.8;
animation: twinkle var(--duration, 3s) infinite ease-in-out;
}

@keyframes twinkle {
0%, 100% { opacity: 0.2; transform: scale(1); }
50% { opacity: 1; transform: scale(1.2); }
}

.shooting-star {
position: absolute;
width: 4px;
height: 4px;
background: white;
border-radius: 50%;
box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.8);
opacity: 0;
animation: shoot 3s infinite;
transform: rotate(45deg);
}

@keyframes shoot {
0% { opacity: 0; transform: translate(0, 0) rotate(45deg); }
10% { opacity: 1; }
90% { opacity: 1; }
100% { opacity: 0; transform: translate(1000px, -1000px) rotate(45deg); }
}

/* === КОНТЕЙНЕР === */
.container {
width: 100%;
max-width: 900px;
background: rgba(15, 15, 35, 0.85);
backdrop-filter: blur(12px);
border-radius: 24px;
padding: 5vmin;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
text-align: center;
border: 1px solid rgba(102, 126, 234, 0.4);
position: relative;
z-index: 2;
transform-style: preserve-3d;
transition: transform 0.1s ease;
overflow: hidden;
margin: 4vh 0;
min-height: auto;
}

.container::before {
content: '';
position: absolute;
top: -50%; left: -50%;
width: 200%; height: 200%;
background: conic-gradient(
transparent,
rgba(102, 126, 234, 0.1),
rgba(118, 75, 162, 0.1),
rgba(240, 147, 251, 0.1),
transparent 30%
);
animation: rotate 10s linear infinite;
opacity: 0.6;
z-index: -1;
}

@keyframes rotate {
to { transform: rotate(360deg); }
}

h1 {
font-size: 5vmin;
margin-bottom: 4vmin;
background: linear-gradient(45deg, #667eea, #f093fb, #667eea);
background-size: 300% 300%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 700;
animation: gradient 4s ease infinite;
line-height: 1.2;
}

@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

.domain {
font-size: 4vmin;
font-weight: 800;
color: #667eea;
margin: 3vmin 0;
word-break: break-word;
padding: 3vmin 2vmin;
background: rgba(102, 126, 234, 0.1);
border-radius: 14px;
display: inline-block;
min-width: 80%;
border: 1px solid rgba(102, 126, 234, 0.3);
cursor: pointer;
transition: all 0.3s ease;
text-shadow: 0 0 10px rgba(102, 126, 234, 0.3);
}

.domain:hover {
transform: scale(1.03);
text-shadow: 0 0 20px rgba(102, 126, 234, 0.6);
}

p {
font-size: 3.5vmin;
color: #ccc;
margin: 4vmin 0;
line-height: 1.6;
}

.email-container {
margin: 5vmin 0 3vmin;
padding: 5vmin 3vmin;
background: rgba(20, 20, 40, 0.6);
border-radius: 18px;
border: 2px solid rgba(102, 126, 234, 0.3);
}

.email-label {
font-size: 3.5vmin;
color: #667eea;
margin-bottom: 4vmin;
display: block;
text-shadow: 0 0 5px rgba(102, 126, 234, 0.4);
}

.email-image {
cursor: pointer;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 30px rgba(102, 126, 234, 0.3);
display: inline-block;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.email-image:hover {
transform: translateY(-6px) scale(1.04);
box-shadow: 0 20px 50px rgba(102, 126, 234, 0.5);
}

.email-image img {
max-width: 100%;
height: auto;
display: block;
}

.copy-button {
margin: 4vmin auto 2vmin;
padding: 3vmin 5vmin;
background: linear-gradient(45deg, #667eea, #764ba2);
color: white;
border: none;
border-radius: 12px;
font-size: 3.8vmin;
cursor: pointer;
display: block;
font-weight: 600;
box-shadow: 0 10px 30px rgba(102, 126, 234, 0.5);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}

.copy-button::before {
content: '';
position: absolute;
top: -50%; left: -100%;
width: 100%; height: 200%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transform: rotate(25deg);
transition: left 0.8s;
}

.copy-button:hover::before {
left: 120%;
}

.copy-button:hover {
transform: translateY(-4px);
box-shadow: 0 15px 40px rgba(102, 126, 234, 0.6);
}

.success-message {
color: #00c853;
margin-top: 2vmin;
font-size: 3.5vmin;
min-height: 6vmin;
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 1vmin;
}

.success-message.show {
opacity: 1;
}

footer {
margin-top: 5vmin;
color: #888;
font-size: 3vmin;
}

/* === КУРСОР — ТОЛЬКО ДЛЯ ДЕСКТОПА === */
.cursor {
display: none;
}

@media (min-width: 769px) {
.cursor {
display: block;
position: fixed;
width: 20px;
height: 20px;
background: rgba(102, 126, 234, 0.5);
border: 2px solid #667eea;
border-radius: 50%;
pointer-events: none;
z-index: 1000;
transform: translate(-50%, -50%);
transition: transform 0.1s ease, background 0.3s ease;
mix-blend-mode: difference;
}
}

/* === ПАРАЛЛАКС ТОЛЬКО НА ДЕСКТОПЕ === */
@media (max-width: 768px) {
.container {
transform: none !important;
transition: none !important;
}

body {
cursor: default;
}

.stars {
opacity: 0.7;
}

.shooting-star {
display: none;
}
}

/* === Для очень маленьких экранов === */
@media (max-height: 600px) {
.container {
padding: 3vmin;
margin: 2vh 0;
}

h1, .domain, p, .email-label, .copy-button {
font-size: clamp(14px, 4vmin, 24px);
}
}
</style>
</head>
<body>
<!-- ЗВЁЗДНОЕ НЕБО -->
<div class="stars" id="stars"></div>

<!-- КУРСОР (только десктоп) -->
<div class="cursor" id="cursor"></div>

<!-- КОНТЕЙНЕР -->
<div class="container" id="container">
<h1>Домен выставлен на продажу</h1>
<div class="domain" id="domainName">Загрузка...</div>
<p>Интересует приобретение этого доменного имени? Данный домен доступен для покупки по индивидуальной договоренности.</p>

<div class="email-container">
<div class="email-label">Свяжитесь с владельцем:</div>
<div class="email-image" id="emailImageContainer">
<img id="emailImage" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='60' viewBox='0 0 300 60'%3E%3Crect width='300' height='60' fill='%23141428' rx='8'/%3E%3Ctext x='150' y='35' font-family='sans-serif' font-size='20' fill='white' text-anchor='middle'%3Einfo@domain.com%3C/text%3E%3C/svg%3E" alt="Email">
</div>
<button class="copy-button" id="copyButton">Скопировать email</button>
<div class="success-message" id="successMessage">
✅ Email скопирован в буфер!
</div>
</div>

<footer>&copy; <span id="year">2024</span> Все права защищены</footer>
</div>

<script>
console.log("📱 Мобильная версия запущена");

// === 1. DOMEN И ГОД ===
const domain = window.location.hostname;
document.getElementById('domainName').textContent = domain;
document.getElementById('year').textContent = new Date().getFullYear();

// === 2. EMAIL (base64) ===
const encryptedEmail = 'cHVyY2hhc2VhZG9tYWlubmFtZUBmdDAucnU='; // Замените на свой: btoa('ваш@email.ру')
// === let email = 'info@domain.com';
try {
email = atob(encryptedEmail);
} catch (e) {
console.warn("Base64 decode failed", e);
}

// === 3. ЗВЁЗДЫ ===
function createStars() {
const starsContainer = document.getElementById('stars');
starsContainer.innerHTML = ''; // Очистка
const isMobile = window.innerWidth <= 768;
const starCount = isMobile ? 60 : 120;

for (let i = 0; i < starCount; i++) {
const star = document.createElement('div');
star.classList.add('star');

const size = Math.random() * 2.5 + 0.5;
const depth = Math.random();
const duration = Math.random() * 5 + 2;
const delay = Math.random() * 5;

star.style.width = `${size}px`;
star.style.height = `${size}px`;
star.style.left = `${Math.random() * 100}%`;
star.style.top = `${Math.random() * 100}%`;
star.style.opacity = depth * 0.8 + 0.2;
star.style.boxShadow = `0 0 ${size * 2}px ${depth > 0.7 ? '#fff' : '#667eea'}`;
star.style.setProperty('--duration', `${duration}s`);
star.style.animationDelay = `${delay}s`;

starsContainer.appendChild(star);
}
}

// === 4. ПАДАЮЩИЕ ЗВЁЗДЫ (только десктоп) ===
function createShootingStar() {
if (window.innerWidth <= 768) return; // Отключаем на мобильных

const star = document.createElement('div');
star.classList.add('shooting-star');
star.style.left = `${Math.random() * 30}%`;
star.style.top = `${Math.random() * 30}%`;
document.querySelector('.stars').appendChild(star);

setTimeout(() => star.remove(), 3000);
}

setInterval(createShootingStar, 10000);
setTimeout(createShootingStar, 2000);

// === 5. КУРСОР (только десктоп) ===
const cursor = document.getElementById('cursor');
if (cursor) {
document.addEventListener('mousemove', (e) => {
cursor.style.left = `${e.clientX}px`;
cursor.style.top = `${e.clientY}px`;
});

document.addEventListener('mousedown', () => {
cursor.classList.add('cursor-click');
});

document.addEventListener('mouseup', () => {
cursor.classList.remove('cursor-click');
});
}

// === 6. ПАРАЛЛАКС (только десктоп) ===
const container = document.getElementById('container');
if (window.innerWidth > 768) {
document.addEventListener('mousemove', (e) => {
const xAxis = (window.innerWidth / 2 - e.pageX) / 25;
const yAxis = (window.innerHeight / 2 - e.pageY) / 25;
container.style.transform = `rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;
});

container.addEventListener('mouseenter', () => {
container.style.transition = 'none';
});

container.addEventListener('mouseleave', () => {
container.style.transition = 'transform 0.5s ease';
container.style.transform = 'rotateY(0deg) rotateX(0deg)';
});
}

// === 7. EMAIL ИЗОБРАЖЕНИЕ ===
function createEmailImage() {
const canvas = document.createElement('canvas');
const width = Math.min(300, window.innerWidth * 0.8);
const height = 60;

canvas.width = width;
canvas.height = height;
const ctx = canvas.getContext('2d');

const gradient = ctx.createLinearGradient(0, 0, width, height);
gradient.addColorStop(0, '#141428');
gradient.addColorStop(0.5, '#1a1a3a');
gradient.addColorStop(1, '#242444');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, width, height);

ctx.font = `bold ${Math.max(16, width / 15)}px "Segoe UI", sans-serif`;
ctx.fillStyle = 'white';
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
ctx.fillText(email, width / 2, height / 2);

ctx.shadowColor = '#667eea';
ctx.shadowBlur = 15;
ctx.fillText(email, width / 2, height / 2);
ctx.shadowBlur = 0;

return canvas.toDataURL('image/png');
}

window.addEventListener('load', () => {
document.getElementById('emailImage').src = createEmailImage();
});

// === 8. КОПИРОВАНИЕ ===
['copyButton', 'emailImageContainer', 'domainName'].forEach(id => {
document.getElementById(id).addEventListener('click', function (e) {
e.stopPropagation();
const text = id === 'domainName' ? domain : email;

if (navigator.clipboard) {
navigator.clipboard.writeText(text).catch(() => fallbackCopy(text));
} else {
fallbackCopy(text);
}

const msg = document.getElementById('successMessage');
msg.textContent = id === 'domainName' ? '✅ Домен скопирован!' : '✅ Email скопирован в буфер!';
msg.classList.add('show');
setTimeout(() => {
msg.classList.remove('show');
msg.textContent = '✅ Email скопирован в буфер!';
}, 2000);
});
});

function fallbackCopy(text) {
const ta = document.createElement('textarea');
ta.value = text;
ta.style.position = 'fixed';
ta.style.opacity = '0';
document.body.appendChild(ta);
ta.select();
document.execCommand('copy');
document.body.removeChild(ta);
}

// === 9. ИНИЦИАЛИЗАЦИЯ ===
window.onload = () => {
createStars();
console.log("🌌 Звёздное небо создано");
};

window.onresize = () => {
if (window.innerWidth <= 768) {
container.style.transform = 'none';
}
createStars();
if (window.loaded) {
document.getElementById('emailImage').src = createEmailImage();
}
};

window.loaded = true;
</script>


<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function(m,e,t,r,i,k,a){
m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
})(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym');

ym(20432830, 'init', {webvisor:true, clickmap:true, accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/20432830" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->



</body>
</html>

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

© Red Volcano 2020. All Rights Reserved.