кинопросмотр

Поделиться12025-09-27 21:35:49

Автор: admin
Администратор
лира бронсон, 20 куратор команды флипкак же болит душа, если б ты только знал, с тех пор как
ты ушел
твой номер не отвечал
Сообщений: 109
Уважение: +0
Валюта: 1000

[hideprofile]

[html]<div id="oform-box">
<div class="zagl-box"><zagl>

кинопросмотр: выбираем фильм

</zagl></div><div class="txt-box">

бла бла бла

</div></div>[/html]

[html]<div class="wrapper">
<div class="card">
<div class="poster">
<img src="https://avatars.mds.yandex.net/get-mpic/4080967/2a00000190761aa06d967ca123a3437978d0/orig"></div>
<div class="details">
<f-h1>Фокус-Покус</f-h1>
<f-h2>1993 • PG (6+) • 1ч 36мин</f-h2>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fa-solid fa-star-sharp-half-stroke"></i>
<i class="far fa-star"></i>
<span>7.2/10</span>
</div>
<div class="tags">
<span class="tag">фэнтези</span>
<span class="tag">комедия</span>
<span class="tag">семейный</span>
</div>
<p class="desc">
Согласно легенде, если девственница в ночь на Хэллоуин зажжёт свечу в доме сестёр Сандерсон, то ведьмы встанут из могилы и съедят всех детей в городе, чтобы самим стать вечно молодыми. Поскольку коварным сестрицам суждено воскреснуть через 300 лет после казни за колдовство, им придется привыкать к современным нравам.
</p>

</div>
</div>
<div class="card">
<div class="poster">
<img src="https://avatars.mds.yandex.net/get-mpic/4080967/2a00000190761aa06d967ca123a3437978d0/orig"></div>
<div class="details">
<f-h1>Фокус-Покус</f-h1>
<f-h2>1993 • PG (6+) • 1ч 36мин</f-h2>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fa-solid fa-star-sharp-half-stroke"></i>
<i class="far fa-star"></i>
<span>7.2/10</span>
</div>
<div class="tags">
<span class="tag">фэнтези</span>
<span class="tag">комедия</span>
<span class="tag">семейный</span>
</div>
<p class="desc">
Согласно легенде, если девственница в ночь на Хэллоуин зажжёт свечу в доме сестёр Сандерсон, то ведьмы встанут из могилы и съедят всех детей в городе, чтобы самим стать вечно молодыми. Поскольку коварным сестрицам суждено воскреснуть через 300 лет после казни за колдовство, им придется привыкать к современным нравам.
</p>

</div>
</div>
<div class="card">
<div class="poster">
<img src="https://avatars.mds.yandex.net/get-mpic/4080967/2a00000190761aa06d967ca123a3437978d0/orig"></div>
<div class="details">
<f-h1>Фокус-Покус</f-h1>
<f-h2>1993 • PG (6+) • 1ч 36мин</f-h2>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fa-solid fa-star-sharp-half-stroke"></i>
<i class="far fa-star"></i>
<span>7.2/10</span>
</div>
<div class="tags">
<span class="tag">фэнтези</span>
<span class="tag">комедия</span>
<span class="tag">семейный</span>
</div>
<p class="desc">
Согласно легенде, если девственница в ночь на Хэллоуин зажжёт свечу в доме сестёр Сандерсон, то ведьмы встанут из могилы и съедят всех детей в городе, чтобы самим стать вечно молодыми. Поскольку коварным сестрицам суждено воскреснуть через 300 лет после казни за колдовство, им придется привыкать к современным нравам.
</p>

</div>
</div>

</div>

<style>

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

</style>
[/html]

0

Поделиться22025-11-26 09:21:01

Автор: admin
Администратор
лира бронсон, 20 куратор команды флипкак же болит душа, если б ты только знал, с тех пор как
ты ушел
твой номер не отвечал
Сообщений: 109
Уважение: +0
Валюта: 1000

[html]
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Игра на память</title>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #fafafa;
}

.game-container {
width: 60%;
max-width: 600px;
margin: auto;
text-align: center;
}

h1 {
color: #333;
}

button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}

