Hooligan

Поделиться121-06-2026 22:14:40

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]
<style>

/* =========================================================
LIAM WOODS — ВОЛЧЬЕ ЛОГОВО
========================================================= */

.lw-blog {
width: 100%;
max-width: 780px;
margin: 20px auto;
box-sizing: border-box;
font-family: Georgia, "Times New Roman", serif;
color: #e7d9cb;
}

/* =========================================================
ОБЩИЕ БЛОКИ
========================================================= */

.lw-block {
position: relative;
margin-bottom: 12px;
box-sizing: border-box;

background:
radial-gradient(circle at 15% 20%, rgba(138,94,61,.10), transparent 32%),
radial-gradient(circle at 80% 75%, rgba(88,61,42,.08), transparent 30%),
linear-gradient(135deg, #241d18, #171310);

border: 1px solid #594333;

box-shadow:
0 7px 22px rgba(0,0,0,.30),
inset 0 0 35px rgba(0,0,0,.17);
}

/* =========================================================
ПРОФИЛЬ ЛИАМА
========================================================= */

.lw-profile {
padding: 24px 27px 22px;
overflow: hidden;
}

.lw-profile:before {
content: "";
position: absolute;
top: 0;
left: 34px;
width: 1px;
height: 100%;

background: rgba(121,72,56,.16);
}

.lw-profile:after {
content: "LW";
position: absolute;

right: 18px;
bottom: 7px;

font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 30px;

color: rgba(202,174,150,.12);

transform: rotate(-8deg);
}

/* =========================================================
ОСНОВНАЯ ЧАСТЬ ПРОФИЛЯ
========================================================= */

.lw-profile-main {
position: relative;
z-index: 2;

display: flex;
align-items: stretch;

gap: 23px;
}

/* =========================================================
ФОТО ЛИАМА
========================================================= */

.lw-profile-photo-wrap {
position: relative;

flex: 0 0 180px;

width: 180px;

padding: 8px 8px 27px;

box-sizing: border-box;

background:
linear-gradient(
115deg,
rgba(255,255,255,.20),
transparent 30%
),
#ded4c6;

border: 1px solid #a99b8c;

box-shadow:
0 7px 18px rgba(0,0,0,.42),
inset 0 0 14px rgba(80,56,38,.08);

transform: rotate(-2deg);
}

.lw-profile-photo {
position: relative;

width: 100%;
height: 218px;

overflow: hidden;

background: #29211c;
}

.lw-profile-photo img {
display: block;

width: 100%;
height: 100%;

object-fit: cover;
object-position: center top;

filter:
sepia(8%)
contrast(104%)
brightness(93%)
saturate(91%);
}

.lw-profile-photo:after {
content: "";

position: absolute;
inset: 0;

pointer-events: none;

box-shadow:
inset 0 0 25px rgba(31,21,15,.23);
}

/* подпись под фото */

.lw-profile-photo-caption {
position: absolute;

left: 11px;
bottom: 6px;

font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 11px;

color: #6e5949;

transform: rotate(-1deg);
}

/* маленький волчий знак */

.lw-profile-wolf {
position: absolute;

right: 10px;
bottom: 5px;

font-size: 13px;

color: rgba(72,54,43,.55);

transform: rotate(8deg);
}

/* =========================================================
ПРАВАЯ ЧАСТЬ ПРОФИЛЯ
========================================================= */

.lw-profile-info {
flex: 1;
min-width: 0;

padding-top: 4px;
}

/* верхняя строка */

.lw-profile-top {
display: flex;

align-items: center;
justify-content: space-between;

gap: 12px;
}

.lw-profile-name {
color: #fff0db;

font-size: 26px;
letter-spacing: 5px;
text-transform: uppercase;
}

.lw-profile-mark {
flex: 0 0 auto;

padding: 5px 9px;

font-family: Arial, sans-serif;

font-size: 8px;

letter-spacing: 2px;
text-transform: uppercase;

color: #d8c5b4;

border: 1px solid rgba(216,197,180,.35);
}

/* подзаголовок */

.lw-profile-id {
margin-top: 6px;

font-family: Arial, sans-serif;

font-size: 9px;

letter-spacing: 2.3px;
text-transform: uppercase;

color: #c8b6a6;
}

/* декоративная линия */

.lw-profile-line {
width: 100%;
height: 1px;

margin-top: 13px;

background:
linear-gradient(
to right,
#9a7559,
rgba(154,117,89,.25),
transparent
);
}

/* цитата */

.lw-profile-quote {
margin-top: 15px;

padding: 10px 12px;

border-left: 2px solid #9a7053;

font-size: 13px;
line-height: 1.7;
font-style: italic;

color: #e0cdbc;
}

/* =========================================================
STATUS
========================================================= */

.lw-status {
display: flex;
flex-wrap: wrap;

gap: 8px 0;

margin-top: 15px;
padding-top: 11px;

border-top: 1px dashed rgba(170,135,108,.38);

font-family: Arial, sans-serif;

font-size: 8px;

line-height: 1.7;

letter-spacing: 1.3px;
text-transform: uppercase;

color: #cbb9aa;
}

.lw-status span {
white-space: nowrap;
}

.lw-status span:not(:last-child):after {
content: "🐺";

margin: 0 10px;

color: #a67b5c;

font-size: 6px;
}

/* рукописная фраза */

.lw-profile-hand {
margin-top: 14px;

text-align: right;

font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 11px;

color: #d1b9a5;

transform: rotate(-1deg);
}

/* =========================================================
КАРМАНЫ
========================================================= */

.lw-pocket-block {
padding: 17px 24px 19px;
}

.lw-pocket-title {
text-align: center;

font-family: Arial, sans-serif;

font-size: 9px;

letter-spacing: 3px;
text-transform: uppercase;

color: #d9c6b5;
}

.lw-pocket {
display: flex;
justify-content: center;
flex-wrap: wrap;

gap: 8px;

margin-top: 12px;
}

.lw-pocket span {
position: relative;

padding: 7px 11px;

background: #d9cdbd;

border: 1px solid #9e8d7d;

box-shadow:
0 3px 7px rgba(0,0,0,.25),
inset 0 0 7px rgba(84,60,41,.07);

color: #4c3c31;

font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 10px;
}

.lw-pocket span:nth-child(2n) {
transform: rotate(1.5deg);
}

.lw-pocket span:nth-child(3n) {
transform: rotate(-1deg);
}

/* =========================================================
MEMORY BOARD
========================================================= */

.lw-memory-board {
position: relative;

width: 100%;
min-height: 470px;

padding: 30px 24px 40px;

box-sizing: border-box;
overflow: hidden;

background:
radial-gradient(circle at 20% 20%, rgba(129,89,55,.13), transparent 32%),
radial-gradient(circle at 80% 70%, rgba(87,61,42,.12), transparent 28%),
linear-gradient(135deg, #241d18, #171310);

border: 1px solid #594333;

box-shadow:
0 8px 25px rgba(0,0,0,.35),
inset 0 0 45px rgba(0,0,0,.22);
}

/* =========================================================
MEMORY HEADER
========================================================= */

.lw-memory-head {
position: relative;
z-index: 4;

text-align: center;

margin-bottom: 16px;
}

.lw-memory-pattern {
margin-bottom: 5px;

color: #d5a77f;

font-family: Arial, sans-serif;

font-size: 10px;

letter-spacing: 8px;
}

.lw-memory-title {
color: #fff0dc;

font-size: 25px;

letter-spacing: 5px;
text-transform: uppercase;
}

.lw-memory-subtitle {
margin-top: 5px;

color: #c9b7a7;

font-family: Arial, sans-serif;

font-size: 9px;

letter-spacing: 3px;
text-transform: uppercase;
}

/* =========================================================
ПОЛЕ ПОЛАРОИДОВ
========================================================= */

.lw-memory-space {
position: relative;
height: 345px;
}

/* =========================================================
POLAROID
========================================================= */

.lw-polaroid {
position: absolute;

width: 145px;

padding: 8px 8px 10px;

box-sizing: border-box;

cursor: pointer;

color: #46372c;

background:
linear-gradient(
115deg,
rgba(255,255,255,.25),
transparent 30%
),
#e9e1d4;

border: 1px solid #b8ad9e;

box-shadow:
0 5px 14px rgba(0,0,0,.40),
inset 0 0 12px rgba(91,67,43,.07);

transition:
left .3s ease,
top .3s ease,
width .3s ease,
transform .3s ease,
box-shadow .3s ease;

transform-origin: center center;
}

.lw-polaroid:nth-child(2n) {
background-color: #eee6d9;
}

.lw-polaroid:nth-child(3n) {
background-color: #e5ddcf;
}

.lw-polaroid:before {
content: "";

position: absolute;
inset: 0;

pointer-events: none;

box-shadow:
inset 0 0 14px rgba(103,73,45,.12),
inset 0 0 3px rgba(90,62,40,.16);
}

/* =========================================================
PHOTO
========================================================= */

.lw-polaroid-photo {
position: relative;

width: 100%;
height: 103px;

overflow: hidden;

background: #342b25;
}

.lw-polaroid-photo img {
display: block;

width: 100%;
height: 100%;

object-fit: cover;

filter:
sepia(12%)
contrast(104%)
brightness(92%)
saturate(90%);

transition: .3s;
}

.lw-polaroid:hover .lw-polaroid-photo img {
filter:
sepia(5%)
contrast(103%)
brightness(97%)
saturate(98%);
}

.lw-polaroid-photo:after {
content: "";

position: absolute;
inset: 0;

pointer-events: none;

box-shadow:
inset 0 0 18px rgba(37,24,16,.22);
}

/* =========================================================
CAPTION
========================================================= */

.lw-polaroid-caption {
position: relative;

min-height: 28px;

margin-top: 6px;
}

.lw-polaroid-name {
padding-right: 23px;

font-size: 13px;
line-height: 1.25;
font-style: italic;

color: #44352c;
}

.lw-polaroid-date {
position: absolute;

right: 2px;
bottom: -1px;

font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 10px;

transform: rotate(-4deg);

color: #806b5a;
}

/* =========================================================
SYMBOLS
========================================================= */

.lw-symbol {
position: absolute;

top: 4px;
right: 5px;

z-index: 3;

font-family:
"Segoe Print",
cursive;

font-size: 15px;

color: rgba(73,52,39,.65);

transform: rotate(8deg);
}

.lw-audrey {
position: absolute;

left: 9px;
bottom: 6px;

font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 13px;
font-weight: bold;

color: rgba(116,66,51,.75);

transform: rotate(-8deg);
}

.lw-paw {
position: absolute;

right: 9px;
top: 9px;

z-index: 4;

font-size: 16px;

color: rgba(28,23,20,.40);

transform: rotate(16deg);

pointer-events: none;
}

/* =========================================================
NOTE
========================================================= */

.lw-polaroid-note {
display: none;

margin-top: 8px;

padding: 8px 3px 2px;

border-top: 1px solid #c3b5a6;

font-size: 12px;
line-height: 1.55;

color: #58483c;
}

.lw-polaroid-meta {
display: none;

margin-top: 7px;

font-family: Arial, sans-serif;

font-size: 8px;
line-height: 1.5;

letter-spacing: 1px;
text-transform: uppercase;

color: #756457;
}

.lw-open-hint {
display: none;

margin-top: 8px;

text-align: center;

font-family: Arial, sans-serif;

font-size: 8px;

letter-spacing: 1.3px;
text-transform: uppercase;

color: #805f4c;
}

/* =========================================================
ACTIVE POLAROID
========================================================= */

.lw-polaroid.active {
z-index: 999;

width: 235px;

left: 50% !important;
top: 2px !important;

transform:
translateX(-50%)
rotate(0deg)
scale(1.02) !important;

box-shadow:
0 15px 45px rgba(0,0,0,.68),
0 0 0 1500px rgba(12,10,8,.69);
}

.lw-polaroid.active .lw-polaroid-photo {
height: 155px;
}

.lw-polaroid.active .lw-polaroid-name {
font-size: 16px;
}

.lw-polaroid.active .lw-polaroid-date {
font-size: 11px;
}

.lw-polaroid.active .lw-polaroid-note,
.lw-polaroid.active .lw-polaroid-meta,
.lw-polaroid.active .lw-open-hint {
display: block;
}

/* =========================================================
РАСКЛАДКА
========================================================= */

.lw-polaroid:nth-child(1) {
left: 3%;
top: 25px;
transform: rotate(-8deg);
}

.lw-polaroid:nth-child(2) {
left: 24%;
top: 1px;
transform: rotate(5deg);
}

.lw-polaroid:nth-child(3) {
left: 46%;
top: 28px;
transform: rotate(-3deg);
}

.lw-polaroid:nth-child(4) {
left: 68%;
top: 6px;
transform: rotate(7deg);
}

.lw-polaroid:nth-child(5) {
left: 10%;
top: 170px;
transform: rotate(4deg);
}

.lw-polaroid:nth-child(6) {
left: 34%;
top: 166px;
transform: rotate(-7deg);
}

.lw-polaroid:nth-child(7) {
left: 59%;
top: 172px;
transform: rotate(5deg);
}

.lw-polaroid:nth-child(8) {
left: 76%;
top: 155px;
transform: rotate(-4deg);
}

/* =========================================================
FOOTER ПОЛАРОИДОВ
========================================================= */

.lw-memory-footer {
position: relative;
z-index: 2;

text-align: center;

margin-top: 5px;

color: #c4b3a4;

font-family: Arial, sans-serif;

font-size: 9px;
line-height: 1.6;

letter-spacing: 3px;
text-transform: uppercase;
}

/* =========================================================
FIELD NOTES
========================================================= */

.lw-notes {
padding: 23px 25px 25px;
}

.lw-notes-head {
text-align: center;
}

.lw-notes-title {
color: #f0ddc9;

font-size: 20px;

letter-spacing: 4px;
text-transform: uppercase;
}

.lw-notes-subtitle {
margin-top: 4px;

font-family: Arial, sans-serif;

font-size: 8px;

letter-spacing: 2px;
text-transform: uppercase;

color: #c4b0a0;
}

.lw-note-list {
margin-top: 19px;
}

.lw-note {
position: relative;

margin-bottom: 13px;

padding: 12px 14px 12px 48px;

background: rgba(255,255,255,.025);

border-top: 1px solid rgba(176,143,117,.25);
border-bottom: 1px solid rgba(176,143,117,.18);
}

.lw-note:last-child {
margin-bottom: 0;
}

.lw-note-date {
position: absolute;

left: 8px;
top: 12px;

width: 32px;

text-align: center;

font-family: Arial, sans-serif;

font-size: 8px;
line-height: 1.5;

letter-spacing: 1px;
text-transform: uppercase;

color: #d0b7a3;
}

.lw-note-text {
font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 11px;
line-height: 1.7;

color: #ead5c2;
}

.lw-note-small {
margin-top: 5px;

font-family: Arial, sans-serif;

font-size: 8px;

letter-spacing: 1px;
text-transform: uppercase;

color: #bfa99a;
}

/* =========================================================
PEOPLE
========================================================= */

.lw-people-block {
padding: 23px 25px;
}

.lw-people-head {
text-align: center;

margin-bottom: 16px;
}

.lw-people-title {
color: #f0ddc9;

font-size: 19px;

letter-spacing: 4px;
text-transform: uppercase;
}

.lw-people-subtitle {
margin-top: 4px;

font-family: Arial, sans-serif;

font-size: 8px;

letter-spacing: 2px;
text-transform: uppercase;

color: #c4b0a0;
}

.lw-person-list {
display: flex;
flex-wrap: wrap;

justify-content: center;

gap: 8px;
}

.lw-person {
min-width: 130px;

padding: 9px 11px;

box-sizing: border-box;

text-align: center;

background: rgba(255,255,255,.035);

border: 1px solid #6c5544;
}

.lw-person-name {
color: #e7ccb5;

font-size: 12px;
font-style: italic;
}

.lw-person-role {
margin-top: 4px;

font-family: Arial, sans-serif;

font-size: 7px;
line-height: 1.55;

letter-spacing: 1.3px;
text-transform: uppercase;

color: #c8b4a4;
}

/* =========================================================
SECRET A.
========================================================= */

.lw-secret {
overflow: hidden;
}

.lw-secret-button {
width: 100%;

padding: 14px 20px;

box-sizing: border-box;

cursor: pointer;

text-align: center;

user-select: none;
}

.lw-secret-a {
display: inline-block;

font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 21px;
font-weight: bold;

color: #d8a99b;

transform: rotate(-7deg);
}

.lw-secret-hint {
margin-top: 2px;

font-family: Arial, sans-serif;

font-size: 7px;

letter-spacing: 2px;
text-transform: uppercase;

color: #c4b3a8;
}

.lw-secret-content {
display: none;

padding: 2px 25px 24px;
}

.lw-secret.open .lw-secret-content {
display: block;
}

.lw-secret-paper {
position: relative;

padding: 19px 20px;

color: #504034;

background:
repeating-linear-gradient(
to bottom,
transparent,
transparent 24px,
rgba(105,81,63,.10) 25px
),
#ded2c1;

border: 1px solid #9f8e7c;

box-shadow:
0 5px 14px rgba(0,0,0,.30),
inset 0 0 18px rgba(91,67,43,.08);

transform: rotate(-.5deg);
}

.lw-secret-paper:before {
content: "A.";

position: absolute;

right: 14px;
top: 6px;

font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 20px;

color: rgba(126,69,55,.25);

transform: rotate(8deg);
}

.lw-secret-note {
margin-bottom: 13px;

font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 11px;
line-height: 1.8;

color: #59473a;
}

.lw-secret-note:last-child {
margin-bottom: 0;
}

.lw-secret-cross {
text-decoration: line-through;
opacity: .55;
}

.lw-secret-final {
margin-top: 15px;

text-align: right;

font-family:
"Segoe Print",
"Bradley Hand",
cursive;

font-size: 10px;

color: #805d50;
}

/* =========================================================
КОНЕЦ БЛОГА
========================================================= */

.lw-blog-end {
padding: 8px 10px 18px;

text-align: center;

font-family: Arial, sans-serif;

font-size: 8px;
line-height: 1.5;

letter-spacing: 3px;
text-transform: uppercase;

color: #bfaea1;
}

/* =========================================================
MOBILE
========================================================= */

@media screen and (max-width:600px) {

.lw-blog {
width: 97%;
}

.lw-profile {
padding: 20px 16px 21px;
}

.lw-profile:before {
display: none;
}

.lw-profile-main {
display: block;
}

.lw-profile-photo-wrap {
width: 160px;

margin: 0 auto 23px;

transform: rotate(-2deg);
}

.lw-profile-photo {
height: 194px;
}

.lw-profile-info {
width: 100%;
}

.lw-profile-name {
font-size: 22px;
letter-spacing: 4px;
}

.lw-profile-mark {
display: none;
}

.lw-profile-id {
font-size: 8px;
}

.lw-profile-quote {
font-size: 12px;
}

.lw-status {
font-size: 7px;
line-height: 1.8;
}

.lw-status span:not(:last-child):after {
margin: 0 7px;
}

.lw-profile-hand {
font-size: 10px;
}

.lw-pocket-title {
font-size: 8px;
}

.lw-pocket span {
font-size: 9px;
}

.lw-memory-board {
width: 100%;

min-height: 560px;

padding-left: 10px;
padding-right: 10px;
}

.lw-memory-title {
font-size: 22px;
}

.lw-memory-subtitle {
font-size: 8px;
}

.lw-memory-space {
height: 430px;
}

.lw-polaroid {
width: 112px;
}

.lw-polaroid-photo {
height: 78px;
}

.lw-polaroid-name {
font-size: 11px;
}

.lw-polaroid-date {
font-size: 9px;
}

.lw-polaroid:nth-child(1) {
left: 2%;
top: 18px;
}

.lw-polaroid:nth-child(2) {
left: 34%;
top: 3px;
}

.lw-polaroid:nth-child(3) {
left: 66%;
top: 20px;
}

.lw-polaroid:nth-child(4) {
left: 7%;
top: 135px;
}

.lw-polaroid:nth-child(5) {
left: 39%;
top: 147px;
}

.lw-polaroid:nth-child(6) {
left: 68%;
top: 130px;
}

.lw-polaroid:nth-child(7) {
left: 18%;
top: 268px;
}

.lw-polaroid:nth-child(8) {
left: 53%;
top: 275px;
}

.lw-polaroid.active {
width: 215px;
}

.lw-polaroid.active .lw-polaroid-photo {
height: 140px;
}

.lw-polaroid.active .lw-polaroid-name {
font-size: 15px;
}

.lw-polaroid.active .lw-polaroid-date {
font-size: 10px;
}

.lw-polaroid-note {
font-size: 11px;
}

.lw-polaroid-meta,
.lw-open-hint {
font-size: 7px;
}

.lw-memory-footer {
font-size: 8px;
}

.lw-notes,
.lw-people-block {
padding-left: 15px;
padding-right: 15px;
}

.lw-notes-title {
font-size: 18px;
}

.lw-notes-subtitle {
font-size: 7px;
}

.lw-note-date {
font-size: 7px;
}

.lw-note-text {
font-size: 10px;
}

.lw-note-small {
font-size: 7px;
}

.lw-person {
min-width: 110px;
}

.lw-person-name {
font-size: 11px;
}

.lw-person-role {
font-size: 7px;
}

.lw-secret-content {
padding-left: 13px;
padding-right: 13px;
}

.lw-secret-note {
font-size: 10px;
}

}

/* =========================================================
КОНЕЦ STYLE
========================================================= */

</style>

</div>

<div class="lw-profile-photo-caption">
Волчок
</div>

</div>

<div class="lw-profile-name">
LIAM WOODS
</div>

<div class="lw-profile-mark">
ВОЛЧЬЕ ЛОГОВО
</div>

</div>

<div class="lw-profile-id">
familiar · black wolf · academy
</div>

<div class="lw-profile-quote">
Некоторые вещи я запоминаю потому, что хочу.
Другие — потому что забыть их уже невозможно.
</div>

<span>22 years</span>

<span>black wolf</span>

<span>familiar</span>

</div>

<div class="lw-profile-hand">
жив, цел, относительно невредим. уже неплохо.
</div>

</div>

<div class="lw-pocket-title">
Что прячется в карманах
</div>

<span>жвачка</span>

<span>наушники</span>

<span>пропуск академии</span>

<span>смятая записка</span>

<span>две конфеты</span>

<span>бумажник</span>

</div>

<div class="lw-memory-title">
MEMORIES
</div>

<div class="lw-memory-subtitle">
каждый момент — это новое начало
</div>

</div>

</div>

<div class="lw-polaroid-name">
Яблочная ферма
</div>

</div>

<div class="lw-polaroid-note">
Я навсегда запомню твоё лицо. Ты так и не рассказал, что увидел тогда и мне интересно…
</div>

<div class="lw-polaroid-meta">
Liam Woods × Audrey Young
</div>

<div class="lw-open-hint">
открыть эпизод
</div>

</div>

</div>

<div class="lw-polaroid-name">
Halloween
</div>

</div>

<div class="lw-polaroid-note">
Тогда я первый раз поцеловал Одри
и в тот же вечер мог его потерять.
</div>

<div class="lw-polaroid-meta">
Liam Woods × Audrey Young
</div>

<div class="lw-open-hint">
открыть эпизод
</div>

</div>

</div>

<div class="lw-polaroid-name">
Наша первая встреча
</div>

</div>

<div class="lw-polaroid-note">
Я до сих пор помню, как Одри кричал,
что за ним гонится волк.
Боже, а его лицо — это было нечто.
</div>

<div class="lw-polaroid-meta">
Liam Woods × Audrey Young
</div>

<div class="lw-open-hint">
открыть эпизод
</div>

</div>

</div>

<div class="lw-polaroid-name">
Старый амбар
</div>

</div>

<div class="lw-polaroid-note">
Благодаря неприятностям своего ведьмака
я тогда чуть не наложил в штаны.
Эта дверь так громко хлопнула!
</div>

<div class="lw-polaroid-meta">
Liam Woods × Audrey Young × Hanney Meadow
</div>

<div class="lw-open-hint">
открыть эпизод
</div>

</div>

</div>

<div class="lw-polaroid-name">
Мисс Выдрингтон
</div>

</div>

<div class="lw-polaroid-note">
Ты мне попадалась каждый день.
Неделю!
Так ещё и желание выиграла…
хитрожопая.
</div>

<div class="lw-polaroid-meta">
Liam Woods × Velanna Marrow
</div>

<div class="lw-open-hint">
открыть эпизод
</div>

</div>

</div>

<div class="lw-polaroid-name">
Зачет для фамильяров
</div>

</div>

<div class="lw-polaroid-note">
С Кэрол в паре ещё так не работали,
но этого кролика я запомнил надолго.
</div>

<div class="lw-polaroid-meta">
Liam Woods × Ann Caroline MacLaine
</div>

<div class="lw-open-hint">
открыть эпизод
</div>

</div>

</div>

<div class="lw-polaroid-name">
Слежка
</div>

</div>

<div class="lw-polaroid-note">
И зачем я только отправился за ним…
</div>

<div class="lw-polaroid-meta">
Liam Woods × Audrey Young
</div>

<div class="lw-open-hint">
открыть эпизод
</div>

</div>

</div>

</div>

<div class="lw-polaroid-note">
Иногда фотография говорит намного больше,
чем хотелось бы записывать словами.
</div>

<div class="lw-polaroid-meta">
character × character
</div>

<div class="lw-open-hint">
ещё один клик — открыть эпизод ↗
</div>

</div>

<div class="lw-memory-footer">
ЧЕРЕЗ НАШУ СВЯЗЬ С ДРУГИМИ МЫ МОЖЕМ ПРИКОСНУТЬСЯ К САМОМУ ПРЕКРАСНОМУ В НАС САМИХ
</div>

</div>

<div class="lw-notes-title">
FIELD NOTES
</div>

<div class="lw-notes-subtitle">
мысли, которые не заслужили отдельной страницы
</div>

</div>

<div class="lw-note-text">
С этого дня я официально ненавижу яблоки.
</div>

<div class="lw-note-small">
Исключительно черные.
</div>

</div>

<div class="lw-note-text">
Никогда не думал, что однажды буду бегать
по заповеднику за кроликом ради зачёта.
</div>

<div class="lw-note-small">
академия продолжает удивлять
</div>

</div>

<div class="lw-note-text">
Неприятности Одри меня любят и почти не доставляют мне проблем. Почти.
</div>

</div>

<div class="lw-note-text">
кофе: 3.<br>
сна: часа четыре.<br>
здравых решений: ни одного.
</div>

</div>

<div class="lw-people-title">
PEOPLE
</div>

<div class="lw-people-subtitle">
Каждая встреча - не случайность
</div>

</div>

<div class="lw-person-name">
Audrey Young
</div>

<div class="lw-person-role">
Мой ведьмак.<br>
Доставляет много проблем
</div>

</div>

<div class="lw-person-name">
Velanna Marrow
</div>

<div class="lw-person-role">
Miss Выдрингтон.<br>
Хитрожопая бестия
</div>

</div>

<div class="lw-person-name">
Ann Caroline MacLaine
</div>

<div class="lw-person-role">
Однокурсница.<br>
Коллега по забегу за кроликом
</div>

</div>

<div class="lw-person-name">
Hanney Meadow
</div>

<div class="lw-person-role">
Принимает здравые решения.<br>
Пугливая, но милая
</div>

</div>

<div class="lw-secret-hint">
Никому не показывать.
</div>

</div>

<div class="lw-secret-note">
Иногда я ищу его глазами раньше,
чем вообще успеваю понять, что делаю.
</div>

<div class="lw-secret-note">
Наверное, это просто связь фамильяра и ведьмака.
Очень удобно всё на неё списывать.
</div>

<div class="lw-secret-note">
Он со своими неприятностями меня доведет до седины.
</div>

<div class="lw-secret-note lw-secret-cross">
Я больше не думаю о том поцелуе на балу.
</div>

<div class="lw-secret-note">
Враньё.
</div>

<div class="lw-secret-final">
кажется, я влюблён
</div>

</div>

<div class="lw-blog-end">
Liam Woods · personal archive · do not touch
</div>

</div>

(function () {

/* =====================================================
ПОЛАРОИДЫ
===================================================== */

var boards = document.querySelectorAll('.lw-memory-board');

for (var b = 0; b < boards.length; b++) {

(function (board) {

var cards = board.querySelectorAll('.lw-polaroid');

function closeCards(exceptCard) {

for (var i = 0; i < cards.length; i++) {

if (cards[i] !== exceptCard) {
cards[i].classList.remove('active');
}

}

for (var i = 0; i < cards.length; i++) {

cards[i].onclick = function (event) {

event = event || window.event;

if (event.stopPropagation) {
event.stopPropagation();
} else {
event.cancelBubble = true;
}

var card = this;

/* =========================================
ВТОРОЙ КЛИК
========================================= */

if (card.classList.contains('active')) {

var link = card.getAttribute('data-link');

if (
link &&
link !== "#" &&
link !== "ССЫЛКА_НА_ЭПИЗОД"
) {

var newTab = window.open(link, '_blank');

if (newTab) {
newTab.opener = null;
}

}

return;

}

/* =========================================
ПЕРВЫЙ КЛИК
========================================= */

closeCards(card);

card.classList.add('active');

};

}

/* ===============================================
КЛИК ПО СВОБОДНОМУ МЕСТУ
=============================================== */

board.onclick = function () {
closeCards(null);
};

})(boards[b]);

}

/* =====================================================
СЕКРЕТНЫЙ БЛОК A.
===================================================== */

var secrets = document.querySelectorAll('.lw-secret');

for (var s = 0; s < secrets.length; s++) {

(function (secret) {

var button = secret.querySelector('.lw-secret-button');

if (!button) {
return;
}

button.onclick = function () {

if (secret.classList.contains('open')) {

secret.classList.remove('open');

} else {

secret.classList.add('open');

}

};

})(secrets[s]);

}

})();

</script>
[/html]

Отредактировано Liam Woods (21-09-2026 23:50:37)

+6

Поделиться221-06-2026 23:54:04

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html] <iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/41242599/track/149474885">Слушайте <a href="https://music.yandex.ru/album/41242599/track/149474885?utm_source=web&utm_medium=copy_link">Hooligan</a> — <a href="https://music.yandex.ru/artist/3942411">BTS</a> на Яндекс Музыке</iframe>[/html]

+7

Поделиться322-06-2026 01:20:17

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/41376990/track/149793038">Слушайте <a href="https://music.yandex.ru/album/41376990/track/149793038?utm_source=web&utm_medium=copy_link">I Hate Everything About You</a> — <a href="https://music.yandex.ru/artist/184100">Three Days Grace</a> на Яндекс Музыке</iframe>[/html]

+7

Поделиться422-06-2026 09:05:07

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/36669278/track/139263860">Слушайте <a href="https://music.yandex.ru/album/36669278/track/139263860?utm_source=web&utm_medium=copy_link">You Will Never Know It</a> — <a href="https://music.yandex.ru/artist/20678432">Carpetman</a> на Яндекс Музыке</iframe>[/html]

+6

Поделиться522-06-2026 12:05:54

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/41372406/track/149782940">Слушайте <a href="https://music.yandex.ru/album/41372406/track/149782940?utm_source=web&utm_medium=copy_link">RAVE</a> — <a href="https://music.yandex.ru/artist/25722341">Dxrk ???</a> на Яндекс Музыке</iframe>[/html]

+4

Поделиться622-06-2026 15:55:39

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html] <iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/34123845/track/133228464">Слушайте <a href="https://music.yandex.ru/album/34123845/track/133228464?utm_source=web&utm_medium=copy_link">Seven</a> — <a href="https://music.yandex.ru/artist/6143974">Jung Kook</a> на Яндекс Музыке</iframe>[/html]

+6

Поделиться722-06-2026 23:06:38

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/37084780/track/140159257">Слушайте <a href="https://music.yandex.ru/album/37084780/track/140159257?utm_source=web&utm_medium=copy_link">Killin' It Girl</a> — <a href="https://music.yandex.ru/artist/5074102">j-hope</a> на Яндекс Музыке</iframe>[/html]

+6

Поделиться823-06-2026 14:59:10

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/11320988/track/68341633">Слушайте <a href="https://music.yandex.ru/album/11320988/track/68341633?utm_source=web&utm_medium=copy_link">Low Rider</a> — <a href="https://music.yandex.ru/artist/29689">War</a> на Яндекс Музыке</iframe>[/html]

+4

Поделиться924-06-2026 12:57:41

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/36678122/track/139284159">Слушайте <a href="https://music.yandex.ru/album/36678122/track/139284159?utm_source=web&utm_medium=copy_link">on the street</a> — <a href="https://music.yandex.ru/artist/5074102">j-hope</a> на Яндекс Музыке</iframe>[/html]

+4

Поделиться1025-06-2026 15:38:51

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/36575587/track/139047402">Слушайте <a href="https://music.yandex.ru/album/36575587/track/139047402?utm_source=web&utm_medium=copy_link">Bad</a> — <a href="https://music.yandex.ru/artist/972">Michael Jackson</a> на Яндекс Музыке</iframe>[/html]

+4

Поделиться1125-06-2026 15:42:24

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/1099979/track/10186907">Слушайте <a href="https://music.yandex.ru/album/1099979/track/10186907?utm_source=web&utm_medium=copy_link">Death Valley</a> — <a href="https://music.yandex.ru/artist/5976">Fall Out Boy</a> на Яндекс Музыке</iframe>[/html]

+4

Поделиться1225-06-2026 15:46:29

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/1099979/track/10186905">Слушайте <a href="https://music.yandex.ru/album/1099979/track/10186905?utm_source=web&utm_medium=copy_link">Where Did The Party Go</a> — <a href="https://music.yandex.ru/artist/5976">Fall Out Boy</a> на Яндекс Музыке</iframe>[/html]

+4

Поделиться1326-06-2026 09:36:23

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/13478376/track/76354220">Слушайте <a href="https://music.yandex.ru/album/13478376/track/76354220?utm_source=web&utm_medium=copy_link">Get Lucky</a> — <a href="https://music.yandex.ru/artist/8036520">Jack Koden</a> на Яндекс Музыке</iframe>[/html]

+5

Поделиться1427-06-2026 17:34:17

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/33691089/track/132140667">Слушайте <a href="https://music.yandex.ru/album/33691089/track/132140667?utm_source=web&utm_medium=copy_link">Highway To Hell</a> — <a href="https://music.yandex.ru/artist/191175">AC/DC</a> на Яндекс Музыке</iframe>[/html]

+4

Поделиться1528-06-2026 08:16:27

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/20899295/track/12684">Слушайте <a href="https://music.yandex.ru/album/20899295/track/12684?utm_source=web&utm_medium=copy_link">Drop It Like It's Hot</a> — <a href="https://music.yandex.ru/artist/6165">Snoop Dogg</a> на Яндекс Музыке</iframe>[/html]

+3

Поделиться1629-06-2026 12:22:56

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/14870696/track/80881845">Слушайте <a href="https://music.yandex.ru/album/14870696/track/80881845?utm_source=web&utm_medium=copy_link">Zitti e buoni</a> — <a href="https://music.yandex.ru/artist/5458792">Måneskin</a> на Яндекс Музыке</iframe>[/html]

+2

Поделиться1729-06-2026 12:45:44

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

Мне сказали порадовать своего ведьмака - я в деле

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/12565298/track/71227056">Слушайте <a href="https://music.yandex.ru/album/12565298/track/71227056?utm_source=web&utm_medium=copy_link">Diamonds</a> — <a href="https://music.yandex.ru/artist/523722">Sam Smith</a> на Яндекс Музыке</iframe>[/html]

+4

Поделиться1829-06-2026 19:27:09

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/3869484/track/31127125">Слушайте <a href="https://music.yandex.ru/album/3869484/track/31127125?utm_source=web&utm_medium=copy_link">Perfect Illusion</a> — <a href="https://music.yandex.ru/artist/1438">Lady Gaga</a> на Яндекс Музыке</iframe>[/html]

+5

Поделиться1930-06-2026 23:35:04

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/22706183/track/105103893">Слушайте <a href="https://music.yandex.ru/album/22706183/track/105103893?utm_source=web&utm_medium=copy_link">Осень</a> — <a href="https://music.yandex.ru/artist/41191">Баста</a> на Яндекс Музыке</iframe>[/html]

+3

Поделиться2002-07-2026 23:42:20

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/489747/track/4317243">Слушайте <a href="https://music.yandex.ru/album/489747/track/4317243?utm_source=web&utm_medium=copy_link">Booty Swing</a> — <a href="https://music.yandex.ru/artist/55368">Parov Stelar</a> на Яндекс Музыке</iframe>[/html]

+5

Поделиться2103-07-2026 00:46:16

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html] <iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/2870312/track/34637">Слушайте <a href="https://music.yandex.ru/album/2870312/track/34637?utm_source=web&utm_medium=copy_link">Rollin' (Air Raid Vehicle)</a> — <a href="https://music.yandex.ru/artist/9278">Limp Bizkit</a> на Яндекс Музыке</iframe>[/html]

+5

Поделиться2206-07-2026 15:06:49

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/527029/track/4713130">Слушайте <a href="https://music.yandex.ru/album/527029/track/4713130?utm_source=web&utm_medium=copy_link">Smooth</a> — <a href="https://music.yandex.ru/artist/24432">Rob Thomas</a> на Яндекс Музыке</iframe>[/html]

Отредактировано Liam Woods (06-07-2026 16:22:47)

+5

Поделиться2307-07-2026 15:02:51

Автор: Liam Woods
волчок black бочок
Лиам Вудс, 22

Мой вредный характер
Сообщений: 2178
Уважение: +3655
Деньги: 1050
Игровые посты: 0
Последний визит:
Вчера 22:44:45

[html]<iframe frameborder="0" allow="clipboard-write" style="border:none;width:100%;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/5568144/track/42222701">Слушайте <a href="https://music.yandex.ru/album/5568144/track/42222701?utm_source=web&utm_medium=copy_link">Monster</a> — <a href="https://music.yandex.ru/artist/3142907">Flawless Real Talk</a> на Яндекс Музыке</iframe>[/html]