a2s.su/public/pages/rer2.html

<nav class="border-bottom mb-3" aria-label="breadcrumb">
	<ol class="breadcrumb">
		<li class="breadcrumb-item"><a href="#">Home</a></li>
		<li class="breadcrumb-item"><a href="#games">Games</a></li>
		<li class="breadcrumb-item active" aria-current="page">
			RE: Revelation 2 — Статус ежемесячных событий
			<span class="text-nowrap">«Вторжение огромных тварей»</span>
		</li>
	</ol>
</nav>

<h3 class="text-center text-shadow">
	RE: Revelation 2 — Статус ежемесячных событий
	<span class="text-nowrap">«Вторжение огромных тварей»</span>
</h3>

<div class="d-none">
	<img
		class="img-fluid shadow rounded m-3"
		src="/content/images/2023/resident_evil_revelations_2_wallpaper_by_brendabirkin.jpg"
	/>
	<p class="text-center text-muted">
		Изображение:
		<a
			class="text-reset"
			href="https://www.deviantart.com/brendabirkin/art/Resident-Evil-Revelations-2-Wallpaper-521674087"
			target="_blank"
		>
			Resident Evil Revelations 2 — Wallpaper by BrendaBirkin
		</a>
	</p>
</div>

<div class="card mb-3">
	<div class="card-header">
		<div class="d-flex justify-content-between placeholder-glow">
			<span class="fw-bold">Invasion of the Huge Creatures No. 101</span>
			<span
				id="rev2_time_remaining"
				class="placeholder col-1 rounded"
			></span>
		</div>
	</div>
	<div class="card-body">
		<h5 class="card-title text-center">
			Осталось здоровья
			<svg
				class="text-danger svg-icon"
				xmlns="http://www.w3.org/2000/svg"
				width="24"
				height="24"
				viewBox="0 0 24 24"
				fill="none"
				stroke="currentColor"
				stroke-width="2"
				stroke-linecap="round"
				stroke-linejoin="round"
			>
				<path
					d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"
				/>
			</svg>
		</h5>

		<div id="rev2_emenies">
			<p class="my-1 fw-bold d-flex justify-content-between">
				<span>Aello</span>
				<span class="text-danger">[? / ?]</span>
			</p>
			<div
				class="progress"
				role="progressbar"
				aria-valuenow="21"
				aria-valuemin="0"
				aria-valuemax="100"
			>
				<div class="progress-bar bg-danger" style="width: 21%">21%</div>
			</div>
			<p class="my-1 fw-bold d-flex justify-content-between">
				<span>Ocypete</span>
				<span class="text-danger">[? / ?]</span>
			</p>
			<div
				class="progress"
				role="progressbar"
				aria-valuenow="91"
				aria-valuemin="0"
				aria-valuemax="100"
			>
				<div class="progress-bar bg-danger" style="width: 91%">91%</div>
			</div>
		</div>
	</div>
	<div class="card-footer text-body-secondary">
		<a
			class="text-reset"
			href="https://game.capcom.com/residentevil/en/onlineevent-4_1108.html#windows"
			target="_blank"
			>Ссылка на страницу эвента</a
		>
	</div>
</div>

<p>
	<svg
		class="svg-icon align-text-top"
		xmlns="http://www.w3.org/2000/svg"
		width="16"
		height="16"
		viewBox="0 0 24 24"
		fill="none"
		stroke="currentColor"
		stroke-width="2"
		stroke-linecap="round"
		stroke-linejoin="round"
	>
		<circle cx="12" cy="12" r="10" />
		<line x1="12" y1="16" x2="12" y2="12" />
		<line x1="12" y1="8" x2="12.01" y2="8" />
	</svg>

	Информация взята с ресурса RE.NET, страница
	<a
		class="text-reset fw-bold"
		href="https://game.capcom.com/residentevil/en/onlineevent-rev2-windows.html"
		>Online Events</a
	>
</p>

<script type="module">
	import { update_rev2 } from './js/rev2.js';

	function autorun() {
		if (true) {
			get_from_api((data) => {update_rev2(data);}, 'rev2_monsters')
			setInterval(autorun, 120_000); // 2 minutes
		} else {
			console.log(
				'INFO! Включена отладка, данные не загружается!\n' +
					'Файл rer2.html',
			);
		}
	}
	autorun();
</script>