[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ReapNote - Эпизод #742</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
body {
background-color: #1a1a1a;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #d5d3d5;
padding: 10px;
margin: 0;
line-height: 1.4;
}
.reapnote-container {
background-color: #2a282a;
background-image:
url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='%232a282a'/%3E%3Cpath d='M0 0l100 100' stroke='%23363438' stroke-width='0.5'/%3E%3Cpath d='M100 0L0 100' stroke='%23363438' stroke-width='0.5'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E");
padding: 15px;
border-radius: 5px;
border: 1px solid #444;
max-width: 600px;
margin: 0 auto;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.app-header {
text-align: center;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 2px solid #993a20;
}
.app-title {
font-size: 20px;
font-weight: bold;
color: #d5d3d5;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
padding: 5px;
display: inline-block;
border-bottom: 2px dotted #993a20;
}
.episode-header {
text-align: center;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #444;
}
.episode-title {
font-size: 18px;
color: #993a20;
margin: 0 0 8px 0;
}
.episode-meta {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 10px;
font-size: 12px;
color: #7f7e80;
}
.episode-image {
padding: 10px;
text-align: center;
margin-bottom: 15px;
}
.episode-image img {
width: 100%;
max-width: 500px;
height: 200px;
object-fit: cover;
border-radius: 4px;
border: 1px solid #444;
}
.episode-info {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
@media (max-width: 600px) {
.episode-info {
flex-direction: column;
}
}
.info-section {
flex: 1;
background-color: rgba(0, 0, 0, 0.2);
padding: 12px;
border-left: 2px solid #993a20;
}
.info-title {
font-size: 14px;
color: #993a20;
margin: 0 0 8px 0;
font-weight: bold;
}
.info-content {
font-size: 13px;
line-height: 1.5;
}
.souls-container {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 10px;
}
.soul-link {
background-color: rgba(153, 58, 32, 0.1);
color: #d5d3d5;
text-decoration: none;
padding: 8px 10px;
border-radius: 4px;
font-size: 13px;
display: flex;
align-items: center;
gap: 8px;
border: 1px solid #444;
transition: all 0.2s ease;
}
.soul-link:hover {
background-color: rgba(153, 58, 32, 0.2);
}
.soul-avatar {
width: 28px;
height: 28px;
border-radius: 50%;
background: #993a20;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 12px;
}
.soul-name {
font-weight: bold;
color: #d5d3d5;
}
</style>
</head>
<body>
<div class="reapnote-container">
<div class="app-header">
<div class="app-title">
<i class="fas fa-skull-crossbones"></i> ReapNote
</div>
</div>
<div class="episode-header">
<div class="episode-title">Red or Black?</div>
<div class="episode-meta">
<div><i class="far fa-calendar"></i> 01 сентября 2025</div>
<div><i class="far fa-clock"></i> ВРЕМЯ 22:00</div>
<div><i class="fas fa-map-marker-alt"></i> городские улицы</div>
</div>
</div>
<div class="episode-image">
<img src="https://i.postimg.cc/85NNqhhf/e-Wdrzn-Tc-SRpg-Ed-RLM6q-Jb-P-Ytalw-Dyy-Zjdz2k-J-Frtb1-Ukbb-OLVf-Ofj5ypg-LZ8mq5vx-Yi-Sl-1.jpg" alt="Изображение эпизода">
</div>
<div class="episode-info">
<div class="info-section">
<div class="info-title">
<i class="fas fa-scroll"></i> Описание событий
</div>
<div class="info-content">
Такие люди встречаются один раз в жизни или смерти. Это не важно. Важно лишь то, что происходит во время мимолетных встреч живого и мёртвой. Улыбки, подколы, ссоры и прочие, такие живые краски существования, которые скрашивают рутину. Есть ли в этих встречах что-то настоящее, или они являются лишь масками для выполнения работы по сбору информации? Может ли охотник испытывать к жертве симпатию? Может ли жнец испытывать хоть что-то настоящее после смерти? Произойдёт ли танец при полной луне? Кто знает.
</div>
</div>
<div class="info-section">
<div class="info-title">
<i class="fas fa-ghost"></i> Души
</div>
<div class="souls-container">
<a href="https://deathinc.rusff.me/viewtopic.php?id=21#p237" class="soul-link">
<div class="soul-avatar">
<i class="fas fa-skull"></i>
</div>
<div class="soul-name">Уэйд Уэй</div>
</a>
<a href="https://deathinc.rusff.me/viewtopic.php?id=20#p234" class="soul-link">
<div class="soul-avatar">
<i class="fas fa-bone"></i>
</div>
<div class="soul-name">Лунамария Крист</div>
</a>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const soulLinks = document.querySelectorAll('.soul-link');
soulLinks.forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
const name = this.querySelector('.soul-name').textContent;
alert(`Переход к профилю души: ${name}`);
});
});
});
</script>
</body>
</html>[/html]
- Подпись автора
The work of reapers is to
Watch the souls of people who are on the list of the dead
And to quickly as well as thoroughly
Collect them according to plan
Killing outside the list is prohibited!