+
katOS
@@ -1046,12 +1177,54 @@
setWinPos('win-links', 355, 420, 325, null);
setWinPos('win-term', 685, 20, W - 44, 378);
setWinPos('win-viz', 1085, 35, W - 70, 240);
+ } else {
+ // Mobile (<800px): clear inline pixel coordinates so responsive CSS applies cleanly
+ windowRegistry.forEach(id => {
+ const win = document.getElementById(id);
+ if (win) {
+ win.style.top = '';
+ win.style.left = '';
+ win.style.width = '';
+ win.style.height = '';
+ }
+ });
}
restoreAllWindows();
bringToFront(document.getElementById('win-term'));
}
+ // ── Mobile App Navigation Quick Jump ─────────────────────────────────────
+ function scrollToWin(id) {
+ const win = document.getElementById(id);
+ if (!win) return;
+ if (win.classList.contains('minimized')) {
+ win.classList.remove('minimized');
+ }
+ bringToFront(win);
+
+ if (window.innerWidth <= 900) {
+ const desktop = document.getElementById('desktop');
+ if (desktop) {
+ const winTop = win.offsetTop - 54;
+ desktop.scrollTo({ top: Math.max(0, winTop), behavior: 'smooth' });
+ }
+ }
+ }
+
+ // ── Taskbar OS Logo Action (Mobile: Scroll to Top, Desktop: Reset Windows) ─
+ function handleOsLogoClick() {
+ if (window.innerWidth <= 900) {
+ const desktop = document.getElementById('desktop');
+ if (desktop) {
+ desktop.scrollTo({ top: 0, behavior: 'smooth' });
+ }
+ } else {
+ autoSpaceWindows();
+ showToast('[ katOS: Windows Reset & Centered ]');
+ }
+ }
+
function setWinPos(id, top, left, width, height) {
const win = document.getElementById(id);
if (!win) return;
@@ -1186,7 +1359,7 @@
const fastfetchArtEl = document.getElementById('fastfetchArt');
const fa = cls => `
`;
- const fastfetchLines = [
+ const fastfetchLinesDesktop = [
` ▄`,
` ▟█▙`,
` ▟███▙
oiupoyt@archlinux`,
@@ -1207,7 +1380,44 @@
` ▟███▀▘ ▝▀███▙`,
` ▟▛▀ ▀▜▙`,
];
- fastfetchArtEl.innerHTML = fastfetchLines.map(l => `
${l}
`).join('');
+
+ function renderFastfetch() {
+ if (!fastfetchArtEl) return;
+ if (window.innerWidth <= 640) {
+ const logoAscii = [
+ ` ▟█▙`,
+ ` ▟███▙`,
+ ` ▟█████▙`,
+ ` ▟███████▙`,
+ ` ▂▔▀▜██████▙`,
+ ` ▟██▅▂▝▜█████▙`,
+ ` ▟█████████████▙`,
+ `▟██████▀▀ ▀▀████▙`
+ ].map(l => `
${l}
`).join('');
+
+ const specItems = [
+ `
oiupoyt@archlinux`,
+ `
────────────────────────`,
+ `${fa('fas fa-laptop')}
OS Arch Linux x86_64`,
+ `${fa('fas fa-microchip')}
Kernel Linux 6.19.8-arch1-1`,
+ `${fa('fas fa-box-open')}
Packages 1254 (pacman), 60 (flatpak)`,
+ `${fa('fas fa-terminal')}
Shell fish 4.5.0`,
+ `${fa('fas fa-display')}
Terminal kitty 0.46.1`,
+ `${fa('fas fa-window-restore')}
WM Hyprland 0.54.2`,
+ `${fa('fas fa-palette')}
Theme monochrome-dark`,
+ `${fa('fas fa-font')}
Font Space Mono (11pt)`,
+ `${fa('fas fa-clock')}
Uptime 12 hours, 42 mins`,
+ `${fa('fas fa-music')}
Music Baiaa081 - Noite Isolada`,
+ `${fa('fas fa-cat')}
Status you da real kat 🤍`,
+ `${fa('fas fa-network-wired')}
Websites katdrop • kats • jd • toolbox`
+ ].map(s => `
${s}
`).join('');
+
+ fastfetchArtEl.innerHTML = `
${logoAscii}
${specItems}
`;
+ } else {
+ fastfetchArtEl.innerHTML = fastfetchLinesDesktop.map(l => `
${l}
`).join('');
+ }
+ }
+ renderFastfetch();
// ── Interactive Terminal Shell ───────────────────────────────────────────
const termInput = document.getElementById('termInput');
@@ -1290,6 +1500,7 @@
case 'fastfetch':
case 'neofetch':
fastfetchArtEl.style.display = 'block';
+ renderFastfetch();
out.textContent = '';
break;
@@ -1742,6 +1953,39 @@
});
});
+ // Mobile Touch Interaction for Liquid Void Fluid
+ window.addEventListener('touchstart', e => {
+ if (e.touches.length > 0) {
+ const t = e.touches[0];
+ bgMouse.targetX = t.clientX;
+ bgMouse.targetY = t.clientY;
+ bgMouse.active = true;
+ if (!e.target.closest('.window-body') && !e.target.closest('input') && !e.target.closest('button') && !e.target.closest('.player-btn')) {
+ if (shockwaves.length > 5) shockwaves.shift();
+ shockwaves.push({
+ x: t.clientX,
+ y: t.clientY,
+ radius: 10,
+ maxRadius: Math.max(window.innerWidth, window.innerHeight) * 0.45,
+ alpha: 0.65,
+ power: 1.2
+ });
+ }
+ }
+ }, { passive: true });
+
+ window.addEventListener('touchmove', e => {
+ if (e.touches.length > 0) {
+ bgMouse.targetX = e.touches[0].clientX;
+ bgMouse.targetY = e.touches[0].clientY;
+ bgMouse.active = true;
+ }
+ }, { passive: true });
+
+ window.addEventListener('touchend', () => {
+ bgMouse.active = false;
+ }, { passive: true });
+
// Pause CPU/GPU canvas rendering when user switches tabs or minimizes window
document.addEventListener('visibilitychange', () => {
if (!document.hidden && isPlaying) {
@@ -1800,14 +2044,22 @@
mDrops = Array.from({ length: mCols }, () => Math.floor(Math.random() * -45));
}
+ let lastTrackedWidth = window.innerWidth;
function resizeBgCanvas() {
bgCanvas.width = window.innerWidth;
bgCanvas.height = window.innerHeight;
initFluidParticles();
initMatrixDrops();
+ renderFastfetch();
if (typeof resizeVizCanvas === 'function') resizeVizCanvas();
}
- window.addEventListener('resize', resizeBgCanvas);
+ window.addEventListener('resize', () => {
+ resizeBgCanvas();
+ if (Math.abs(window.innerWidth - lastTrackedWidth) > 60) {
+ lastTrackedWidth = window.innerWidth;
+ autoSpaceWindows();
+ }
+ });
resizeBgCanvas();
// Audio frequency extractor (zero garbage collection overhead)