ОФОРМЛЕНИЕ ТЕМЫ
● Название:
Severus Snape — OP — директор Хогвартса
ШАБЛОН АНКЕТЫ
Имя Фамилия (на английском)
Имя Фамилия на русском
Внешность на англ
ИНФОРМАЦИЯ О ПЕРСОНАЖЕ
▲ дата рождения в формате дд.мм.гггг, возраст
▲ место рождения:
▲ статус крови▲ школа, факультет'год выпуска
▲ принадлежность
▲ занятостьСсылка на статью о персонаже (поттер-вики, wizarding world и т.д.)
Факты биографии после битвы за Хогвартс, отличия от канона с учетом актуального сюжета - кратко.
Дополнительная информация - по желанию.ИНФОРМАЦИЯ ОБ ИГРОКЕ
▲ связь:
▲ твинки:Пробный пост---
[quote][align=center][size=18][b] Имя Фамилия (на английском)[/b][/size] [i]Имя Фамилия на русском[/i][/align][/quote] [quote][align=center][img]https://upforme.ru/uploads/001b/13/c8/5/575388.png[/img] [img]https://upforme.ru/uploads/001b/13/c8/5/575388.png[/img] [size=10][i]Внешность на англ[/i][/size][/align][/quote] [quote][quote][align=center][b][size=16]ИНФОРМАЦИЯ О ПЕРСОНАЖЕ[/size][/b][/align][/quote] [table layout=fixed width=100%] [tr] [td]▲ дата рождения в формате дд.мм.гггг, возраст ▲ место рождения: ваш ответ ▲ статус крови [/td] [td]▲ школа, факультет'год выпуска ▲ принадлежность ▲ занятость[/td] [/tr] [/table] [hr] В основном пункте анкеты расскажите о персонаже в свободной форме (тезисы, факты, литературный текст). Укажите также особые способности персонажа и имущество, которым он владеет. [quote][align=center][b][size=16]ИНФОРМАЦИЯ ОБ ИГРОКЕ[/size][/b][/align][/quote] [b]▲ связь:[/b] [size=10] [/size] [b]▲ твинки:[/b] [size=10][/size] [spoiler="Пробный пост"]---[/spoiler][/quote]
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Калькулятор Хогвартса</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
color: #000;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.container {
width: 100%;
max-width: 450px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border-radius: 12px;
padding: 25px;
border: 1px solid #cdcdcc;
}
.input-group {
margin-bottom: 18px;
}
label {
display: block;
margin-bottom: 8px;
font-weight: 500;
color: #000;
font-size: 15px;
}input[type="date"] {
width: 100%;
padding: 12px 14px;
border: none;
border-radius: 8px;
background: rgba(255, 255, 255, 0.15);
color: #000;
font-size: 15px;
outline: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
filter: invert(1);
}
button {
width: 100%;
padding: 14px;
background-color: #313737;
color: #fff;
border: none;
border-radius: 8px;
font-size: 18px;
font-weight: 600;
cursor: pointer;
margin-top: 10px;
}
button:hover {
background-color: #31373760;
color: #313737;
}
.result {
margin-top: 25px;
padding: 20px;
background: #bababa;
border-radius: 10px;
text-align: center;
display: none;
}
.result h3 {
margin-bottom: 18px;
color: #cdcdcc;
font-size: 20px;
border-bottom: 2px solid #cdcdcc;
padding-bottom: 8px;
}
.result p {
margin: 12px 0;
font-size: 17px;
color: #333;
}
</style>
</head>
<body><center>
<div class="container">
<div class="input-group">
<label for="birthdate">Дата рождения:</label>
<input type="date" id="birthdate">
</div>
<div class="input-group">
<label for="targetdate">Выбери дату:</label>
<input type="date" id="targetdate">
</div>
<button onclick="calc()">Рассчитать</button>
<div class="result" id="result">
<h3>Результаты расчета</h3>
<p id="ageResult"></p>
<p id="educationResult"></p>
<p id="startYear"></p>
<p id="endYear"></p>
</div>
</div></center><script>
function calc() {
var bd = document.getElementById('birthdate').value;
var td = document.getElementById('targetdate').value;
if (!bd || !td) {
alert('Нужно заполнить обе даты!');
return false;
}
var birth = new Date(bd);
var selectedDate = new Date(td);
if (birth.getTime() > selectedDate.getTime()) {
alert('Дата рождения не может быть позже!');
return false;
}
var age = selectedDate.getFullYear() - birth.getFullYear();
if (selectedDate.getMonth() < birth.getMonth()) {
age--;
} else if (selectedDate.getMonth() == birth.getMonth() && selectedDate.getDate() < birth.getDate()) {
age--;
}
var startYear = birth.getFullYear() + 11;
if (birth.getMonth() > 8 || (birth.getMonth() == 8 && birth.getDate() > 1)) {
startYear = startYear + 1;
}
var endYear = startYear + 7;
var currentYear = selectedDate.getFullYear();
var status = '';
if (currentYear < startYear) {
status = 'Ты ещё не начал(а) обучение в Хогвартсе';
} else if (currentYear >= startYear && currentYear < endYear) {
var course = currentYear - startYear + 1;
status = 'Ты сейчас на ' + course + ' курсе Хогвартса';
} else {
status = 'Ты уже окончил(а) Хогвартс';
}
var ageText = age == 1 ? 'год' : (age < 5 ? 'года' : 'лет');
document.getElementById('ageResult').innerHTML = 'Тебе ' + age + ' ' + ageText;
document.getElementById('educationResult').innerHTML = status;
document.getElementById('startYear').innerHTML = 'Год начала обучения: ' + startYear;
document.getElementById('endYear').innerHTML = 'Год окончания обучения: ' + endYear;
document.getElementById('result').style.display = 'block';
}
</script>
</body>
</html>[/html]