Главная
FAQ
Правила
История
Карта
Команды
Размер мира
Контакты
Ещё
Тех. справка
Забыл пароль
О проекте
Подключиться:
cmcraft.su
52/200 онлайн
Рекорд — 168
<footer> <hr class = "footer-line"> <div class = "container footer"> <img class = "footer-pie" src = "/favicon.svg" alt = "ЦМ Крафт" > <address class = "footer-links"> <a href = "https://discord.com/invite/MPfPsXabjK">Дискорд</a> <a href = "https://vk.com/roleplay_vanilla">ВК</a> <a href = "https://t.me/cmcraft_bot">Телеграм</a> </address> <div class = "footer-info"> <span title="С 21 ноября 2020">С 2020 года</span> · Аптайм — 100 % </div> <svg class="footer-beaver" xmlns="http://www.w3.org/2000/svg" viewBox="0 62 150 190"><path fill="var(--color-grayish)" d="M123.39,90.42c-4.08-1.44-11.22-1.9-14,3.25,4.56,6.45,14.61,9.61,20.24,9.74,5.9.13,4.16,6.87,3.48,8.28a4.74,4.74,0,0,0-2.05-1.47s.14,3.22-1.21,4.49a9,9,0,0,0-2.3-2.9s-.6,5-2.27,4.88a18.17,18.17,0,0,0-2.74-4.78c-4.65.26-12.28,9.94-24.35-2.24-.26.21-.5.39-.56.43,1.4,5.49,7.48,8.72,12.11,10.43.54,3.28,1,6.58.73,7.83a5.29,5.29,0,0,0-2.29-.86s1.55,7.43-.48,10.84c-.45-1.07-3.1-1.27-3.1-1.27s-2.73,6.67-6.38,9a8,8,0,0,0-.9-3.16S91.76,148,88,149.47c.26-2.16-1.62-4.09-1.62-4.09s-4.9,3.61-6.94,4.9c-1.33-2.55-6.12-6.11-6.12-6.11s-.68,1.83-1.23,3.67a15.29,15.29,0,0,1-9.74-8.17,23,23,0,0,1-2.47,2.47l-6.34-6.62,5.92-5.4c-.19-1.24-.31-2.45-.38-3.59l-7.58,6.85-5.46-5.69c5.42.21,10.31-.15,13-2.09a47.54,47.54,0,0,1,.13-6.82s-2.14,1.3-3.55,2.25c-2.43-12.31,7.54-24.16,7.54-24.16s-1.89-.05-3.1-.12a33.25,33.25,0,0,1,15.27-9.49s-2.17-2.85-3.56-3.56c4.91-1.14,13-2.59,20-3.78l2-2.11-3-2.77,6.46-3.27-3.58-2.92a86.63,86.63,0,0,1,18.8-5.34c13.44,3.74,21,20.5,21,20.5l-8.83,9.1ZM42.58,141.49l-5.86-6.12,6.69-6.1,5.91,6.12ZM29.31,127.64l1.43-1.3c3.18.29,6.79.72,10.38,1l-6.46,5.85Zm-3.55,13.64-5.32-5.55,6.62-6,5.36,5.56Zm-11-11.5a19.62,19.62,0,0,1,8.92-3.6L25,127.56l-6.63,6Zm1.36,5.83L9,142c-.86-.75-1.71-1.54-2.55-2.4a25.8,25.8,0,0,1,5.89-7.92Zm7.42,7.68-5.28,4.78A37.32,37.32,0,0,1,11.4,144l6.8-6.2Zm7.79,8.08a36.76,36.76,0,0,1-9.93-2l4.25-3.88Zm3.18-14,5.88,6.09-6.7,6.06-5.83-6.09Zm8,8.26,3.72,3.85a41.89,41.89,0,0,1-10,1.87Zm8.91-8.13L57.6,144a40.31,40.31,0,0,1-8.37,4.47l-4.57-4.77Zm54.6,3.3c4.88.95,10.21,5.6,10.16,9.73a16.53,16.53,0,0,0-4.54-1.91l.28,3.13-5.16-1.89-.14,2.55-8.1-2.68S104.18,145.91,106,140.83Z"/></svg> </div> </footer> <script> // Пирог const pies = [ // Задачка на будущее: сделать так, чтобы сам пирог оставался на месте // { name: 'beaver', expand: { top: 1, bottom: 1, right: 11 } }, // { name: 'burning', expand: { top: 4, right: 3, bottom: 2, left: 7 } }, // { name: 'devil', expand: { top: 1, bottom: 1, right: 11 } }, // { name: 'eyes-00', expand: { top: 1 } }, // { name: 'eyes-0o', expand: { top: 1 } }, // { name: 'matrix', expand: { top: 3, bottom: 3, right: 2, left: 2 } }, // { name: 'meadow', expand: { top: 4, bottom: 3, right: 1, left: 1 } }, { name: 'robot', expand: {} }, ] const pie = document.querySelector('.footer-pie') let piesLoaded = false pie.addEventListener('mouseover', () => { if (piesLoaded) return pies.forEach(pie => { const link = document.createElement('link') link.rel = 'preload' link.href = `/img/pies/pie-${pie.name}.svg` link.as = 'image' document.head.appendChild(link) }) piesLoaded = true }) pie.addEventListener('click', () => { const randomPie = pies[Math.floor(Math.random() * pies.length)] pie.src = `/img/pies/pie-${randomPie.name}.svg` }) </script> <script> // Бобр const beaver = document.querySelector('.footer-beaver') let shaking = false let clicks = 0 beaver.addEventListener('click', () => { if (shaking) return shaking = true beaver.style.animation = 'shake 0.15s infinite' beaver.querySelector('path').style.fill = 'red' clicks++ if (clicks > 3) { beaver.style.transform = `scale(${2})` } setTimeout(() => { beaver.style.animation = 'none' beaver.querySelector('path').style.fill = 'var(--color-grayish)' beaver.style.transform = '' shaking = false }, 800) }) </script> <script> // Ссылки по Бирману const QUOTATION_MARKS = '"\'«»‘’‚‛“”„‟‹›\(\)' // Перечень возможных кавычек const PUNCTUATION_MARKS = '.!?:;,' // Перечень возможных знаков препинания, стоящих после последней кавычки const surroundedByQuotationMarks = new RegExp(`^([${QUOTATION_MARKS}]{1})(.*)([${QUOTATION_MARKS}]{1}[${PUNCTUATION_MARKS}]?)$`) // Магическое регулярное выражение, чтобы найти и заменить ссылки, начинающиеся (^) с кавычки и заканчивающиеся ($) кавычкой с необязательным знаком препинания Array.from(document.querySelectorAll('a')) // Находим все ссылки .filter(a => surroundedByQuotationMarks.test(a.textContent)) // Отбираем нужные нам .forEach(a => a.innerHTML = a.innerHTML.replace(surroundedByQuotationMarks, '$1<u>$2</u>$3')) // Заворачиваем содержимое в <u> </script> <script> // Оборачиваем аббревиатуры в <abbr> const abbreviationRegex = /(?<![<"\w])(?=[A-ZА-Я0-9]*[A-ZА-Я])([A-ZА-Я0-9]{2,})(?![<"\w])/g; function replaceAbbreviation(text) { return text.replace(abbreviationRegex, '<abbr>\$1</abbr>'); } function findAbbreviations(node) { if (node.nodeType === Node.TEXT_NODE) { const newText = replaceAbbreviation(node.nodeValue); if (newText !== node.nodeValue) { const newNode = document.createElement('span'); newNode.innerHTML = newText; node.parentNode.replaceChild(newNode, node); } } else { node.childNodes.forEach(findAbbreviations); } } findAbbreviations(document.body); </script> <script> // Внешние ссылки в новой вкладке document.addEventListener('DOMContentLoaded', () => { Array.from(document.querySelectorAll('a')) .filter(a => a.hostname !== window.location.hostname && a.href.startsWith('http')) .forEach(a => a.target = '_blank') }) </script> <!-- Сетка --> <style> .debugger { --debuggerGutter: 1rem; /* Межколонник */ display: none; /* По умолчанию сетка спрятана */ position: absolute; top: 0; right: 0; left: 0; z-index: 999999; min-height: 100lvh; pointer-events: none; } .debugger.is__active { /* Сетка получает класс is__active и показывается */ display: block; } .debugger-cols { position: absolute; top: 0; bottom: 0; right: 1rem; /* Поля */ left: 1rem; margin-left: calc(var(--debuggerGutter) / -2); margin-right: calc(var(--debuggerGutter) / -2); display: flex; opacity: .15; } .debugger-cols div { flex: 1; border: calc(var(--debuggerGutter) / 2) solid #000; background: red; } @media screen and (max-width: 900px) { .debugger { --debuggerGutter: 0.5rem; } .debugger-cols div:nth-child(n+6) { /* На мобильных оставляем 5 колонок */ display: none; } } </style> <div class="debugger container"> <div class="debugger-cols"> <!-- 12 --> <div></div><div></div><div></div><div></div> <div></div><div></div><div></div><div></div> <div></div><div></div><div></div><div></div> </div> </div> <script> (() => { let isDebugMode = false // Включена ли сейчас сетка const debuggerEl = document.querySelector('.debugger') document.addEventListener('keydown', (e) => { if (e.ctrlKey && e.shiftKey && e.code === 'KeyG') { // Включаем-выключаем сетку по ctrl-shift-g (g — grid) e.preventDefault() isDebugMode = !isDebugMode debuggerEl.classList.toggle('is__active') debuggerEl.style.height = document.body.clientHeight + 'px' // Растягиваем сетку на всю высоту окна } if (isDebugMode && ['ArrowUp', 'ArrowDown'].includes(e.code)) { // Обрабатываем нажатия на стрелки вверх-вниз e.preventDefault() // Сдвигаем сетку дебаггера вверх-вниз на пиксель const top = parseInt(debuggerEl.style.top, 10) || 0 const shift = e.code === 'ArrowUp' ? -1 : 1 const newTop = top + shift debuggerEl.style.top = newTop + 'px' } }) debuggerEl.style.height = document.body.clientHeight + 'px' })() </script> </body> </html>