rev2 event page

This commit is contained in:
Alexander Popov 2023-08-04 00:28:32 +03:00
parent 902890c966
commit 97af1107ac
Signed by: iiiypuk
GPG Key ID: E47FE0AB36CD5ED6
3 changed files with 135 additions and 1 deletions

View File

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

View File

@ -5,4 +5,9 @@
</ol> </ol>
</nav> </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>

122
public/pages/rer2.html Normal file
View File

@ -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>