Xiuno

Xiuno 用户输入特定内容出现彩蛋

1、新建一个xiuno.js文件放到网站根目录

(function() {
    document.addEventListener('DOMContentLoaded', function() {
        var overlay = document.createElement('div');
        overlay.id = 'easter-egg-overlay';
        overlay.style.position = 'fixed';
        overlay.style.top = '0';
        overlay.style.left = '0';
        overlay.style.width = '100%';
        overlay.style.height = '100%';
        overlay.style.backgroundColor = 'rgba(255, 255, 255, 0.3)';
        overlay.style.backdropFilter = 'blur(10px)';
        overlay.style.display = 'none';
        overlay.style.justifyContent = 'center';
        overlay.style.alignItems = 'center';
        overlay.style.zIndex = '1000';

        var overlayContent = document.createElement('div');
        overlayContent.className = 'easter-egg-content';
        overlayContent.style.textAlign = 'center';
        overlayContent.style.color = '#333';
        overlayContent.style.fontSize = '2rem';
        overlayContent.style.fontWeight = 'bold';
        overlayContent.style.padding = '20px';
        overlayContent.style.backgroundColor = 'rgba(255, 255, 255, 0.8)';
        overlayContent.style.borderRadius = '10px';
        overlayContent.style.boxShadow = '0 4px 15px rgba(0, 0, 0, 0.2)';

        overlay.appendChild(overlayContent);
        document.body.appendChild(overlay);

        var input = '';

        var easterEggs = {
            '666': {
                type: 'image',
                content: 'https://ps.ssl.qhimg.com/t02582e25488b36f07a.jpg',  //换成自己的二维码
                title: '扫描二维码关注我们'
            },
            'xiuno': {
                type: 'text',
                content: 'https://xiuno.cn/',  //换成自己的QQ
                title: 'Xiuno 主题插件应用站'
            }
        };

        overlay.addEventListener('click', function(e) {
            if (e.target === overlay) {
                clean();
            }
        });

        document.addEventListener('keydown', function(e) {
            if (overlay.style.display === 'flex') {
                if (e.key === 'Escape' || e.key === 'Enter') {
                    clean();
                    return;
                }
            }

            if (e.key === 'Backspace') {
                input = input.slice(0, -1);
                return;
            }

            if (/^[a-zA-Z0-9]$/.test(e.key)) {
                input += e.key.toLowerCase();

                for (var sequence in easterEggs) {
                    if (input.endsWith(sequence)) {
                        play(sequence);
                        input = "";
                        break;
                    }
                }

                if (input.length > 20) {
                    input = input.slice(-20);
                }
            }
        });

        function play(sequence) {
            var eggData = easterEggs[sequence];

            overlayContent.innerHTML = '';

            var title = document.createElement('div');
            title.style.marginBottom = '15px';
            title.textContent = eggData.title;
            overlayContent.appendChild(title);

            if (eggData.type === 'image') {
                var img = document.createElement('img');
                img.src = eggData.content;
                img.style.maxWidth = '200px';
                img.style.maxHeight = '200px';
                img.style.display = 'block';
                img.style.margin = '0 auto';
                overlayContent.appendChild(img);
            } else if (eggData.type === 'text') {
                var text = document.createElement('div');
                text.style.fontSize = '1.8rem';
                text.textContent = eggData.content;
                overlayContent.appendChild(text);
            }

            overlay.style.display = 'flex';

            setTimeout(clean, 10000);
        }

        function clean() {
            overlay.style.display = 'none';
        }
    });
})();

2、把这个放到网站底部

<script src="xiuno.js"></script>

PS:666和xiuno是彩蛋调用命令,设置后可在网站输入666或xiuno触发测试

🗨️ 评论区