MediaWiki:Modules/custom-logo.js

Материал из Мракопедии
Перейти к: навигация, поиск

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
  • Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
  • Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
  • Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
/* 
    Замена логотипа в дни особых событий 
    TODO: подумать как интегрировать с основной ротацией? 
*/

(function() {
    const currentDate = new Date();
    if (currentDate >= new Date('2024-09-01') && currentDate <= new Date('2024-10-31')) {
    
        $('#p-logo').html(String.raw`<style>
            .logo-mask {
                position: absolute;
                border-width: 0;
                inset: 0 0;
                z-index: 1;
                background-image: url('/w/images/thumb/c/c8/Gzims-masonry-grid.png/657px-Gzims-masonry-grid.png');
                background-size: 300px;
                background-position-x: 0px;
                background-position-y: 0px;
                mask-image: url('/w/images/6/6a/10yearsgzim-mask.png');
                mask-position: 35% 50% !important;
                mask-size: 100%;
                width: 12.2em;
                pointer-events: none;
            }</style>
                
            <script>
            function animateNextGZIM() {
                $('.logo-mask').animate(
                {
                    backgroundPositionX: randomPosition(),
                    backgroundPositionY: randomPosition()
                }, 5000, animateNextGZIM);
            }
            
            function randomPosition() {
                return randomIntInclusive(-500, 500);
            }
            
            function randomIntInclusive(min, max) {
                return Math.floor(Math.random() * (max - min + 1)) + min;
            }
                
            animateNextGZIM();
            </script>		 
            <div class="logo-mask"></div><a href="/wiki/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0" class="mw-wiki-logo" title="Перейти на заглавную страницу" style="background-image: url(&quot;/w/images/8/8c/10yearsgzim.png&quot;); visibility: visible;"></a>`);
    
    }
})();