diff --git a/static/js/newcore.js b/static/js/newcore.js index d352ddf..30bbed6 100644 --- a/static/js/newcore.js +++ b/static/js/newcore.js @@ -1,3 +1,114 @@ +/*function errimg() { + // Создаем HTML-контент + const content = `
+ +
`; + + // Добавляем HTML-контент + $('#err').html(content); + + // Анимация для появления блока + $('#err .p20').slideDown(2000, function() { + // После отображения блока, анимируем изменение текста + $('#err b').fadeOut(1000, function() { + $(this).text("Фото было утеряно в результате сбоя жесткого диска").fadeIn(1000, function() { + // После изменения текста делаем его красным и мигающим + $(this).css('color', 'red').fadeOut(500).fadeIn(500).fadeOut(500).fadeIn(500, function() { + // После мигания анимируем масштабирование и поворот текста + $(this).animate({ fontSize: '36px', rotate: '360deg' }, 2000, function() { + // Завершаем анимацию с эффектом взрыва + $(this).hide('explode', { pieces: 50 }, 2000, function() { + // По окончанию взрыва плавно скрываем контейнер + $('#err').fadeOut(2000, function() { + // Дополнительная анимация для появления блока + $('#err').slideDown(1000, function() { + // Тряска всей страницы наискосок + var angle = Math.random() * 2000 - 110; // случайный угол от -10 до 10 градусов + var rotateDirection = Math.random() < 0.5 ? '-=' : '+='; + + // Анимация для поворота страницы + $('body').animate({ rotate: rotateDirection + angle + 'deg' }, { + duration: 10000, + step: function(now, fx) { + $(this).css('transform', 'rotate(' + now + 'deg)'); + }, + complete: function() { + // Анимация для тряски элементов + $('div').each(function() { + // Генерируем случайные значения для тряски + var leftPos = Math.random() * 2010 - 5; // случайное смещение влево от -5 до 5 пикселей + var topPos = Math.random() * 1000 - 5; // случайное смещение вверх от -5 до 5 пикселей + + // Применяем анимацию с тряской и поворотом + $(this).animate({ + left: '+=' + leftPos + 'px', + top: '+=' + topPos + 'px' + }, { + duration: 100000, + easing: 'easeInOutQuad', + queue: false, // отключаем очередь анимаций + complete: function() { + // Дополнительная тряска с эффектом + $(this).effect('shake', { distance: 500, times: 2000 }, 50000); + } + }); + }); + } + }); + }); + }); + }); + }); + }); + }); + }); + + // Дополнительная анимация для ссылки + $('#err a').delay(1500).fadeIn(1000); + + // Анимация для подчеркивания ссылки + $('#err a').hover(function() { + $(this).animate({ fontSize: '18px', paddingLeft: '20px', paddingRight: '20px', borderBottomWidth: '4px' }, 500); + }, function() { + $(this).animate({ fontSize: '16px', paddingLeft: '15px', paddingRight: '15px', borderBottomWidth: '0px' }, 500); + }); + + // Анимация для блока .sm + $('#err .sm').delay(1000).slideDown(1500).delay(1500).slideUp(1500).slideDown(1500); + + // Анимация для всего блока .p20 + $('#err .p20').delay(500).fadeIn(1000).fadeOut(1000).fadeIn(1000).fadeOut(1000).fadeIn(1000); + + // Дополнительная анимация для изменения цвета фона + $('body').animate({ backgroundColor: '#f0f0f0' }, 2000).delay(1000).animate({ backgroundColor: 'white' }, 2000); + + // Анимация для мигания текста + $('#err b').delay(2000).fadeOut(500).fadeIn(500).fadeOut(500).fadeIn(500); + + // Анимация для изменения размера ссылки + $('#err a').delay(2500).animate({ fontSize: '20px' }, 1000).delay(1000).animate({ fontSize: '16px' }, 1000); + }); +}*/ + + + function errimg() { - $('#err').html(`
Фото потеряно при крахе винчестера
Если у вас есть это фото, пожалуйста, пришлите его на admin@transphoto.org
`); -} \ No newline at end of file + // Create the HTML content + const content =
+ +
; + $('#err').html(content); + $('#err .p20').slideDown(500); +} diff --git a/views/components/LoadHead.php b/views/components/LoadHead.php index 82c94ed..0bd3d58 100644 --- a/views/components/LoadHead.php +++ b/views/components/LoadHead.php @@ -23,11 +23,13 @@ + +