// ==UserScript== // @name Яндекс - Милая Анимешная Погода ☀️ // @namespace web.nextbyte.ai // @version 1.0 // @description Превращает стандартный виджет погоды на ya.ru в милый анимешный стиль с детализированной информацией // @author NextByte // @match *://ya.ru/* // @grant none // ==/UserScript== (function() { 'use strict'; // Ждем загрузки страницы function init() { const weatherWidget = document.querySelector('.hmI5SoDJyDbww3-weather'); if (!weatherWidget) { setTimeout(init, 500); return; } // Создаем новый милый виджет погоды createAnimeWeatherWidget(weatherWidget); } function createAnimeWeatherWidget(originalWidget) { // Получаем данные из оригинального виджета const tempText = originalWidget.querySelector('.hmI5SoDJyDbww3-weather__text')?.textContent || '+5°'; const ariaLabel = originalWidget.getAttribute('aria-label') || ''; const weatherUrl = originalWidget.getAttribute('href') || ''; // Парсим информацию о погоде const tempMatch = tempText.match(/([+-]?\d+)°/); const temperature = tempMatch ? parseInt(tempMatch[1]) : 5; // Определяем тип погоды из aria-label let weatherType = 'cloudy'; let weatherEmoji = '☁️'; let weatherText = 'Облачно'; if (ariaLabel.includes('Ясно') || ariaLabel.includes('Солнечно')) { weatherType = 'sunny'; weatherEmoji = '☀️'; weatherText = 'Ясно'; } else if (ariaLabel.includes('Дождь') || ariaLabel.includes('дождь')) { weatherType = 'rainy'; weatherEmoji = '🌧️'; weatherText = 'Дождь'; } else if (ariaLabel.includes('Снег') || ariaLabel.includes('снег')) { weatherType = 'snowy'; weatherEmoji = '❄️'; weatherText = 'Снег'; } else if (ariaLabel.includes('Облачно')) { weatherType = 'cloudy'; weatherEmoji = '☁️'; weatherText = 'Облачно'; } // Получаем город const cityMatch = ariaLabel.match(/Погода в ([^0-9]+)/); const city = cityMatch ? cityMatch[1].trim() : 'вашем городе'; // Создаем новый контейнер const animeWidget = document.createElement('a'); animeWidget.href = weatherUrl; animeWidget.target = '_blank'; animeWidget.rel = 'noopener'; animeWidget.className = 'anime-weather-widget'; animeWidget.setAttribute('aria-label', ariaLabel); // HTML структура милого виджета animeWidget.innerHTML = `

${weatherEmoji} ${city}

${tempText}

${weatherText}

💨 Ветер

💧 Влажность

🌸 Приятно

✨ 💖 ⭐ ✨ 🌸

`; // Добавляем стили if (!document.getElementById('anime-weather-styles')) { const styles = document.createElement('style'); styles.id = 'anime-weather-styles'; styles.textContent = ` .anime-weather-widget { display: block !important; text-decoration: none !important; color: inherit !important; position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease; } .anime-weather-widget:hover { transform: translateY(-3px) scale(1.02); } .anime-weather-container { background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); border-radius: 20px; padding: 16px 20px; box-shadow: 0 8px 20px rgba(168, 237, 234, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.5) inset; position: relative; overflow: hidden; min-width: 220px; transition: all 0.3s ease; border: 2px solid rgba(255, 255, 255, 0.6); } .anime-weather-widget:hover .anime-weather-container { box-shadow: 0 12px 30px rgba(254, 214, 227, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.7) inset; background: linear-gradient(135deg, #fed6e3 0%, #a8edea 100%); transform: scale(1.02); } .anime-weather-header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } .anime-weather-emoji { font-size: 28px; animation: float 3s ease-in-out infinite; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)); } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-5px); } } .anime-weather-city { color: #5a4a7f; font-size: 14px; font-weight: 600; text-shadow: 0 1px 2px rgba(255,255,255,0.5); flex: 1; } .anime-weather-main { text-align: center; margin: 12px 0; } .anime-weather-temp { font-size: 48px; font-weight: 700; color: #ff6b9d; text-shadow: 0 2px 4px rgba(255,255,255,0.5), 0 0 20px rgba(255,107,157,0.3); line-height: 1; margin-bottom: 4px; font-family: 'Arial', sans-serif; } .anime-weather-condition { color: #5a4a7f; font-size: 16px; font-weight: 600; text-shadow: 0 1px 2px rgba(255,255,255,0.5); } .anime-weather-details { display: flex; justify-content: space-around; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.6); } .anime-weather-detail { display: flex; flex-direction: column; align-items: center; gap: 4px; } .detail-icon { font-size: 20px; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2)); } .detail-text { color: #7a6a9f; font-size: 11px; font-weight: 500; text-shadow: 0 1px 1px rgba(255,255,255,0.5); } .anime-weather-sparkles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; } .sparkle { position: absolute; font-size: 16px; opacity: 0; animation: sparkle 3s ease-in-out infinite; } .sparkle-1 { top: 20%; left: 10%; animation-delay: 0s; } .sparkle-2 { top: 60%; right: 15%; animation-delay: 1s; } .sparkle-3 { top: 40%; left: 80%; animation-delay: 2s; } .sparkle-4 { top: 70%; left: 20%; animation-delay: 1.5s; } .sparkle-5 { top: 30%; right: 10%; animation-delay: 2.5s; } @keyframes sparkle { 0%, 100% { opacity: 0; transform: scale(0) rotate(0deg); } 50% { opacity: 1; transform: scale(1) rotate(180deg); } } /* Cute pulsing glow effect */ @keyframes glow { 0%, 100% { box-shadow: 0 8px 20px rgba(168, 237, 234, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.5) inset; } 50% { box-shadow: 0 8px 25px rgba(254, 214, 227, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.7) inset; } } .anime-weather-container { animation: glow 4s ease-in-out infinite; } /* Адаптация под темную тему */ @media (prefers-color-scheme: dark) { .anime-weather-container { background: linear-gradient(135deg, #6b5b95 0%, #b8a9c9 100%); border-color: rgba(255, 255, 255, 0.3); } .anime-weather-widget:hover .anime-weather-container { background: linear-gradient(135deg, #b8a9c9 0%, #6b5b95 100%); } .anime-weather-city, .anime-weather-condition, .detail-text { color: #f0e6ff; } .anime-weather-temp { color: #ffc0e0; } } /* Скрываем оригинальный виджет */ .hmI5SoDJyDbww3-weather.original-weather-hidden { display: none !important; } `; document.head.appendChild(styles); } // Заменяем оригинальный виджет originalWidget.classList.add('original-weather-hidden'); originalWidget.parentNode.insertBefore(animeWidget, originalWidget); console.log('✨ Милый анимешный виджет погоды загружен!'); } // Запускаем скрипт if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();