button.start-game {
background-color: #4CAF50;
color: white;
border: none;
}

button.start-game:hover {
background-color: #45a049;
}

.cards-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 10px;
margin-top: 20px;
}

.card {
position: relative;
width: 100px;
height: 100px;
transform-style: preserve-3d;
perspective: 1000px;
transition: transform 0.6s;
}

.front-face,
.back-face {
position: absolute;
backface-visibility: hidden;
width: 100%;
height: 100%;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
user-select: none;
}

.front-face {
background-color: #fff;
line-height: 100px;
font-size: 48px;
color: #333;
}

.back-face {
transform: rotateY(180deg);
background-image: linear-gradient(to bottom right, #ffb703, #ffc75f);
line-height: 100px;
font-size: 48px;
color: #fff;
}

.card.flipped {
transform: rotateY(180deg);
}

/* Добавьте сюда дополнительные стили, если хотите изменить внешний вид */
</style>
</head>
<body>
<div class="game-container">
<h1>Игра на память</h1>
<button id="startGameBtn" class="start-game">Начать игру</button>
<div id="cardsContainer" class="cards-container"></div>
</div>

let flippedCard = null;
let lockBoard = false;
let firstCard, secondCard;

// Перемешиваем карточки случайным образом
function shuffle(array) {
let currentIndex = array.length, randomIndex;

while (currentIndex != 0) {
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex--;

// Меняем местами элементы массива
[array[currentIndex], array[randomIndex]] = [
array[randomIndex], array[currentIndex]
];
}
}

// Создаем игровое поле
function createCards() {
const container = document.getElementById('cardsContainer');
container.innerHTML = '';

// Дублируем массив для второй половины карточек
const duplicatedCards = [...cards, ...cards];
shuffle(duplicatedCards); // перемешиваем

duplicatedCards.forEach(card => {
const cardDiv = document.createElement('div');
cardDiv.classList.add('card');
cardDiv.dataset.name = card.name;

const frontFace = document.createElement('div');
frontFace.classList.add('front-face');
frontFace.textContent = '?';

const backFace = document.createElement('div');
backFace.classList.add('back-face');
backFace.textContent = card.name;

cardDiv.appendChild(frontFace);
cardDiv.appendChild(backFace);

cardDiv.addEventListener('click', flipCard);
container.appendChild(cardDiv);
});
}

// Переворот карты
function flipCard() {
if(lockBoard || this === flippedCard) return;

this.classList.toggle('flipped');

if(!firstCard) {
firstCard = this;
flippedCard = this;
return;
}

secondCard = this;

checkForMatch();
}

// Проверка совпадения карт
function checkForMatch() {
let isMatch = firstCard.dataset.name === secondCard.dataset.name;

isMatch ? disableCards() : unflipCards();
}

// Закрепляем перевернутые карты, если совпадают
function disableCards() {
firstCard.removeEventListener('click', flipCard);
secondCard.removeEventListener('click', flipCard);

resetBoard();
}

// Возвращаем обратно непарные карты
function unflipCards() {
lockBoard = true;

setTimeout(() => {
firstCard.classList.remove('flipped');
secondCard.classList.remove('flipped');

resetBoard();
}, 1500);
}

// Обнуление состояния игры
function resetBoard() {
[firstCard, secondCard, flippedCard] = [null, null, null];
lockBoard = false;
}

// Стартовая кнопка
document.getElementById('startGameBtn').addEventListener('click', () => {
createCards(); // создаем игровое поле
});

createCards(); // начальное создание поля
</script>
</body>
[/html]

0

Поделиться32025-11-29 17:21:39

Автор: admin
Администратор
лира бронсон, 20 куратор команды флипкак же болит душа, если б ты только знал, с тех пор как
ты ушел
твой номер не отвечал
Сообщений: 109
Уважение: +0
Валюта: 1000

0

test

Меню навигации

Пользовательские ссылки

Информация о пользователе

кинопросмотр

Сообщений 1 страница 3 из 3

Поделиться12025-09-27 21:35:49

Поделиться22025-11-26 09:21:01

Поделиться32025-11-29 17:21:39