rev2 event page

app/assets/js/routes.js

@@ -30,4 +30,11 @@ export const routes = {
     description: '...',
     script: true,
   },
+  rer2: {
+    template: '/pages/rer2.html',
+    title:
+      'RE: Revelation 2  — Статус ежемесячных событий «Вторжение огромных тварей»',
+    description: '...',
+    script: true,
+  },
 };

public/pages/games.html

@@ -5,4 +5,9 @@
 	</ol>
 </nav>
 
-<p class="fs-3 text-shadow">Тут ничего нет... пока!</p>
+<ul class="list-group list-group-item-action">
+	<a href="#rer2" class="list-group-item list-group-item-action">
+		<span class="fw-bold">RE: Revelation 2</span> — Статус ежемесячных
+		событий «Вторжение огромных тварей»
+	</a>
+</ul>

public/pages/rer2.html

@@ -0,0 +1,122 @@
+<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>
+
+<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 class="card mb-3">
+	<div class="card-header">
+		<div class="d-flex justify-content-between">
+			<span class="fw-bold">Invasion of the Huge Creatures No. 101</span>
+			<span>Осталось времени: 656:49</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>
+		<p class="my-1 fw-bold d-flex justify-content-between">
+			<span>Aello</span>
+			<span class="text-danger">[100 00 000 / 999 999 999]</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">[100 00 000 / 999 999 999]</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 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"></script>