Анкета заполняется по приведённому ниже шаблону.
Название темы: имя персонажа на латинице, возраст, op/de/ne/mm
Как легко и за несколько шагов вписать своего персонажа в мир.
1. Загляните в раздел трудоустройства. Даже если у вас персонаж неканон, он может быть чьим-то коллегой, подчиненным, поставщиком или даже конкурентом. Чем вы полезны? Может, вы спорите за место у окна в министерстве, поставляете полузаконные артефакты, меряетесь вычурностью вывесок с соседом или же не любите с кем-то общего начальника?
2. Посмотрите, кто ваш сосед по убеждениям, заглянув во вкладку "фракции". Как персонаж стал пожирателем или орденцем и кто его привел в организацию? Почему персонаж остался нейтральным, игнорируя происходящее в магической Британии?
3. Поищите себе родственников в списке персонажей. На нашей игре кровь сильна и имеет значение.
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Годы обучения в Хогвартсе</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f0f0f0;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
}label {
margin-bottom: 5px;
font-weight: bold;
}.filters {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
justify-content: center;
}select {
padding: 5px 10px;
font-size: 14px;
max-height: 150px;
overflow-y: auto;
}.table-container {
max-height: 500px;
overflow-y: auto;
width: 100%;
max-width: 1000px;
}table {
width: 100%;
border-collapse: collapse;
}th, td {
border: 1px solid #ccc;
padding: 8px 12px;
text-align: center;
}th {
position: sticky;
top: 0;
background-color: #f0f0f0;
}caption {
font-size: 1.5em;
margin-bottom: 10px;
font-weight: bold;
}tr.hidden {
display: none;
}
</style>
</head>
<body><div class="filters">
<div>
<label for="yearFilter">Фильтр по году рождения:</label><br>
<select id="yearFilter">
<option value="all">Показать все</option>
</select>
</div><div>
<label for="startFilter">Год начала обучения:</label><br>
<select id="startFilter">
<option value="all">Показать все</option>
</select>
</div><div>
<label for="endFilter">Год окончания обучения:</label><br>
<select id="endFilter">
<option value="all">Показать все</option>
</select>
</div>
</div><div class="table-container">
<table id="hogwartsTable">
<thead>
<tr>
<th>Год рождения</th>
<th>Месяц</th>
<th>Год начала обучения</th>
<th>Год окончания обучения</th>
</tr>
</thead>
<tbody>
<!-- Строки будут добавлены через JavaScript -->
</tbody>
</table>
</div><script>
const data = [
["1920", "январь — август", "1938"], ["1920", "сентябрь — декабрь", "1939"],
["1921", "январь — август", "1939"], ["1921", "сентябрь — декабрь", "1940"],
["1922", "январь — август", "1940"], ["1922", "сентябрь — декабрь", "1941"],
["1923", "январь — август", "1941"], ["1923", "сентябрь — декабрь", "1942"],
["1924", "январь — август", "1942"], ["1924", "сентябрь — декабрь", "1943"],
["1925", "январь — август", "1943"], ["1925", "сентябрь — декабрь", "1944"],
["1926", "январь — август", "1944"], ["1926", "сентябрь — декабрь", "1945"],
["1927", "январь — август", "1945"], ["1927", "сентябрь — декабрь", "1946"],
["1928", "январь — август", "1946"], ["1928", "сентябрь — декабрь", "1947"],
["1929", "январь — август", "1947"], ["1929", "сентябрь — декабрь", "1948"],
["1930", "январь — август", "1948"], ["1930", "сентябрь — декабрь", "1949"],
["1931", "январь — август", "1949"], ["1931", "сентябрь — декабрь", "1950"],
["1932", "январь — август", "1950"], ["1932", "сентябрь — декабрь", "1951"],
["1933", "январь — август", "1951"], ["1933", "сентябрь — декабрь", "1952"],
["1934", "январь — август", "1952"], ["1934", "сентябрь — декабрь", "1953"],
["1935", "январь — август", "1953"], ["1935", "сентябрь — декабрь", "1954"],
["1936", "январь — август", "1954"], ["1936", "сентябрь — декабрь", "1955"],
["1937", "январь — август", "1955"], ["1937", "сентябрь — декабрь", "1956"],
["1938", "январь — август", "1956"], ["1938", "сентябрь — декабрь", "1957"],
["1939", "январь — август", "1957"], ["1939", "сентябрь — декабрь", "1958"],
["1940", "январь — август", "1958"], ["1940", "сентябрь — декабрь", "1959"],
["1941", "январь — август", "1959"], ["1941", "сентябрь — декабрь", "1960"],
["1942", "январь — август", "1960"], ["1942", "сентябрь — декабрь", "1961"],
["1943", "январь — август", "1961"], ["1943", "сентябрь — декабрь", "1962"],
["1944", "январь — август", "1962"], ["1944", "сентябрь — декабрь", "1963"],
["1945", "январь — август", "1963"], ["1945", "сентябрь — декабрь", "1964"],
["1946", "январь — август", "1964"], ["1946", "сентябрь — декабрь", "1965"],
["1947", "январь — август", "1965"], ["1947", "сентябрь — декабрь", "1966"],
["1948", "январь — август", "1966"], ["1948", "сентябрь — декабрь", "1967"],
["1949", "январь — август", "1967"], ["1949", "сентябрь — декабрь", "1968"],
["1950", "январь — август", "1968"], ["1950", "сентябрь — декабрь", "1969"],
["1951", "январь — август", "1969"], ["1951", "сентябрь — декабрь", "1970"],
["1952", "январь — август", "1970"], ["1952", "сентябрь — декабрь", "1971"],
["1953", "январь — август", "1971"], ["1953", "сентябрь — декабрь", "1972"],
["1954", "январь — август", "1972"], ["1954", "сентябрь — декабрь", "1973"],
["1955", "январь — август", "1973"], ["1955", "сентябрь — декабрь", "1974"],
["1956", "январь — август", "1974"], ["1956", "сентябрь — декабрь", "1975"],
["1957", "январь — август", "1975"], ["1957", "сентябрь — декабрь", "1976"],
["1958", "январь — август", "1976"], ["1958", "сентябрь — декабрь", "1977"],
["1959", "январь — август", "1977"], ["1959", "сентябрь — декабрь", "1978"],
["1960", "январь — август", "1978"], ["1960", "сентябрь — декабрь", "1979"],
["1961", "январь — август", "1979"], ["1961", "сентябрь — декабрь", "1980"],
["1962", "январь — август", "1980"], ["1962", "сентябрь — декабрь", "1981"]
];const tbody = document.querySelector("#hogwartsTable tbody");
const yearSelect = document.getElementById("yearFilter");
const startSelect = document.getElementById("startFilter");
const endSelect = document.getElementById("endFilter");const uniqueYears = [...new Set(data.map(row => row[0]))];
const startYears = [...new Set(data.map(row => parseInt(row[2]) - 7))];
const endYears = [...new Set(data.map(row => parseInt(row[2])))];const fillOptions = (selectElement, values) => {
values.sort((a, b) => a - b).forEach(val => {
const option = document.createElement("option");
option.value = val;
option.textContent = val;
selectElement.appendChild(option);
});
};fillOptions(yearSelect, uniqueYears);
fillOptions(startSelect, startYears);
fillOptions(endSelect, endYears);data.forEach(row => {
const birthYear = row[0];
const month = row[1];
const endYear = parseInt(row[2]);
const startYear = endYear - 7;const tr = document.createElement("tr");
tr.dataset.year = birthYear;
tr.dataset.start = startYear;
tr.dataset.end = endYear;[birthYear, month, startYear, endYear].forEach(text => {
const td = document.createElement("td");
td.textContent = text;
tr.appendChild(td);
});tbody.appendChild(tr);
});const filterTable = () => {
const selectedYear = yearSelect.value;
const selectedStart = startSelect.value;
const selectedEnd = endSelect.value;document.querySelectorAll("#hogwartsTable tbody tr").forEach(tr => {
const matchesYear = selectedYear === "all" || tr.dataset.year === selectedYear;
const matchesStart = selectedStart === "all" || tr.dataset.start === selectedStart;
const matchesEnd = selectedEnd === "all" || tr.dataset.end === selectedEnd;tr.classList.toggle("hidden", !(matchesYear && matchesStart && matchesEnd));
});
};yearSelect.addEventListener("change", filterTable);
startSelect.addEventListener("change", filterTable);
endSelect.addEventListener("change", filterTable);
</script>
</body>
</html>
[/html]
Здесь вы можете ввести дату рождения и желаемую дату, чтобы узнать сколько вам лет и в каких годах вы обучались
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<style>
body {
font-family: Arial, sans-serif;
background: #eaeaea;
padding: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.calculator {
background: white;
padding: 20px 30px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
max-width: 400px;
width: 100%;
}
h2 { margin-bottom: 20px; }
label { display: block; margin: 10px 0 5px; }
input[type="date"] { width: 100%; padding: 8px; font-size: 14px; }
button {
padding: 10px; width: 100%;
background: #5a3870; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;
}
.result { margin-top: 20px; background: #f8f8f8; padding: 15px; border-radius: 8px; }
</style>
</head>
<body><div class="calculator">
<label for="birthDate">Дата рождения:</label>
<input type="date" id="birthDate"><label for="targetDate">Произвольная дата:</label>
<input type="date" id="targetDate"><div style="margin-top: 40px;">
<button onclick="calculate()">Рассчитать</button>
</div><div class="result" id="resultBox" style="display:none;"></div>
</div><script>
// Безопасный парсер: исключаем сдвиги часового пояса
function parseYMD(value) {
const [y, m, d] = value.split('-').map(Number);
return { y, m, d, date: new Date(y, m - 1, d) };
}function ruDate(dt) {
return dt.toLocaleDateString('ru-RU', { day: 'numeric', month: 'long', year: 'numeric' });
}function calculate() {
const birthVal = document.getElementById('birthDate').value;
const targetVal = document.getElementById('targetDate').value;
const resultBox = document.getElementById('resultBox');if (!birthVal || !targetVal) {
alert("Пожалуйста, введите обе даты.");
return;
}const b = parseYMD(birthVal);
const t = parseYMD(targetVal);
const birth = b.date;
const target = t.date;// Возраст на произвольную дату
let age = t.y - b.y;
if ((t.m < b.m) || (t.m === b.m && t.d < b.d)) age--;// Год поступления по правилу Хогвартса (граница 1 сентября)
// месяцы: Jan=1 ... Aug=8 → +11; Sep=9 ... Dec=12 → +12
const startYear = (b.m <= 8) ? (b.y + 11) : (b.y + 12);
const endYear = startYear + 7;// Даты границ учебных лет
const startDate = new Date(startYear, 8, 1); // 1 сентября startYear
const endDate = new Date(endYear, 8, 1); // 1 сентября endYear (после 7 курса)// Определяем курс на произвольную дату
let courseText = "";
let courseNum = null;if (target < startDate) {
courseText = "Ты ещё не поступил(а) в Хогвартс";
} else if (target >= endDate) {
courseText = "Ты уже окончил(а) Хогвартс";
} else {
// Курс: считаем, сколько раз прошли 1 сентября с момента поступления
courseNum = (t.y - startYear) + (t.m >= 9 ? 1 : 0);
// Гарантируем 1..7
courseNum = Math.min(Math.max(courseNum, 1), 7);
courseText = `Ты учился(ась) на ${courseNum} курсе`;
}// Форматированные ключевые даты
const startDateFmt = ruDate(startDate);
const gradDateFmt = ruDate(new Date(endYear, 7, 31)); // 31 августа endYearresultBox.innerHTML = `
<p>Тебе <strong>${age}</strong> лет</p>
<p><strong>${courseText}</strong></p>
<p>Поступил(а) в Хогвартс: <strong>${startDateFmt}</strong></p>
<p>Год начала обучения: <strong>${startYear}</strong></p>
<p>Год окончания обучения: <strong>${endYear}</strong></p>
`;
resultBox.style.display = "block";
}
</script></body>
</html>
[/html]
Имя Фамилия ⬥ Name Surname
Цитата о персонаже
[html]<img src="https://upforme.ru/uploads/001c/7d/92/2/t658937.gif" style="max-height: 160px; height: auto; width: auto;"> <img src="https://upforme.ru/uploads/001c/7d/92/2/t19295.gif" style="max-height: 160px; height: auto; width: auto;"> <img src="https://upforme.ru/uploads/001c/7d/92/2/t20078.gif" style="max-height: 160px; height: auto; width: auto;"> [/html]Внешность на англ.
Дата рождения: хх.хх.хххх, возраст на сентябрь 1979
Статус крови: чистокровный/полукровка/магглорожденный
Образование: школа, факультет, год выпускаСторона: ПС/ОФ/Нейтралитет/МинистерствоРабота: чем зарабатываете на жизнь?
Уникальные способности: анимагия/ментальная магия/невербальная. Неканон согласовывается с АМС
О персонаже
Ссылка на вики: если персонаж каноничный
Вы можете расписать биографию, а можете перечислить 10 фактов о нём.
Каноничным персонажам совершенно не обязательно рерайтить вики, но нам очень хотелось бы прочесть ваше видение этого героя, поэтому, мы просим уделить внимание его характеру, стремлениям, возможно, рассказу как он реагирует на те или иные ситуации. Расскажите какой он, каноничный персонаж в ваших глазах.
Дополнительная информация: Заполняется по желанию
- Волшебная палочка
- Боггарт
- Чем пахнет амортенция
- Патронус (если есть)
- Любимый предмет в школе
От лица любого персонажа
Об игроке
Средняя скорость игры: необходимо, чтобы игроки ориентировались по ожиданию постов
Любимые тропы: расскажите, во что хотели бы играть. Любовь/вражду/приключения/дарк и пр.
Табу: что вы не будете играть? Какие-то триггер-сюжеты, которые хотелось бы избежать.
Другие персонажи: перечислите здесь твинки и маски
Код:[quote][align=center][size=20][color=#645485][b][font=Palatino Linotype]Имя Фамилия ⬥ Name Surname[/font][/b][/color][/size] [font=Playfair Display SC][size=15]Цитата о персонаже[/size][/font][/align] [html][align=center]<img src="https://upforme.ru/uploads/001c/7d/92/2/t658937.gif" style="max-height: 160px; height: auto; width: auto;"> <img src="https://upforme.ru/uploads/001c/7d/92/2/t19295.gif" style="max-height: 160px; height: auto; width: auto;"> <img src="https://upforme.ru/uploads/001c/7d/92/2/t20078.gif" style="max-height: 160px; height: auto; width: auto;"> [/align][/html] [table layout=fixed width=100%] [align=center][i]Внешность на англ.[/i][/align] [tr] [align=left][td][font=Playfair Display SC][color=#645485][b]Дата рождения:[/b][/color][/font] хх.хх.хххх, возраст на сентябрь 1979[/align] [align=left][font=Playfair Display SC][b][color=#645485] Статус крови:[/b][/color][/font] чистокровный/полукровка/магглорожденный[/align] [align=left][font=Playfair Display SC][color=#645485][b]Образование:[/b][/color][/font] школа, факультет, год выпуска[/align][font=Playfair Display SC][color=#645485][b]Сторона:[/b][/color][/font] ПС/ОФ/Нейтралитет/Министерство [/td] [align=left][td][font=Playfair Display SC][color=#645485][b]Работа:[/b][/color][/font] чем зарабатываете на жизнь?[/align] [align=left][font=Playfair Display SC][color=#645485][b]Уникальные способности:[/b][/color][/font] анимагия/ментальная магия/невербальная. Неканон согласовывается с АМС[/align] [/td] [/tr] [/table][/quote] [align=center][size=20][color=#645485][b][font=Palatino Linotype]О персонаже[/font][/b][/color][/size][/align] [align=left][font=Playfair Display SC][color=#645485][b]Ссылка на вики:[/b][/color][/font] если персонаж каноничный[/align] Вы можете расписать биографию, а можете перечислить 10 фактов о нём. Каноничным персонажам совершенно не обязательно рерайтить вики, но нам очень хотелось бы прочесть ваше видение этого героя, поэтому, мы просим уделить внимание его характеру, стремлениям, возможно, рассказу как он реагирует на те или иные ситуации. Расскажите какой он, каноничный персонаж в ваших глазах. [font=Playfair Display SC][color=#645485][b]Дополнительная информация:[/b][/color][/font] Заполняется по желанию - Волшебная палочка - Боггарт - Чем пахнет амортенция - Патронус (если есть) - Любимый предмет в школе [spoiler="Пробный пост"]От лица любого персонажа[/spoiler] [align=center][size=20][color=#645485][b][font=Palatino Linotype]Об игроке[/font][/b][/color][/size][/align] [font=Playfair Display SC][color=#645485][b]Средняя скорость игры:[/b][/color][/font] необходимо, чтобы игроки ориентировались по ожиданию постов [font=Playfair Display SC][color=#645485][b]Любимые тропы:[/b][/color][/font] расскажите, во что хотели бы играть. Любовь/вражду/приключения/дарк и пр. [font=Playfair Display SC][color=#645485][b]Табу:[/b][/color][/font] что вы не будете играть? Какие-то триггер-сюжеты, которые хотелось бы избежать. [font=Playfair Display SC][color=#645485][b]Другие персонажи:[/b][/color][/font] перечислите здесь твинки и маски [hide=99999999999999999] [b]Где нас нашли:[/b] [b]Связь с вами:[/b] тг/вк/ЛС [/hide]