Jodit Editor

<!DOCTYPE html>

<head>

<title>JoshgunHamzayev.az - System Deployment</title>

<style>

body {

font-family: 'Rajdhani', sans-serif;

background-color: #030712;

color: #f3f4f6;

overflow-x: hidden;

touch-action: manipulation;

user-select: none;

-webkit-user-select: none;

}

.font-mono-tech {

font-family: 'Share Tech Mono', monospace;

}

.font-orbitron {

font-family: 'Orbitron', sans-serif;

}

.cyber-glow {

text-shadow: 0 0 10px rgba(6, 182, 212, 0.7), 0 0 25px rgba(6, 182, 212, 0.4);

}

.cyber-card {

background: rgba(6, 11, 25, 0.92);

backdrop-filter: blur(25px);

-webkit-backdrop-filter: blur(25px);

border: 1px solid rgba(6, 182, 212, 0.4);

box-shadow: 0 0 40px rgba(6, 182, 212, 0.18), inset 0 0 20px rgba(6, 182, 212, 0.08);

position: relative;

}

.cyber-corners {

clip-path: polygon(

0 20px, 20px 0,

calc(100% - 20px) 0, 100% 20px,

100% calc(100% - 20px), calc(100% - 20px) 100%,

20px 100%, 0 calc(100% - 20px)

);

}

.scanline {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 4px;

background: linear-gradient(90deg, transparent, rgba(6, 182, 212, 0.8), transparent);

animation: scan 4s linear infinite;

pointer-events: none;

z-index: 20;

}

@keyframes scan {

0% { top: 0%; opacity: 0; }

15% { opacity: 1; }

85% { opacity: 1; }

100% { top: 100%; opacity: 0; }

}

#matrix-canvas, #snow-canvas {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

pointer-events: none;

}

#matrix-canvas { z-index: 1; opacity: 0.3; }

#snow-canvas { z-index: 2; opacity: 0.6; }

.content-container { position: relative; z-index: 10; }

.bg-hex {

background-image: radial-gradient(rgba(6, 182, 212, 0.12) 1px, transparent 0);

background-size: 28px 28px;

}

.tech-btn {

background: rgba(15, 23, 42, 0.9);

border: 1px solid rgba(6, 182, 212, 0.3);

transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

cursor: pointer;

}

.tech-btn:hover {

border-color: rgba(6, 182, 212, 0.9);

box-shadow: 0 0 20px rgba(6, 182, 212, 0.5);

transform: translateY(-2px);

}

</style>

</head>

<span id="audio-status-text">SAAT SƏSİ: AKTİV</span>

</button>

</div>

<span>SYS.STATUS // DEPLOYMENT_ACTIVE</span>

</div>

HOST: JOSHGUNHAMZAYEV.AZ

</div>

v2.1.0

</div>

<span>JOSHGUN HAMZAYEV // RƏQƏMSAL PLATFORM</span>

</div>

SİSTEM HAZIRLANIR

</h1>

Diqqət! Coşqun Həmzəyevin rəqəmsal platformasına xoş gəlmisiniz. Bu platforma fərdi portfelim, gördüyüm işlər, veb sayt, script və hosting satışları, həmçinin haqqımda geniş məlumatların yer alacağı, gələcəyin rəqəmsal mərkəzi kimi hazırlanır.

</p>

</div>

<div class="text-[9px] uppercase tracking-widest text-slate-400 font-mono-tech mt-1">SAAT / HOURS</div>

</div>

<div class="text-[9px] uppercase tracking-widest text-slate-400 font-mono-tech mt-1">DƏQİQƏ / MINS</div>

</div>

<div class="text-[9px] uppercase tracking-widest text-slate-400 font-mono-tech mt-1">SANİYƏ / SECS</div>

</div>

<span class="flex items-center"><i class="fa-solid fa-terminal mr-1 text-cyan-400"></i> AKTİV OLACAĞI TARİX:</span>

<span class="text-cyan-300 font-bold tracking-wider">31 OKTYABR 2026 // 15:00:00</span>

</div>

</div>

<span class="tracking-wider font-semibold">RƏQƏMSAL KANALLAR:</span>

</div>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</div>

<span class="tracking-wider font-semibold">ƏLAQƏ VASİTƏLƏRİ:</span>

</div>

<span>EMAİL YAZ</span>

</a>

</a>

</div>

</p>

</main>

// LAUNCH_TARGET: 31 Oktyabr 2026, saat 15:00:00

const targetDate = new Date(2026, 9, 31, 15, 0, 0).getTime();

const startDate = new Date("2026-01-01T00:00:00").getTime();

let lastSecond = -1;

let audioCtx = null;

let soundActive = true;

