[html]<div style="position: relative; width: 600px; margin: 50px auto;">
<!-- ОСНОВНАЯ ФОТОГРАФИЯ -->
<div style="position: relative; z-index: 10; display: inline-block; width: 100%; transform: rotate(-0.5deg);">
<div style="background: #9a8b7a; border-radius: 14px; padding: 4px; box-shadow: 0 0 0 1px #7a6b5a, inset 0 0 0 1px #b8a99a;">
<div style="background: #c0c0c0; border-radius: 10px; padding: 1px; box-shadow: inset 0 0 0 1px #e8e8e8, inset 0 0 3px rgba(0,0,0,0.15);">
<div style="position: relative; overflow: hidden; border-radius: 9px;">
<!-- ⬇️ ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ ⬇️ -->
<img src="https://i.pinimg.com/1200x/f7/4f/2c/f74f2c5869d154e1fc9f3031fce73822.jpg" width="600" height="250" style="width: 600px; height: 250px; display: block; object-fit: cover; filter: sepia(0.35) contrast(1.1) brightness(0.96); border-radius: 9px;">
<div class="scratch-overlay-main"></div>
<div class="stain-overlay-main"></div>
<div class="grain-overlay-main"></div>
</div>
</div>
</div>
</div>
</div>
<style>
/* ЦАРАПИНЫ (основное фото) */
.scratch-overlay-main {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;
background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.05) 2px, rgba(0,0,0,0.05) 5px),
repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(80,60,40,0.04) 3px, rgba(80,60,40,0.04) 7px);
border-radius: 9px; z-index: 2;
}
/* ПЯТНА (основное фото) */
.stain-overlay-main {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;
background: radial-gradient(ellipse at 15% 25%, rgba(160,130,95,0.1) 0%, transparent 40%),
radial-gradient(ellipse at 85% 70%, rgba(110,85,60,0.08) 0%, transparent 50%),
radial-gradient(circle at 50% 50%, rgba(180,155,125,0.05) 0%, transparent 70%);
border-radius: 9px; z-index: 2;
}
/* ЗЕРНИСТОСТЬ (основное фото) */
.grain-overlay-main {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity="0.04"/></svg>');
background-repeat: repeat; background-size: 200px; border-radius: 9px; z-index: 3; mix-blend-mode: multiply;
}
</style>[/html]
[html]<div style="text-align: center;">
<font face="ClickClack" size="30" style="font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;" id="typewriterText"></font>
</div>
<script>
const text = "НАУЧНО-ИССЛЕДОВАТЕЛЬСКИЙ ИНСТИТУТ ЧЕРВОТОЧИНЫ И ВЗЯТОЧНИЧЕСТВА";
const container = document.getElementById('typewriterText');
let i = 0;
let isDeleting = false;
// Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)
let positions = [];
function generatePositions(length) {
const newPositions = [];
for (let j = 0; j < length; j++) {
// Очень маленькое смещение: -1, 0, или +1 (редко)
const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1
newPositions.push(offset);
}
return newPositions;
}
function updateDisplay() {
if (i === 0) {
container.innerHTML = '';
return;
}
const currentText = text.substring(0, i);
let html = '';
for (let j = 0; j < currentText.length; j++) {
const char = currentText[j];
// Для пробела не применяем смещение
if (char === ' ') {
html += `<span style="display: inline-block;"> </span>`;
} else {
const offset = positions[j] || 0;
// Очень мягкое смещение с плавным переходом
html += `<span style="display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);">${char}</span>`;
}
}
container.innerHTML = html;
}
function typeWriterEffect() {
if (!isDeleting && i < text.length) {
// Печатаем новую букву — обновляем позиции для всех напечатанных букв
if (i + 1 <= text.length) {
positions = generatePositions(i + 1);
}
i++;
updateDisplay();
setTimeout(typeWriterEffect, 140);
}
else if (!isDeleting && i === text.length) {
isDeleting = true;
setTimeout(typeWriterEffect, 2000);
}
else if (isDeleting && i > 0) {
i--;
updateDisplay();
setTimeout(typeWriterEffect, 80);
}
else if (isDeleting && i === 0) {
isDeleting = false;
positions = [];
setTimeout(typeWriterEffect, 1500);
}
}
// Запускаем анимацию
typeWriterEffect();
</script>[/html]
Отделы
Отдел Линейного Счастья
Изучает феномен «запланированной радости». Сотрудники вычисляют идеальные интервалы для позитивных событий в жизни человека, чтобы избежать эмоционального выгорания. В полевых условиях проверяют, можно ли «запрограммировать» удачу в Зонах отчуждения. Результаты противоречивые: испытуемые либо находят клады, либо впадают в апатию от предсказуемости.
Отдел Смысла Жизни
Занимается поиском объективного смысла существования. Разработал 47 теорий, из которых 42 были признаны «слишком депрессивными» и засекречены. Сейчас проверяет гипотезу, что смысл жизни — в регенерации нервных клеток.
Отдел Абсолютного Знания
Пытается создать формулу, которая даст ответ на любой вопрос. Пока формула не работает, но при её активации в радиусе километра у всех начинает идти носом кровь. Сотрудники отдела знают 300 способов открыть консервную банку без ножа, но не помнят, как зовут их жён.
Отдел Предсказаний и Пророчеств
Занимается верификацией пророчеств. Отсеивает ложные, систематизирует истинные, пытается вычислить вероятность Апокалипсиса-2. Прогноз на завтра: «с вероятностью 68% будет что-то странное».
Отдел Оборонной Магии
Разрабатывает заклинания и артефакты для защиты от потусторонних угроз. В отличие от боевой магии, делает упор на удержание, блокировку и отступление. Самый популярный продукт — «Браслет вежливого отказа», который убеждает монстра, что в этом здании ему делать нечего.
Отдел Вечной Молодости
Исследует способы остановки старения без потери рассудка. Эксперименты на добровольцах (обычно пожилых сотрудниках НИИ) привели к созданию сыворотки, которая омолаживает тело на 10 лет, но заставляет пациента говорить только стихами. Работа продолжается.
Отдел Недоступных Проблем
Решает задачи, которые официально считаются неразрешимыми. «Как пройти сквозь стену, не разбивая голову?», «Как договориться с сущностью, которая не говорит?», «Как выпить море?». Ответы обычно парадоксальны, но иногда работают.
Отдел Социальной Метеорологии
Прогнозирует «погоду в обществе»: настроение масс, склонность к бунтам, уровень тревожности. Использует сложные формулы, учитывающие новости, слухи и фазу луны. Предсказания отдела часто игнорируются властями — и почти всегда сбываются.
Отдел Универсальных Превращений
Изучает трансформацию материи, энергии и сознания. Может превратить свинец в золото (экономически невыгодно), воду в вино (вкус отвратительный), а страх — в боевой азарт. Мечтает найти формулу превращения «ничего» во «что-то».
Отдел Воинствующего Атеизма
Научно доказывает отсутствие богов, Высшего разума и предопределения. При этом активно сотрудничает с Объединённой церковью (для сбора данных) и Церковью Семи Грехов (для контраргументов). Сотрудники отдела — самые несчастные люди в НИИ, потому что вынуждены верить в то, что не верят.
Отдел Заколдованных Сокровищ
Занимается учётом, изучением и обезвреживанием проклятых артефактов. Хранит их в сейфах с 12 замками. Известен тем, что три раза терял одну и ту же золотую монету, и каждый раз она находилась в кармане заведующего отделом.
Отдел Технического Обслуживания
Самый загадочный отдел. Отвечает за работоспособность лифтов, розеток, компьютеров и магических барьеров. Сотрудники никогда не говорят о своей работе. Поговаривают, что они единственные, кто знает, где находится настоящий Соловец.
Обеспечивающие подразделения
Вычислительный центр — огромный зал с лампами, реле и сотрудницами с арифмометрами. Считает всё: от вероятности выпадения снега в аду до оптимального маршрута побега из вивария.
Музей Изнакурнож — коллекция артефактов, которые работают «неправильно». Зеркало, показывающее прошлое. Компас, указывающий на самого грустного человека. Часы, которые идут только тогда, когда на них никто не смотрит.
Виварий — живой уголок НИИ. Здесь содержатся как безобидные фэйблы (например, говорящий ёж), так и крайне опасные сущности (например, тишина, которая кусается).
Книгохранилище — библиотека, где собраны все книги, связанные с обучением магии, таинственные и зловещие тома с запретными знаниями и т.п.
Город Тьмускорпионь
На 76-м этаже здания НИИ находится полноценный город с его районами. Здесь действует «Государственная Колония Необъяснённых Явлений при НИИЧАВО АН СССР» — тюрьма для существ и хранилище для предметов, которые нельзя уничтожить и опасно выпускать на волю. Климат в городе контролируется искусственно — вечный полумрак и температура «немного ниже комфортной». Жители Тьмускорпионя — в основном сотрудники колонии, осуждённые маги, добровольцы-отшельники и те, кто когда-то забрёл на 76-й этаж и не смог найти выход.
Основные цели и задачи организации
Основной целью организации является изучение паранормальных, сверхъестественных явлений, существ и объектов с точки зрения науки.