Химический гороскоп — узнай свой элемент характера
by AtomicDolphin95465 lines54.2 KB
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Химический гороскоп — узнай свой элемент характера</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: radial-gradient(circle at 10% 20%, #0b2b26, #041a17);
min-height: 100vh;
font-family: 'Segoe UI', 'Poppins', system-ui, sans-serif;
padding: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow-x: hidden;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(2px 2px at 20px 30px, #ffd966, rgba(0,0,0,0)),
radial-gradient(1px 1px at 70px 120px, #b9f3e6, rgba(0,0,0,0));
background-size: 200px 200px, 150px 150px;
background-repeat: repeat;
opacity: 0.25;
pointer-events: none;
animation: floatParticles 40s linear infinite;
}
@keyframes floatParticles {
0% { background-position: 0 0, 0 0; }
100% { background-position: 400px 400px, 300px 300px; }
}
.glass-card {
background: rgba(15, 35, 32, 0.75);
backdrop-filter: blur(16px);
border-radius: 70px;
border: 1px solid rgba(255, 215, 120, 0.5);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.1);
width: 100%;
max-width: 700px;
padding: 2rem 2rem 2.5rem;
transition: transform 0.3s ease;
animation: fadeSlideUp 0.6s ease-out;
}
@keyframes fadeSlideUp {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0); }
}
h1 {
font-size: 2.4rem;
font-weight: 800;
text-align: center;
background: linear-gradient(135deg, #fde68a, #ffbc5e);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}
h1 i {
font-size: 2rem;
color: #ffcf7a;
}
.sub {
text-align: center;
color: #bde5db;
font-weight: 500;
margin: 0.5rem 0 1.5rem 0;
border-bottom: 1px dashed #ffcf7a;
display: inline-block;
width: auto;
padding-bottom: 6px;
}
.date-container {
background: #102f2ccc;
border-radius: 80px;
padding: 1.2rem 1rem;
display: flex;
justify-content: center;
gap: 1.2rem;
flex-wrap: wrap;
margin: 1.8rem 0;
}
.selector {
background: #fff8ed;
border: none;
padding: 12px 22px;
font-size: 1.2rem;
font-weight: 600;
border-radius: 60px;
color: #1f4e48;
cursor: pointer;
transition: all 0.2s;
box-shadow: 0 5px 12px rgba(0,0,0,0.2);
font-family: inherit;
}
.selector:hover {
transform: scale(1.02);
background: #fffff0;
}
.btn-reveal {
background: linear-gradient(95deg, #ffae3c, #ff8c1a);
border: none;
width: 80%;
margin: 0 auto;
display: block;
padding: 14px 20px;
font-size: 1.4rem;
font-weight: bold;
border-radius: 60px;
color: #1e2e2a;
cursor: pointer;
transition: 0.2s;
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.btn-reveal i {
margin-right: 10px;
}
.btn-reveal:hover {
transform: scale(0.98);
background: linear-gradient(95deg, #ffa01e, #ff7700);
}
.result-card {
margin-top: 2rem;
background: #08221fb3;
border-radius: 56px;
padding: 1.6rem;
border: 1px solid #ffce85;
backdrop-filter: blur(4px);
animation: popIn 0.5s ease forwards;
}
@keyframes popIn {
0% { opacity: 0; transform: scale(0.92); }
100% { opacity: 1; transform: scale(1); }
}
.element-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
border-bottom: 2px solid #ffcd7e70;
padding-bottom: 15px;
}
.element-icon {
font-size: 4.5rem;
background: #00000040;
width: 95px;
height: 95px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 60px;
box-shadow: 0 0 0 3px #ffd96680, inset 0 0 15px #ffd96630;
}
.element-id {
text-align: right;
}
.atomic-number-badge {
background: #00000070;
padding: 6px 18px;
border-radius: 40px;
font-size: 1rem;
font-weight: 500;
color: #ffeaac;
}
.element-symbol {
font-size: 4rem;
font-weight: 800;
font-family: 'Courier New', monospace;
line-height: 1;
background: linear-gradient(145deg, #fff2cf, #ffdfa5);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.element-name {
font-size: 2rem;
font-weight: 700;
color: #fff0ce;
margin: 8px 0 5px;
}
.personality-desc {
background: #00000030;
border-radius: 40px;
padding: 18px;
margin: 20px 0 10px;
line-height: 1.5;
color: #e3f2ef;
font-size: 1rem;
border-left: 5px solid #ffbc5e;
}
.personality-desc i {
color: #ffcd7e;
margin-right: 8px;
}
.small-note {
font-size: 0.7rem;
text-align: center;
color: #7db7ab;
margin-top: 20px;
}
@media (max-width: 520px) {
.glass-card { padding: 1.5rem; }
.element-symbol { font-size: 2.8rem; }
.element-icon { font-size: 3rem; width: 70px; height: 70px; }
.btn-reveal { width: 100%; font-size: 1.2rem; }
}
</style>
</head>
<body>
<div class="glass-card">
<h1>
<i class="fas fa-flask"></i>
Химический гороскоп
<i class="fas fa-atom"></i>
</h1>
<div style="text-align: center;">
<div class="sub">🔬 Твой характер зашифрован в таблице Менделеева</div>
</div>
<div class="date-container">
<select id="daySelect" class="selector"></select>
<select id="monthSelect" class="selector">
<option value="1">Январь</option><option value="2">Февраль</option>
<option value="3">Март</option><option value="4">Апрель</option>
<option value="5">Май</option><option value="6">Июнь</option>
<option value="7">Июль</option><option value="8">Август</option>
<option value="9">Сентябрь</option><option value="10">Октябрь</option>
<option value="11">Ноябрь</option><option value="12">Декабрь</option>
</select>
</div>
<button id="revealBtn" class="btn-reveal">
<i class="fas fa-magic"></i> Узнать свой элемент
</button>
<div id="resultArea" style="min-height: 280px;"></div>
</div>
<script>
// 118 элементов с описанием характера и применением (с юмором)
const elements = [
{ num:1, name:"Водород", sym:"H", emoji:"💧", desc:"Ты — первооснова всего. Лёгкий на подъём, но если вспылишь — будь осторожен. Обожаешь быть первым во всём, даже в спорах. Используют в ракетном топливе и в твоём чувстве юмора: оно взрывоопасно." },
{ num:2, name:"Гелий", sym:"He", emoji:"🎈", desc:"Твоя суть — беззаботный подниматель настроения. Ты тот, кто делает голос смешным на вечеринках. Характер инертный, но в душе ты тот ещё задира. Используют для шариков и МРТ — как ты, и веселье, и польза." },
{ num:3, name:"Литий", sym:"Li", emoji:"🔋", desc:"Ты — батарейка, которая никогда не садится до конца. Немного тревожный, но врачи тебя любят. Характер: заряжаешь других, но иногда нуждаешься в перезагрузке. Применение в аккумуляторах и психиатрии — держишь баланс." },
{ num:4, name:"Бериллий", sym:"Be", emoji:"💎", desc:"Твёрдый, как алмаз, но хрупкий внутри. Ты надёжный друг, но не каждый выдержит твою прямоту. Используют в аэрокосмической промышленности — ты всегда стремишься ввысь." },
{ num:5, name:"Бор", sym:"B", emoji:"🧪", desc:"Хамелеон компании: можешь быть изолятором, а можешь — душой полупроводника. Любишь химичить и менять правила. Твой характер — защищать реакторы и добавлять блеск в стекло." },
{ num:6, name:"Углерод", sym:"C", emoji:"💎🖤", desc:"Ты — основа всего живого. Можешь быть скромным графитом или роскошным алмазом. Всё зависит от давления. Характер универсальный, без тебя мир бы рассыпался. Используют везде: от карандашей до бриллиантов." },
{ num:7, name:"Азот", sym:"N", emoji:"❄️", desc:"Ты — холодный, но справедливый. Жидкий азот — твоя натура: замораживаешь проблемы, а потом разбиваешь их в пух и прах. Характер стабильный, занимаешь 78% воздуха в любой компании. Применение в криотерапии и консервации." },
{ num:8, name:"Кислород", sym:"O", emoji:"🔥", desc:"Ты тот, без кого всё затухнет. Огненный и жизненно необходимый. Характер: поддерживаешь горение страстей, но и сам можешь вспыхнуть. Используют в металлургии и медицине — ты кузнец жизни." },
{ num:9, name:"Фтор", sym:"F", emoji:"🦷⚠️", desc:"Ты агрессивный, но с благородной целью. Враг кариеса, друг пасты. Характер: если тебя разозлить — сожжёшь всё, но обычно ты спокойно спасаешь зубы. Применение в тефлоне и стоматологии." },
{ num:10, name:"Неон", sym:"Ne", emoji:"💡", desc:"Ты — звезда ночных клубов и вывесок. Любишь быть в центре внимания, но при этом остаёшься загадочным. Характер инертный, внешне спокойный, а внутри — яркое свечение. Используют в рекламе и лазерах." },
{ num:11, name:"Натрий", sym:"Na", emoji:"🧂💥", desc:"Ты — соль земли и взрывная смесь. Если попадёшь в воду — устроишь шоу. Характер: общительный, нужный всем, но иногда слишком бурный. Применение в пище и химической промышленности." },
{ num:12, name:"Магний", sym:"Mg", emoji:"✨", desc:"Ты — вспышка фотоаппарата. Быстрый, яркий, сгораешь, но красиво. Характер: зажигалка по жизни. Используют в авиации и фейерверках — ты везде успеваешь засветиться." },
{ num:13, name:"Алюминий", sym:"Al", emoji:"🥫✈️", desc:"Ты — практичный и легкий на подъём. Не ржавеешь, не ноёшь. Характер: универсальный солдат. Из тебя делают фольгу для бургеров и крылья самолётов — ты вездесущ." },
{ num:14, name:"Кремний", sym:"Si", emoji:"💻", desc:"Ты — мозг цифрового мира. Без тебя не было бы ни смартфонов, ни интернета. Характер: твёрдый, но хрупкий, зато незаменимый. Используют в микрочипах — ты гуглишь быстрее всех." },
{ num:15, name:"Фосфор", sym:"P", emoji:"🧠💡", desc:"Ты — светящийся интроверт. В темноте проявляешь свою истинную суть. Характер: умный, но может воспламениться от скуки. Применение в ДНК, костях и спичках — ты зажигаешь идеи." },
{ num:16, name:"Сера", sym:"S", emoji:"🥚🤢", desc:"Ты — вечный компромисс. Воняешь, но без тебя не было бы аминокислот. Характер: резкий на язык, но в душе полезный. Используют в удобрениях и лекарствах — ты запах успеха." },
{ num:17, name:"Хлор", sym:"Cl", emoji:"🏊", desc:"Ты — дезинфектор этой жизни. Белый, злой, но стерильный. Характер: убиваешь всё плохое, хотя сам ядовит. Применение в бассейнах и воде — не даёшь распространяться хаосу." },
{ num:18, name:"Аргон", sym:"Ar", emoji:"💡🛡️", desc:"Ты — молчаливый защитник. Не вступаешь в реакции, но без тебя лампочка перегорит. Характер: надёжный как скала. Используют в сварке и лампах — ты тот, кто продлевает жизнь другим." },
{ num:19, name:"Калий", sym:"K", emoji:"🍌⚡", desc:"Ты — банановый взрыв. Добрый, но если переборщить — шарахнет. Характер: регулируешь сердечный ритм компании. Применение в удобрениях и физиологии — ты заряжаешь всех энергией." },
{ num:20, name:"Кальций", sym:"Ca", emoji:"🦴🥛", desc:"Ты — твёрдый фундамент семьи. Без тебя всё развалится. Характер: белый, прочный, незаменимый. Используют в строительстве и костях — на тебя можно положиться." },
{ num:21, name:"Скандий", sym:"Sc", emoji:"🏭", desc:"Ты — редкий интроверт с большой силой. В компании тебя почти не видно, но добавишь в сплав — и все ахнут. Характер: скромный, но мощный. Применение в авиации и лампах." },
{ num:22, name:"Титан", sym:"Ti", emoji:"🚀", desc:"Ты — космический джедай. Не ржавеешь, не ломаешься. Характер: прочный как сталь, но лёгкий в общении. Используют в самолётах и имплантах — ты надёжный друг." },
{ num:23, name:"Ванадий", sym:"V", emoji:"🔩", desc:"Ты — скрытый усилитель. С тобой сталь становится прочнее, а жизнь — интереснее. Характер: спокойный, но эффективный. Применение в инструментальной стали — ты доводишь до ума." },
{ num:24, name:"Хром", sym:"Cr", emoji:"🚗✨", desc:"Ты — блеск и зеркальность. Любишь выглядеть на миллион. Характер: упрямый, но сияющий. Используют в хромировании и нержавейке — ты никогда не тускнеешь." },
{ num:25, name:"Марганец", sym:"Mn", emoji:"🔋🔩", desc:"Ты — рабочая лошадка. Невидимый герой батареек и стали. Характер: безотказный, но если перегреться — взрываешься. Применение в металлургии — ты всем нужен, но не напрашиваешься." },
{ num:26, name:"Железо", sym:"Fe", emoji:"🧲🏗️", desc:"Ты — магнит и сила. Тянешь на себя всё, даже неприятности. Характер: надёжный, ржавеешь только от долгого простоя. Используют в строительстве и крови — ты удерживаешь всё вместе." },
{ num:27, name:"Кобальт", sym:"Co", emoji:"🔵🎨", desc:"Ты — художник-инженер. Делаешь синьку и суперсплавы. Характер: упорный и яркий. Применение в красках и магнитах — твоя харизма притягивает взгляды." },
{ num:28, name:"Никель", sym:"Ni", emoji:"💰", desc:"Ты — монетка в копилке. Блестящий, но не золотой. Характер: стойкий к коррозии, но может вызвать аллергию. Используют в монетах и нержавейке — ты тот, на ком держится мелочь." },
{ num:29, name:"Медь", sym:"Cu", emoji:"🔌", desc:"Ты — проводник идей. Через тебя течёт ток общения. Характер: гибкий, но со временем зеленеешь от опыта. Используют в проводах и трубах — без тебя мир бы погрузился во тьму." },
{ num:30, name:"Цинк", sym:"Zn", emoji:"⚙️", desc:"Ты — оцинкованный оптимист. Никакая ржавчина не берёт. Характер: защищаешь других, но сам не ржавеешь. Применение в антикоррозийных покрытиях и иммунитете — ты щит." },
{ num:31, name:"Галлий", sym:"Ga", emoji:"🫠", desc:"Ты — тающий в руках философ. При 30°C превращаешься в лужу. Характер: изменчивый, но удивительный. Используют в термометрах и полупроводниках — ты знаешь, когда надо быть твёрдым, а когда мягким." },
{ num:32, name:"Германий", sym:"Ge", emoji:"🔘", desc:"Ты — ретро-гик. Первые транзисторы — твоя стихия. Характер: немного устаревший, но умный. Применение в оптоволокне и детекторах — ты видишь то, что другие не замечают." },
{ num:33, name:"Мышьяк", sym:"As", emoji:"☠️", desc:"Ты — опасный краш. С тобой либо детектив, либо больница. Характер: токсичный, но в микро-дозах полезный. Используют в полупроводниках и ядах — ты рисковая натура." },
{ num:34, name:"Селен", sym:"Se", emoji:"🖨️", desc:"Ты — ксерокс жизни. Снимаешь копии идей. Характер: фотогеничный и полезный. Применение в фотоэлементах и шампунях — ты избавляешь от перхоти проблем." },
{ num:35, name:"Бром", sym:"Br", emoji:"🧪☣️", desc:"Ты — жидкий хаос. Единственный неметалл, который течёт. Характер: летучий, пахучий, но важный. Используют в успокоительных и огнетушителях — ты тушишь пожары и нервы." },
{ num:36, name:"Криптон", sym:"Kr", emoji:"💡🌌", desc:"Ты — супермен с завода. Скрываешь свою силу под маской инертности. Характер: спокойный, но при вспышке выдаёшь мощный свет. Применение в лампах и лазерах — ты звезда." },
{ num:37, name:"Рубидий", sym:"Rb", emoji:"💥🔥", desc:"Ты — эмоциональный вулкан. При контакте с водой устраиваешь фейерверк. Характер: очень активный, любопытный. Используют в атомных часах и исследованиях — ты тикаешь точно." },
{ num:38, name:"Стронций", sym:"Sr", emoji:"🎆", desc:"Ты — фейерверк на любой вечеринке. Красный цвет страсти. Характер: яркий, но костистый (любишь скелеты в шкафу). Применение в пиротехнике и медицине — ты зрелищный." },
{ num:39, name:"Иттрий", sym:"Y", emoji:"📺", desc:"Ты — старая школа электроники. Делаешь красные пиксели и сверхпроводники. Характер: не очень заметный, но без тебя картинка бледнеет. Применение в LED и лазерах." },
{ num:40, name:"Цирконий", sym:"Zr", emoji:"💍", desc:"Ты — искусственный бриллиант. Красивый, но не настолько дорогой, как алмаз. Характер: устойчивый к радиации и критике. Используют в фианитах и ядерных реакторах — ты и модный, и серьёзный." },
{ num:41, name:"Ниобий", sym:"Nb", emoji:"🚀🔩", desc:"Ты — космический инженер. Ракетные сопла и сверхпроводники. Характер: тугоплавкий, не сдаёшься. Используют в ускорителях частиц — ты разгоняешь события." },
{ num:42, name:"Молибден", sym:"Mo", emoji:"🏭⚡", desc:"Ты — работяга с характером. Выдерживаешь адские температуры и не ноёшь. Характер: серьёзный, надёжный. Применение в стали и смазках — ты скользишь по жизни легко." },
{ num:43, name:"Технеций", sym:"Tc", emoji:"📡", desc:"Ты — первый искусственный интеллект среди элементов. Радиоактивный и редкий. Характер: творческий, но нестабильный. Используют в медицине для диагностики — ты видишь насквозь." },
{ num:44, name:"Рутений", sym:"Ru", emoji:"💿", desc:"Ты — твёрдый орешек для платиновых сплавов. Характер: немногословный, но ценный. Применение в электронике и катализаторах — ты ускоряешь реакции, но сам не вступаешь." },
{ num:45, name:"Родий", sym:"Rh", emoji:"💎", desc:"Ты — зеркальная гладь. Отражаешь всё, что вокруг. Характер: дорогой, требовательный к себе. Используют в зеркалах и автомобильных катализаторах — ты делаешь мир чище и ярче." },
{ num:46, name:"Палладий", sym:"Pd", emoji:"🚗💨", desc:"Ты — эколог-невидимка. Очищаешь выхлопные газы от скандалов. Характер: терпеливый, поглощаешь водород и стресс. Применение в катализаторах и ювелирке — ты благородный." },
{ num:47, name:"Серебро", sym:"Ag", emoji:"🥄✨", desc:"Ты — оборотней убиваешь и бактерий. Лунный блеск твоей души. Характер: мягкий, но антисептический. Используют в монетах, столовом серебре и медицине — ты и красив, и полезен." },
{ num:48, name:"Кадмий", sym:"Cd", emoji:"🔋", desc:"Ты — перезаряжаемый батарейка, но токсичный. Характер: если неправильно утилизировать — проблемы. Используют в аккумуляторах и пигментах — ты цветной, но опасный." },
{ num:49, name:"Индий", sym:"In", emoji:"🖐️", desc:"Ты — мягкотелый философ. Гнёшься под пальцами, но не ломаешься. Характер: покладистый, теплопроводный. Применение в жидкокристаллических экранах — ты показываешь картинку чётко." },
{ num:50, name:"Олово", sym:"Sn", emoji:"🥫", desc:"Ты — консерватор в хорошем смысле. Паяешь цепи и сохраняешь обед. Характер: при морозе рассыпаешься в пыль (оловянная чума). Используют в припоях и банках — ты скрепляешь всё, что можно." },
{ num:51, name:"Сурьма", sym:"Sb", emoji:"💄", desc:"Ты — древняя косметика. Красил глаза в Египте. Характер: блестящий, но хрупкий. Используют в аккумуляторах и спичках — ты зажигаешь старые традиции." },
{ num:52, name:"Теллур", sym:"Te", emoji:"🧄", desc:"Ты — чесночный дух. Пахнешь резко, но интересно. Характер: полуметалл, полужизнь. Применение в термоэлектрике и дисках — ты хранишь информацию." },
{ num:53, name:"Иод", sym:"I", emoji:"🩹", desc:"Ты — аптечка друга. Йодом мажешь ссадины и спасаешь щитовидку. Характер: антисептический, решительный. Используют в медицине и химии — ты тот, кто заживляет раны." },
{ num:54, name:"Ксенон", sym:"Xe", emoji:"📸", desc:"Ты — вспышка папарацци. Инертный, но яркий. Характер: спокойный, пока не попадёшь в кадр. Применение в фарах и анестезии — ты погружаешь в приятный сон." },
{ num:55, name:"Цезий", sym:"Cs", emoji:"⏱️", desc:"Ты — атомные часы точности. Самый активный металл, всегда в движении. Характер: взрывоопасный, но бесценный. Используют в навигации и дронах — ты задаёшь ритм." },
{ num:56, name:"Барий", sym:"Ba", emoji:"🍾", desc:"Ты — зелёный фейерверк и рентген кишечника. Характер: яркий и контрастный. Используют в пиротехнике и медицине — ты высвечиваешь тайны желудка." },
{ num:57, name:"Лантан", sym:"La", emoji:"🎥", desc:"Ты — объектив кинокамеры. Улучшаешь оптику и видимость. Характер: немногословный, но точный. Применение в стёклах и батарейках — ты фокусируешься на главном." },
{ num:58, name:"Церий", sym:"Ce", emoji:"🧯", desc:"Ты — полировщик жизни. Делаешь стекло гладким, а конфликты — неострыми. Характер: зажигательный (самовоспламеняешься). Используют в катализаторах и зажигалках — ты искра." },
{ num:59, name:"Празеодим", sym:"Pr", emoji:"🟡", desc:"Ты — жёлтый миксер. Цветные стёкла и мощные магниты. Характер: экзотичный, не каждому понятный. Применение в авиации и литье — ты сплавляешь несплавляемое." },
{ num:60, name:"Неодим", sym:"Nd", emoji:"🧲", desc:"Ты — супермагнит. Притягиваешь всё железное, особенно друзей. Характер: сильный, уверенный. Используют в наушниках и динамиках — твоё слово всегда услышат." },
{ num:61, name:"Прометий", sym:"Pm", emoji:"🔋📡", desc:"Ты — радиоактивный мечтатель. Почему? Потому что почти не встречаешься в природе. Характер: редкий, светишься изнутри. Применение в атомных батарейках — ты даришь энергию даже в глуши." },
{ num:62, name:"Самарий", sym:"Sm", emoji:"🎧", desc:"Ты — аудиофил с душой магнита. Характер: постоянный, как самариевый магнит. Используют в наушниках и ядерных реакторах — ты ловишь каждую вибрацию." },
{ num:63, name:"Европий", sym:"Eu", emoji:"📺❤️", desc:"Ты — красный цвет телевизора. Защищаешь от подделок. Характер: яркий, патриотичный (Европа!). Применение в люминофорах и евро-монетах — ты делаешь мир цветным." },
{ num:64, name:"Гадолиний", sym:"Gd", emoji:"🧲🩻", desc:"Ты — контрастный тип. Без тебя МРТ не увидит опухоль. Характер: магнитно-резонансный, притягиваешь загадки. Используют в медицине и нейтронной терапии — ты смотришь вглубь." },
{ num:65, name:"Тербий", sym:"Tb", emoji:"💡🌿", desc:"Ты — зелёный энергосберегайка. Светишь, но не греешь. Характер: экологичный, перспективный. Применение в люминесцентных лампах и телеэкранах — ты экономишь ресурсы." },
{ num:66, name:"Диспрозий", sym:"Dy", emoji:"⚡🚗", desc:"Ты — электромобиль будущего. Без тебя не поедут мощные моторы. Характер: активный, но может нагреваться. Используют в магнитах и лазерах — ты на острие прогресса." },
{ num:67, name:"Гольмий", sym:"Ho", emoji:"🧲⚡", desc:"Ты — ходячий магнит с самым сильным моментом. Характер: притягиваешь события и людей. Применение в лазерах и ядерных реакторах — ты мощный, но дозированный." },
{ num:68, name:"Эрбий", sym:"Er", emoji:"💗", desc:"Ты — розовые очки оптического волокна. Характер: мягкий, эстетичный. Используют в оптоволокне и стекле — ты передаёшь сигналы на дальние расстояния." },
{ num:69, name:"Тулий", sym:"Tm", emoji:"🩻📱", desc:"Ты — рентген в кармане. Просвечиваешь друзей до костей. Характер: портативный, радиоактивный, но безобидный. Применение в медицинских аппаратах — ты помогаешь ставить диагнозы." },
{ num:70, name:"Иттербий", sym:"Yb", emoji:"🔦", desc:"Ты — лазерный резак по металлу. Режешь правду-матку. Характер: твёрдый, но с возможностью легирования. Используют в волоконных лазерах и сейсмометрах — ты чувствуешь вибрации земли." },
{ num:71, name:"Лютеций", sym:"Lu", emoji:"🏋️", desc:"Ты — тяжеловес среди лантаноидов. Характер: спокойный, но фундаментальный. Используют в нефтепереработке и ПЭТ-сканерах — ты разрушаешь стереотипы." },
{ num:72, name:"Гафний", sym:"Hf", emoji:"⚛️", desc:"Ты — управляемый стержень реактора. Ловишь нейтроны, не даёшь взорваться. Характер: ответственный, хладнокровный. Применение в ядерной энергетике — ты страхующий." },
{ num:73, name:"Тантал", sym:"Ta", emoji:"📱💎", desc:"Ты — конденсатор в смартфоне. Маленький, но ёмкий. Характер: коррозионно-стойкий, не стареешь. Используют в электронике и хирургии — ты долгоиграющий." },
{ num:74, name:"Вольфрам", sym:"W", emoji:"💡🔥", desc:"Ты — лампочка, которую не перегореть. Самый тугоплавкий тип. Характер: выдерживаешь любой накал страстей. Применение в нитях накала и бронебойных сердечниках — ты пробиваешь любые преграды." },
{ num:75, name:"Рений", sym:"Re", emoji:"✈️🔥", desc:"Ты — турбина реактивного двигателя. Редкий, дорогой, выносливый. Характер: надёжный, но капризный. Используют в суперсплавах и катализаторах — ты ускоряешь взлёт." },
{ num:76, name:"Осмий", sym:"Os", emoji:"🏋️♂️⚫", desc:"Ты — самый плотный парень в компании. С тобой тяжело спорить. Характер: твёрдый, синий оттенок души. Используют в перьях для вечных ручек и имплантах — ты оставляешь след." },
{ num:77, name:"Иридий", sym:"Ir", emoji:"🛸", desc:"Ты — космический пришелец (метеоритный). Очень коррозионно-стойкий, как твоя психика. Характер: благородный и редкий. Применение в эталонах и свечах зажигания — ты даёшь искру." },
{ num:78, name:"Платина", sym:"Pt", emoji:"💍👑", desc:"Ты — королевский металл. Дорогой, не ржавеешь, катализируешь дружбу. Характер: величественный, но бывает ядовит (соединения). Используют в ювелирке и автокатализаторах — ты очищаешь пространство." },
{ num:79, name:"Золото", sym:"Au", emoji:"💰", desc:"Ты — мажор таблицы. Не окисляешься, всегда в цене. Характер: ковкий, блестящий, любишь быть в центре. Используют в микросхемах и инвестициях — ты символ успеха." },
{ num:80, name:"Ртуть", sym:"Hg", emoji:"🌡️💧", desc:"Ты — жидкая загадка. Текучий, но токсичный. Характер: изменчивый, опасный для барометров. Применение в градусниках и люминесцентных лампах — ты измеряешь температуру страстей." },
{ num:81, name:"Таллий", sym:"Tl", emoji:"🐀☠️", desc:"Ты — детективная история. Бесцветный и безвкусный яд. Характер: скрытный, зловещий. Используют в электронике и родентицидах — лучше с тобой не ссориться." },
{ num:82, name:"Свинец", sym:"Pb", emoji:"🛡️", desc:"Ты — щит от радиации и дураков. Тяжёлый, но надёжный. Характер: медленный, аккумулятивный. Используют в аккумуляторах и защите — ты накапливаешь силу." },
{ num:83, name:"Висмут", sym:"Bi", emoji:"🌈", desc:"Ты — радужный кристалл. Безопасный, красивый, антимагнитный. Характер: эксцентричный, лекарственный (от желудка). Используют в косметике и легкоплавких сплавах — ты яркий и полезный." },
{ num:84, name:"Полоний", sym:"Po", emoji:"☢️", desc:"Ты — шпионский агент. Мельчайшая доза — и конец. Характер: смертельно опасный, но открыл Марию Кюри. Используют в спутниках как источник тепла — ты даришь тепло, но держись подальше." },
{ num:85, name:"Астат", sym:"At", emoji:"🕵️", desc:"Ты — элемент-невидимка. Самый редкий на Земле. Характер: загадочный, радиоактивный. Применение в радиотерапии — ты точечно бьёшь по раку." },
{ num:86, name:"Радон", sym:"Rn", emoji:"🏚️☣️", desc:"Ты — газ из подвала. Невидимый, но опасный. Характер: тяжёлый, радиоактивный, любишь покой. Используют в радоновых ваннах — и полезно, и рискованно." },
{ num:87, name:"Франций", sym:"Fr", emoji:"⌛", desc:"Ты — метеор. Живёшь 22 минуты, но ярко. Характер: очень активный, нестабильный. Применение в фундаментальных исследованиях — ты мгновение, но запоминающееся." },
{ num:88, name:"Радий", sym:"Ra", emoji:"⌚💀", desc:"Ты — светящийся призрак прошлого. Часы с радием убивали рабочих, но помогали онкологии. Характер: трагичный, но просветительский. Используют в медицине — ты зажигаешь даже в темноте." },
{ num:89, name:"Актиний", sym:"Ac", emoji:"⚡", desc:"Ты — активист! Очень радиоактивный, источник нейтронов. Характер: энергичный, опасный. Применение в космических источниках энергии — ты горишь ярко." },
{ num:90, name:"Торий", sym:"Th", emoji:"⚛️🌱", desc:"Ты — зелёное ядерное топливо будущего. Терпеливый, перспективный. Характер: мирный атомник. Используют в газовых мантиях и реакторах — ты даёшь свет без бомб." },
{ num:91, name:"Протактиний", sym:"Pa", emoji:"🧪", desc:"Ты — отец урана. Редкий, короткоживущий. Характер: научный, заумный. Применение в геохронологии — ты определяешь возраст Земли." },
{ num:92, name:"Уран", sym:"U", emoji:"☢️💣", desc:"Ты — двойная натура: и бомба, и энергия. Характер: мощный, опасный, но управляемый. Используют в АЭС и ядерном оружии — с тобой надо осторожно, но ты спасаешь от углеводородов." },
{ num:93, name:"Нептуний", sym:"Np", emoji:"🌊", desc:"Ты — морской властелин (от Нептуна). Первый трансуран, тихий океан. Характер: задумчивый, радиоактивный. Применение в детекторах нейтронов — ты улавливаешь сигналы из глубин." },
{ num:94, name:"Плутоний", sym:"Pu", emoji:"💣", desc:"Ты — хозяин подземного царства. Самый секретный элемент. Характер: непредсказуемый, критический. Используют в ядерных боеголовках и RTG — ты тёмный рыцарь." },
{ num:95, name:"Америций", sym:"Am", emoji:"🚬🔥", desc:"Ты — детектор дыма в чужой жизни. Спасаешь от пожаров, но сам радиоактивен. Характер: бдительный. Применение в дымовых извещателях и нейтронных источниках — ты страж." },
{ num:96, name:"Кюрий", sym:"Cm", emoji:"🛰️", desc:"Ты — космический источник тепла. Назван в честь Кюри, такой же упёртый. Характер: стойкий, радиоактивный. Используют в марсоходах и спутниках — ты даёшь тепло в далёких мирах." },
{ num:97, name:"Берклий", sym:"Bk", emoji:"🏛️", desc:"Ты — интеллектуал из Беркли. Синтетический и гордый. Характер: академичный, редкостный. Применение в исследованиях — ты грызёшь гранит науки." },
{ num:98, name:"Калифорний", sym:"Cf", emoji:"💰", desc:"Ты — миллионер в мире элементов. Стоишь бешеных денег. Характер: статусный, нейтронный. Используют в нейтронной радиографии и лечении рака — ты дорогой лекарь." },
{ num:99, name:"Эйнштейний", sym:"Es", emoji:"🧠", desc:"Ты — гений в пробирке. Сложный, как теория относительности. Характер: эрудированный, радиоактивный. Применение в фундаментальной физике — ты открываешь новые вселенные." },
{ num:100, name:"Фермий", sym:"Fm", emoji:"💥", desc:"Ты — продукт термоядерного взрыва. Родился в бабах. Характер: мощный, короткоживущий. Используют только в лабораториях — ты мимолётный герой." },
{ num:101, name:"Менделевий", sym:"Md", emoji:"📜", desc:"Ты — прародитель таблицы. В честь дедушки всех химиков. Характер: систематизирующий, уважаемый. Применение в истории науки — ты легенда." },
{ num:102, name:"Нобелий", sym:"No", emoji:"🏅", desc:"Ты — нобелевский лауреат по натуре. Премиальный и редкий. Характер: благородный. Применение в исследованиях — ты символ высшей похвалы." },
{ num:103, name:"Лоуренсий", sym:"Lr", emoji:"⚛️", desc:"Ты — ускоритель жизни. Циклотронный человек. Характер: динамичный, искусственный. Применение в физике высоких энергий — ты разгоняешь частицы." },
{ num:104, name:"Резерфордий", sym:"Rf", emoji:"🔬", desc:"Ты — расщепитель атома. Первооткрыватель ядра. Характер: экспериментаторский, золотая середина. Используют в науке — ты отец ядерной физики." },
{ num:105, name:"Дубний", sym:"Db", emoji:"🇷🇺", desc:"Ты — русский след в таблице. Из Дубны, гордый. Характер: стойкий, холодоустойчивый. Применение в синтезе сверхтяжёлых — ты строитель нового." },
{ num:106, name:"Сиборгий", sym:"Sg", emoji:"🧪🏆", desc:"Ты — ученик Сиборга. Химик-нобелеат. Характер: творческий, системный. Используют только в исследованиях — ты открываешь трансураны." },
{ num:107, name:"Борий", sym:"Bh", emoji:"🔬📐", desc:"Ты — квантовый джедай. В честь Нильса Бора. Характер: глубокий, философский. Применение в ядерной физике — ты дополняешь квантовую механику." },
{ num:108, name:"Хассий", sym:"Hs", emoji:"🇩🇪", desc:"Ты — немецкая точность. Из земли Гессен. Характер: педантичный, редкий. Используют в науке — ты идеальный порядок." },
{ num:109, name:"Мейтнерий", sym:"Mt", emoji:"👩🔬", desc:"Ты — женщина-учёный, которая объяснила деление ядра. Характер: прорывной, несправедливо забытый, но гений. Применение в истории физики — ты вдохновляешь." },
{ num:110, name:"Дармштадтий", sym:"Ds", emoji:"🏙️", desc:"Ты — городской элемент. Рождён в Дармштадте. Характер: урбанистический, современный. Используют в ускорителях — ты мегаполис науки." },
{ num:111, name:"Рентгений", sym:"Rg", emoji:"🩻", desc:"Ты — рентгеновское зрение. Видишь людей насквозь. Характер: проницательный, немного жутковатый. Применение в медицине и безопасности — ты тайный агент." },
{ num:112, name:"Коперниций", sym:"Cn", emoji:"🌍", desc:"Ты — вращающийся вокруг центра. В честь Коперника. Характер: астрономический, гелиоцентрический. Используют в науке — ты меняешь парадигмы." },
{ num:113, name:"Нихоний", sym:"Nh", emoji:"🗾", desc:"Ты — японская душа (Нихон). Первый азиатский элемент. Характер: почтительный, точный. Применение в исследованиях — ты ваше самурайское спокойствие." },
{ num:114, name:"Флеровий", sym:"Fl", emoji:"🇷🇺", desc:"Ты — флёровский стабильный остров. Ядерный физик-практик. Характер: основательный, сверхтяжёлый. Используют в лабораториях — ты цель долгих лет." },
{ num:115, name:"Московий", sym:"Mc", emoji:"🏛️", desc:"Ты — московский парень. В честь области. Характер: столичный, важный. Применение в синтезе элементов — ты русский дух." },
{ num:116, name:"Ливерморий", sym:"Lv", emoji:"🇺🇸", desc:"Ты — калифорнийский хладнокровный. Ливерморская лаборатория. Характер: целеустремлённый. Используют в ядерных опытах — ты образец сотрудничества." },
{ num:117, name:"Теннессин", sym:"Ts", emoji:"🇺🇸", desc:"Ты — южный гость. В честь штата Теннесси. Характер: дружелюбный, но галоген. Применение в фундаментальных опытах — ты редкий зверь." },
{ num:118, name:"Оганесон", sym:"Og", emoji:"👨🔬🏆", desc:"Ты — легенда среди легенд. Юрий Оганесян, живой классик. Характер: завершающий, сверхтяжёлый, благородный. Используют в физике — ты финал таблицы, но начало бесконечности." }
];
// Заполнение дней
const daySelect = document.getElementById('daySelect');
for (let d = 1; d <= 31; d++) {
let option = document.createElement('option');
option.value = d;
option.textContent = d;
daySelect.appendChild(option);
}
const daysInMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
function getDayOfYear(day, month) {
let sum = 0;
for (let i = 0; i < month-1; i++) sum += daysInMonth[i];
return sum + day;
}
const revealBtn = document.getElementById('revealBtn');
const resultArea = document.getElementById('resultArea');
function renderElement(element) {
return `
<div class="result-card">
<div class="element-header">
<div class="element-icon">
${element.emoji}
</div>
<div class="element-id">
<div class="atomic-number-badge">
<i class="fas fa-hashtag"></i> ${element.num}
</div>
<div class="element-symbol">${element.sym}</div>
</div>
</div>
<div class="element-name">${element.name}</div>
<div class="personality-desc">
<i class="fas fa-comment-dots"></i> ${element.desc}
</div>
<div class="small-note">
<i class="fas fa-atom"></i> Твой химический характер — не подделаешь
</div>
</div>
`;
}
revealBtn.addEventListener('click', () => {
let day = parseInt(daySelect.value, 10);
let month = parseInt(document.getElementById('monthSelect').value, 10);
let maxDay = daysInMonth[month-1];
if (day > maxDay) {
alert(`Ошибка! В ${month}-м месяце только ${maxDay} дней. Выбери правильную дату рождения.`);
return;
}
let dayOfYear = getDayOfYear(day, month);
let elementIndex = (dayOfYear - 1) % 118;
let matched = elements[elementIndex];
resultArea.innerHTML = renderElement(matched);
resultArea.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
});
</script>
</body>
</html>Game Source: Химический гороскоп — узнай свой элемент характера
Creator: AtomicDolphin95
Libraries: none
Complexity: complex (465 lines, 54.2 KB)
The full source code is displayed above on this page.
Remix Instructions
To remix this game, copy the source code above and modify it. Add a ARCADELAB header at the top with "remix_of: -atomicdolphin95" to link back to the original. Then publish at arcadelab.ai/publish.