function initAudioContext() {

if (!audioCtx) {

audioCtx = new (window.AudioContext || window.webkitAudioContext)();

}

if (audioCtx.state === 'suspended') {

audioCtx.resume();

}

function toggleAudio() {

soundActive = !soundActive;

const statusText = document.getElementById('audio-status-text');

const audioIcon = document.getElementById('audio-icon');

if (soundActive) {

statusText.innerText = "SAAT SƏSİ: AKTİV";

audioIcon.className = "fa-solid fa-clock text-cyan-400 animate-pulse";

initAudioContext();

} else {

statusText.innerText = "SAAT SƏSİ: DEAKTİV";

audioIcon.className = "fa-solid fa-clock-slash text-slate-500";

}

function playTickSound() {

if (!soundActive) return;

try {

initAudioContext();

if (!audioCtx) return;

const osc = audioCtx.createOscillator();

const gain = audioCtx.createGain();

osc.type = 'sine';

osc.frequency.setValueAtTime(1200, audioCtx.currentTime);

osc.frequency.exponentialRampToValueAtTime(400, audioCtx.currentTime + 0.025);

gain.gain.setValueAtTime(0.08, audioCtx.currentTime);

gain.gain.exponentialRampToValueAtTime(0.0001, audioCtx.currentTime + 0.03);

osc.connect(gain);

gain.connect(audioCtx.destination);

osc.start();

osc.stop(audioCtx.currentTime + 0.035);

} catch (e) {

console.log("Audio play error:", e);

}

document.addEventListener('click', () => {

initAudioContext();

}, { once: true });

window.addEventListener('load', () => {

initAudioContext();

});

function updateCountdown() {

const now = new Date().getTime();

const difference = targetDate - now;

const currentSec = Math.floor((now / 1000) % 60);

if (currentSec !== lastSecond) {

lastSecond = currentSec;

playTickSound();

}

if (difference <= 0) {

document.getElementById('days').innerText = "00";

document.getElementById('hours').innerText = "00";

document.getElementById('minutes').innerText = "00";

document.getElementById('seconds').innerText = "00";

document.getElementById('progress-bar').style.width = "100%";

return;

}

const days = Math.floor(difference / (1000 * 60 * 60 * 24));

const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));

const seconds = Math.floor((difference % (1000 * 60)) / 1000);

document.getElementById('days').innerText = days < 10 ? '0' + days : days;

document.getElementById('hours').innerText = hours < 10 ? '0' + hours : hours;

document.getElementById('minutes').innerText = minutes < 10 ? '0' + minutes : minutes;

document.getElementById('seconds').innerText = seconds < 10 ? '0' + seconds : seconds;

const totalDuration = targetDate - startDate;

const elapsed = now - startDate;

const progress = Math.min(Math.max((elapsed / totalDuration) * 100, 5), 100);

document.getElementById('progress-bar').style.width = progress + "%";

}

setInterval(updateCountdown, 200);

updateCountdown();

// Matrix background

const matrixCanvas = document.getElementById('matrix-canvas');

const matrixCtx = matrixCanvas.getContext('2d');

let width = matrixCanvas.width = window.innerWidth;

let height = matrixCanvas.height = window.innerHeight;

const chars = "01100101001010100101010100101110101010101110101010101010101010101010100101";

const fontSize = 14;

let columns = Math.floor(width / fontSize);

let drops = Array(columns).fill(1);

function drawMatrix() {

matrixCtx.fillStyle = 'rgba(3, 7, 18, 0.1)';

matrixCtx.fillRect(0, 0, width, height);

matrixCtx.fillStyle = '#06b6d4';

matrixCtx.font = fontSize + 'px monospace';

for (let i = 0; i < drops.length; i++) {

const text = chars.charAt(Math.floor(Math.random() * chars.length));

matrixCtx.fillText(text, i * fontSize, drops[i] * fontSize);

if (drops[i] * fontSize > height && Math.random() > 0.975) {

drops[i] = 0;

}

drops[i]++;

}

// Snow background

const snowCanvas = document.getElementById('snow-canvas');

const snowCtx = snowCanvas.getContext('2d');

snowCanvas.width = width;

snowCanvas.height = height;

let numFlakes = Math.min(Math.floor(width / 15), 70);

let flakes = [];

function initSnow() {

flakes = [];

for (let i = 0; i < numFlakes; i++) {

flakes.push({

x: Math.random() * width,

y: Math.random() * height,

radius: Math.random() * 2 + 0.8,

speedY: Math.random() * 1.2 + 0.4,

speedX: Math.random() * 0.6 - 0.3,

opacity: Math.random() * 0.7 + 0.3

});

}

initSnow();

function drawSnow() {

snowCtx.clearRect(0, 0, width, height);

for (let i = 0; i < flakes.length; i++) {

const f = flakes[i];

snowCtx.beginPath();

snowCtx.arc(f.x, f.y, f.radius, 0, Math.PI * 2);

snowCtx.fillStyle = `rgba(207, 250, 254, ${f.opacity})`;

snowCtx.fill();

f.y += f.speedY;

f.x += f.speedX;

if (f.y > height) {

f.y = -5;

f.x = Math.random() * width;

}

if (f.x > width) f.x = 0;

if (f.x < 0) f.x = width;

}

function animateCanvas() {

drawMatrix();

drawSnow();

requestAnimationFrame(animateCanvas);

}

animateCanvas();

window.addEventListener('resize', () => {

width = matrixCanvas.width = snowCanvas.width = window.innerWidth;

height = matrixCanvas.height = snowCanvas.height = window.innerHeight;

columns = Math.floor(width / fontSize);

drops = Array(columns).fill(1);

numFlakes = Math.min(Math.floor(width / 15), 80);

initSnow();

});

document.addEventListener('contextmenu', function(e) {

e.preventDefault();

});

document.addEventListener('keydown', function(e) {

// Disable F12

if (e.keyCode === 123) {

e.preventDefault();

return false;

}

// Disable Ctrl+U, Ctrl+Shift+I, Ctrl+Shift+J, Ctrl+Shift+C, Ctrl+S

if (e.ctrlKey && (e.keyCode === 85 || e.keyCode === 83)) { // U or S

e.preventDefault();

return false;

}

if (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74 || e.keyCode === 67)) { // I, J, C

e.preventDefault();

return false;

}

});

</script>

</body>

</html>