<?xml version="1.0" encoding="windows-1251"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<atom:link href="https://dusttodusttwo.rusff.me/export.php?type=rss" rel="self" type="application/rss+xml" />
		<title>dust ultimate two</title>
		<link>https://dusttodusttwo.rusff.me/</link>
		<description>dust ultimate two</description>
		<language>ru-ru</language>
		<lastBuildDate>Thu, 18 Jun 2026 21:41:15 +0300</lastBuildDate>
		<generator>MyBB/mybb.ru</generator>
		<item>
			<title>адвент 2</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=355#p355</link>
			<description>&lt;p&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/645947.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/645947.gif&quot; /&gt;&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/404245.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/404245.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/675483.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/675483.gif&quot; /&gt;&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/99298.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/99298.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/150701.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/150701.gif&quot; /&gt;&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/635156.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/635156.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/43209.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/43209.gif&quot; /&gt;&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/389879.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/389879.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/266574.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/266574.gif&quot; /&gt;&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/542895.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/542895.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/972341.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/972341.gif&quot; /&gt;&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/772760.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/772760.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/412875.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/412875.gif&quot; /&gt;&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/932154.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/932154.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/965076.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/965076.gif&quot; /&gt;&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/905618.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/905618.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/493179.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/493179.gif&quot; /&gt;&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/408813.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/408813.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/400629.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/400629.gif&quot; /&gt;&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/916212.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/916212.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001b/bd/26/2/546459.gif&quot; alt=&quot;https://upforme.ru/uploads/001b/bd/26/2/546459.gif&quot; /&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Thu, 18 Jun 2026 21:41:15 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=355#p355</guid>
		</item>
		<item>
			<title>адвент</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=353#p353</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;
    &amp;lt;style&amp;gt;
        .advent-calendar {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            font-family: Arial, sans-serif;
        }

        .calendar-cell {
            position: relative;
            aspect-ratio: 1;
            border: 2px solid #efefef;
            border-radius: 10px;
            /*background: linear-gradient(90deg, #21985e 0%, #ffffff 99%, #ffffff 49%);*/
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 1.5em;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .cell-content {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            padding: 10px;
            box-sizing: border-box;
            text-align: center;
            word-wrap: break-word;
            overflow: hidden;   
            font-size: 12px;
            background: #efefef;
        }

        /* Стили для закрытых ячеек */
        .closed .cell-content {
            background-image: url(https://upforme.ru/uploads/0010/a8/ca/7506/19647.png);
            font-size: 1.2em;
            color: transparent;
        }

        /* Стили для открытых ячеек */
        .opened .cell-content {
            background: white;
            color: #333;
            font-size: 12px;
            font-weight: normal;
            line-height: 1.3;
            overflow-y: auto;
            flex-direction: column;
            gap: 5px;
        }

       .opened .cell-content a {
            color: #27ae60;
            text-decoration: none;
            font-weight: bold;
            padding: 3px 8px;
            border: 1px solid #27ae60;
            border-radius: 5px;
            background: white;
            transition: all 0.3s ease;
            font-size: 0.8em;
            text-transform: uppercase;
        }

        .opened .cell-content a:hover {
            background: white;
            border: 1px solid black;
            color: black;
        }

        /* Стили для завершенных ячеек */
        .completed .cell-content {
            /*background-size: cover;*/
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
        }
    
      .completed .cell-date {
            display: none;
        }

        .completed .cell-content::after {
            content: attr(title);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: rgba(0, 0, 0, 0.7); */
    color: black;
    padding: 5px;
    font-size: 10px;
    text-align: center;
    font-weight: normal;
            text-align: center;
        }

        .cell-number {
            position: absolute;
            top: 5px;
            right: 5px;
            color: black;
            padding: 2px 8px;
            border-radius: 50%;
            font-size: 0.8em;
            z-index: 2;
        }

        .cell-date {
            position: absolute;
            bottom: 5px;
            left: 5px;
            background: rgba(0,0,0,0.6);
            color: white;
            padding: 2px 6px;
            border-radius: 5px;
            font-size: 0.6em;
            z-index: 2;
        }

        /* Индикатор статуса */
        .status-indicator {
            position: absolute;
            top: 5px;
            left: 5px;
            padding: 2px 6px;
            border-radius: 10px;
            font-size: 0.6em;
            background: rgba(0,0,0,0.7);
            text-transform: uppercase;
            color: white;
            z-index: 2;
        }

        .closed .status-indicator { 
            background: #bc1131; 
        }
        .opened .status-indicator { 
            background: #f39c12; 
        }
        .completed .status-indicator { 
            background: #27ae60; 
        }

        @media (max-width: 768px) {
            .advent-calendar {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .opened .cell-content {
                font-size: 0.75em;
            }
        }

        @media (max-width: 480px) {
            .advent-calendar {
                grid-template-columns: 1fr;
            }
        }
    &amp;lt;/style&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
    &amp;lt;div class=&amp;quot;advent-calendar&amp;quot; id=&amp;quot;adventCalendar&amp;quot;&amp;gt;
        &amp;lt;!-- Ячейки будут созданы через JavaScript --&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;script&amp;gt;
        // Данные для адвент-календаря
        const calendarData = {
            completed: [
[&#039;1&#039;,&#039;https://i.imgur.com/TTKMSyE.png&#039;,&#039;50 фишек тотемов&#039;],
[&#039;2&#039;,&#039;https://i.imgur.com/rHIceK0.png&#039;,&#039;аватар в подарок&#039;],
[&#039;3&#039;,&#039;https://i.imgur.com/DX69oiJ.png&#039;,&#039;случайный необычный купон&#039;],
[&#039;4&#039;,&#039;https://i.imgur.com/ZBpk6Xr.png&#039;,&#039;25 000 сакр&#039;],
[&#039;5&#039;,&#039;https://i.imgur.com/7i7mtQD.png&#039;,&#039;случайный ключ&#039;],
[&#039;6&#039;,&#039;https://i.imgur.com/7hKbPsS.png&#039;,&#039;подарок в профиль&#039;],
[&#039;7&#039;,&#039;https://i.imgur.com/Fj9vd6p.png&#039;,&#039;специальная плашка&#039;],
[&#039;8&#039;,&#039;https://i.imgur.com/TTKMSyE.png&#039;,&#039;50 фишек тотемов&#039;],
[&#039;9&#039;,&#039;https://i.imgur.com/cCpA6TY.png&#039;,&#039;тотем воин&#039;],
[&#039;10&#039;,&#039;https://i.imgur.com/ZBpk6Xr.png&#039;,&#039;50 000 сакр&#039;],
[&#039;11&#039;,&#039;https://i.imgur.com/WPzCJ12.png&#039;,&#039;случайный редкий купон&#039;],
[&#039;12&#039;,&#039;https://i.imgur.com/oJgatHn.png&#039;,&#039;тотем люцифер&#039;],
[&#039;13&#039;,&#039;https://i.imgur.com/TaHIWuO.png&#039;,&#039;иконка в подарок&#039;],
[&#039;14&#039;,&#039;https://i.imgur.com/Nhmg1eG.png&#039;,&#039;подарок в профиль&#039;],
[&#039;15&#039;,&#039;https://i.imgur.com/TTKMSyE.png&#039;,&#039;50 фишек тотемов&#039;],
[&#039;16&#039;,&#039;https://i.imgur.com/rHIceK0.png&#039;,&#039;аватар в подарок&#039;],
[&#039;17&#039;,&#039;https://i.imgur.com/7i7mtQD.png&#039;,&#039;случайный ключ&#039;],
[&#039;18&#039;,&#039;https://i.imgur.com/WFDkjhG.png&#039;,&#039;тотем золотой воин&#039;],
[&#039;19&#039;,&#039;https://i.imgur.com/7i7mtQD.png&#039;,&#039;случайный ключ&#039;],
[&#039;20&#039;,&#039;https://i.imgur.com/PD4qXI6.png&#039;,&#039;случайный эпический купон&#039;],
[&#039;21&#039;,&#039;https://i.imgur.com/TaHIWuO.png&#039;,&#039;иконка в подарок&#039;],
[&#039;22&#039;,&#039;https://i.imgur.com/IF3GSet.png&#039;,&#039;подарок в профиль&#039;],
[&#039;23&#039;,&#039;https://i.imgur.com/ZBpk6Xr.png&#039;,&#039;100 000 сакр&#039;],
[&#039;24&#039;,&#039;https://i.imgur.com/svt1U8O.png&#039;,&#039;тотем викинг&#039;],
[&#039;25&#039;,&#039;https://i.imgur.com/TTKMSyE.png&#039;,&#039;50 фишек тотемов&#039;],
[&#039;26&#039;,&#039;https://i.imgur.com/Fj9vd6p.png&#039;,&#039;специальная плашка&#039;],
[&#039;27&#039;,&#039;https://i.imgur.com/7i7mtQD.png&#039;,&#039;универсальный ключ&#039;],
[&#039;28&#039;,&#039;https://i.imgur.com/ZBpk6Xr.png&#039;,&#039;150 000 сакр&#039;],
[&#039;29&#039;,&#039;https://i.imgur.com/TaHIWuO.png&#039;,&#039;иконка в подарок&#039;],
[&#039;30&#039;,&#039;https://i.imgur.com/PD4qXI6.png&#039;,&#039;случайный эпический купон&#039;],
[&#039;31&#039;,&#039;https://i.imgur.com/ZBpk6Xr.png&#039;,&#039;200 000 сакр&#039;],
            ],
            opened: [
                [&#039;1&#039;, &#039;поздравить сакру с др в теме&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50878#p5167068&#039; ],
[&#039;2&#039;, &#039;отметиться в онлайне&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50521&#039; ],
[&#039;3&#039;, &#039;выложить вечериночный пост в инстаграм&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50110&#039; ],
[&#039;4&#039;, &#039;отметиться в я люблю тебя (100 символов)&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50527&#039; ],
[&#039;5&#039;, &#039;поставить 10 плюсов&#039;, &#039;&#039; ],
[&#039;6&#039;, &#039;отметиться в смайломании&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=49683&#039; ],
[&#039;7&#039;, &#039;отметиться в топотыке&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50548&#039; ],
[&#039;8&#039;, &#039;выложить летнюю фотку в инсту&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50110&#039; ],
[&#039;9&#039;, &#039;отметиться в бутылочке&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50618&#039; ],
[&#039;10&#039;, &#039;оставить соо в клубах по интересам&#039;, &#039;https://sacramento.rusff.me/viewforum.php?id=105&#039; ],
[&#039;11&#039;, &#039;выложить мем в тему адвента&#039;, &#039;&#039; ],
[&#039;12&#039;, &#039;принести рандомное заполненное бинго&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50086&#039; ],
[&#039;13&#039;, &#039;оставить 10 сообщений в игротеке&#039;, &#039;https://sacramento.rusff.me/viewforum.php?id=30&#039; ],
[&#039;14&#039;, &#039;отметиться в теме адвента&#039;, &#039;&#039; ],
[&#039;15&#039;, &#039;отметиться в онлайне&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50521&#039; ],
[&#039;16&#039;, &#039;оставить осмысленную мысль в мыслях&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50855&#039; ],
[&#039;17&#039;, &#039;отметиться в плюсомании&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50574&#039; ],
[&#039;18&#039;, &#039;выложить трек дня в колонки&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50049&#039; ],
[&#039;19&#039;, &#039;выложить фотку любимого летнего блюда в foodporn&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=20361&#039; ],
[&#039;20&#039;, &#039;рассказать что по погоде&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=45093&#039; ],
[&#039;21&#039;, &#039;написать доброе пожелание в теме адвента&#039;, &#039;&#039; ],
[&#039;22&#039;, &#039;играем в слова прямо в теме адвента! я начну: слово &amp;quot;праздник&amp;quot; - первому в теме на &amp;quot;к&amp;quot; и так далее друг за другом&#039;, &#039;&#039; ],
[&#039;23&#039;, &#039;отметиться в топотыке&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50548&#039; ],
[&#039;24&#039;, &#039;рассказать про планы на лето в теме адвента&#039;, &#039;&#039; ],
[&#039;25&#039;, &#039;написать летний факт о себе&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=49501&#039; ],
[&#039;26&#039;, &#039;поставить 10 плюсов&#039;, &#039;&#039; ],
[&#039;27&#039;, &#039;отметиться в онлайне&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50521&#039; ],
[&#039;28&#039;, &#039;написать рандомный факт о персонаже&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50276&#039; ],
[&#039;29&#039;, &#039;выложить подборку&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50112#p5069518&#039; ],
[&#039;30&#039;, &#039;отметиться в топотыке&#039;, &#039;https://sacramento.rusff.me/viewtopic.php?id=50548&#039; ],
[&#039;31&#039;, &#039;отметиться в теме адвента&#039;, &#039;&#039; ],
            ]
        };

        // Настройка дат: 1 ячейка = 13 июня 2026
        const START_DATE = new Date(2026, 5, 13); // 13 июня 2026 (месяц 5 = июнь)
        
        // Функция для получения статуса ячейки на основе даты
        function getCellStatusByDate(cellIndex) {
            const now = new Date();
            const currentDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
            
            // Вычисляем дату для этой ячейки (индекс начинается с 1)
            const cellDate = new Date(START_DATE);
            cellDate.setDate(START_DATE.getDate() + (cellIndex - 1));
            const cellDateOnly = new Date(cellDate.getFullYear(), cellDate.getMonth(), cellDate.getDate());
            
            // Вычисляем дату следующего дня (когда ячейка становится completed)
            const nextDayDate = new Date(cellDateOnly);
            nextDayDate.setDate(cellDateOnly.getDate() + 1);
            
            // Определяем статус
            if (currentDate &amp;gt;= nextDayDate) {
                return &#039;completed&#039;;
            } else if (currentDate &amp;gt;= cellDateOnly) {
                return &#039;opened&#039;;
            } else {
                return &#039;closed&#039;;
            }
        }
        
        // Функция для форматирования даты
        function formatDate(date) {
            const months = [&#039;янв&#039;, &#039;фев&#039;, &#039;мар&#039;, &#039;апр&#039;, &#039;май&#039;, &#039;июн&#039;, &#039;июл&#039;, &#039;авг&#039;, &#039;сен&#039;, &#039;окт&#039;, &#039;ноя&#039;, &#039;дек&#039;];
            return `${date.getDate()} ${months[date.getMonth()]}`;
        }
        
        // Функция для обновления статуса одной ячейки
        function updateCellStatus(cellElement, cellId, newStatus) {
            const oldStatus = cellElement.className.split(&#039; &#039;)[1];
            if (oldStatus === newStatus) return;
            
            // Обновляем класс
            cellElement.className = `calendar-cell ${newStatus}`;
            
            // Обновляем содержимое
            const content = cellElement.querySelector(&#039;.cell-content&#039;);
            const statusIndicator = cellElement.querySelector(&#039;.status-indicator&#039;);
            
            // Очищаем содержимое
            content.innerHTML = &#039;&#039;;
            
            if (newStatus === &#039;closed&#039;) {
                content.textContent = cellId;
                statusIndicator.textContent = &#039;Закрыто&#039;;
            } else if (newStatus === &#039;opened&#039;) {
                const taskData = calendarData.opened.find(item =&amp;gt; item[0] === cellId);
                if (taskData) {
                    const taskText = document.createElement(&#039;span&#039;);
                    taskText.textContent = taskData[1];
                    content.appendChild(taskText);
                    
                    if (taskData[2]) {
                        const link = document.createElement(&#039;a&#039;);
                        link.href = taskData[2];
                        link.target = &#039;_blank&#039;;
                        link.textContent = &#039;Перейти &amp;#8594;&#039;;
                        content.appendChild(link);
                    }
                } else {
                    content.textContent = &#039;Задание не найдено&#039;;
                }
                statusIndicator.textContent = &#039;Открыто&#039;;
            } else if (newStatus === &#039;completed&#039;) {
                const completedItem = calendarData.completed.find(item =&amp;gt; item[0] === cellId);
                if (completedItem) {
                    content.style.backgroundImage = `url(&#039;${completedItem[1]}&#039;)`;
                    content.setAttribute(&#039;title&#039;, completedItem[2]);
                    content.textContent = &#039;&#039;;
                }
                statusIndicator.textContent = &#039;Выполнено&#039;;
            }
            
            // Сохраняем статус в localStorage
            saveCellStatus(cellId, newStatus);
        }
        
        // Сохранение статуса ячейки
        function saveCellStatus(cellId, status) {
            let savedStatuses = localStorage.getItem(&#039;adventCalendarStatuses&#039;);
            savedStatuses = savedStatuses ? JSON.parse(savedStatuses) : {};
            savedStatuses[cellId] = status;
            localStorage.setItem(&#039;adventCalendarStatuses&#039;, JSON.stringify(savedStatuses));
        }
        
        // Загрузка сохраненных статусов
        function loadSavedStatus(cellId) {
            const savedStatuses = localStorage.getItem(&#039;adventCalendarStatuses&#039;);
            if (savedStatuses) {
                const statuses = JSON.parse(savedStatuses);
                return statuses[cellId] || null;
            }
            return null;
        }
        
        // Проверка и обновление всех ячеек
        function updateAllCells() {
            for (let i = 1; i &amp;lt;= 31; i++) {
                const cell = document.querySelector(`.calendar-cell[data-id=&#039;${i}&#039;]`);
                if (cell) {
                    const calculatedStatus = getCellStatusByDate(i);
                    const savedStatus = loadSavedStatus(i);
                    
                    // Используем сохраненный статус, если он есть (чтобы не перезаписывать completed)
                    let finalStatus = calculatedStatus;
                    if (savedStatus === &#039;completed&#039; &amp;amp;&amp;amp; calculatedStatus !== &#039;completed&#039;) {
                        // Если пользователь вручную отметил как выполненное, сохраняем этот статус
                        finalStatus = &#039;completed&#039;;
                    } else if (savedStatus === &#039;opened&#039; &amp;amp;&amp;amp; calculatedStatus === &#039;closed&#039;) {
                        finalStatus = &#039;opened&#039;;
                    } else {
                        finalStatus = calculatedStatus;
                    }
                    
                    updateCellStatus(cell, i.toString(), finalStatus);
                }
            }
        }
        
        // Функция для создания календаря
        function createCalendar() {
            const calendar = document.getElementById(&#039;adventCalendar&#039;);
            calendar.innerHTML = &#039;&#039;;
            
            for (let i = 1; i &amp;lt;= 31; i++) {
                const cell = document.createElement(&#039;div&#039;);
                cell.className = &#039;calendar-cell&#039;;
                cell.dataset.id = i.toString();
                
                // Вычисляем дату для этой ячейки
                const cellDate = new Date(START_DATE);
                cellDate.setDate(START_DATE.getDate() + (i - 1));
                
                const content = document.createElement(&#039;div&#039;);
                content.className = &#039;cell-content&#039;;
                
                const number = document.createElement(&#039;div&#039;);
                number.className = &#039;cell-number&#039;;
                number.textContent = i;
                
                const dateElement = document.createElement(&#039;div&#039;);
                dateElement.className = &#039;cell-date&#039;;
                dateElement.textContent = formatDate(cellDate);
                
                const status = document.createElement(&#039;div&#039;);
                status.className = &#039;status-indicator&#039;;
                
                // Определяем начальный статус
                let cellStatus = getCellStatusByDate(i);
                const savedStatus = loadSavedStatus(i.toString());
                
                // Применяем сохраненный статус, если он есть и не противоречит логике
                if (savedStatus === &#039;completed&#039;) {
                    cellStatus = &#039;completed&#039;;
                } else if (savedStatus === &#039;opened&#039; &amp;amp;&amp;amp; cellStatus === &#039;closed&#039;) {
                    cellStatus = &#039;opened&#039;;
                }
                
                // Устанавливаем класс
                cell.classList.add(cellStatus);
                
                // Заполняем контент
                if (cellStatus === &#039;closed&#039;) {
                    content.textContent = i;
                    status.textContent = &#039;Закрыто&#039;;
                } else if (cellStatus === &#039;opened&#039;) {
                    const taskData = calendarData.opened.find(item =&amp;gt; item[0] === i.toString());
                    if (taskData) {
                        const taskText = document.createElement(&#039;span&#039;);
                        taskText.textContent = taskData[1];
                        content.appendChild(taskText);
                        
                        if (taskData[2]) {
                            const link = document.createElement(&#039;a&#039;);
                            link.href = taskData[2];
                            link.target = &#039;_blank&#039;;
                            link.textContent = &#039;Перейти &amp;#8594;&#039;;
                            content.appendChild(link);
                        }
                    } else {
                        content.textContent = &#039;Задание не найдено&#039;;
                    }
                    status.textContent = &#039;Открыто&#039;;
                } else if (cellStatus === &#039;completed&#039;) {
                    const completedItem = calendarData.completed.find(item =&amp;gt; item[0] === i.toString());
                    if (completedItem) {
                        content.style.backgroundImage = `url(&#039;${completedItem[1]}&#039;)`;
                        content.setAttribute(&#039;title&#039;, completedItem[2]);
                        content.textContent = &#039;&#039;;
                    }
                    status.textContent = &#039;Выполнено&#039;;
                }
                
                cell.appendChild(content);
                cell.appendChild(number);
                cell.appendChild(dateElement);
                cell.appendChild(status);
                
                // Добавляем обработчик клика для ручного завершения задания
                if (cellStatus === &#039;opened&#039;) {
                    cell.style.cursor = &#039;pointer&#039;;
                    cell.addEventListener(&#039;click&#039;, () =&amp;gt; {
                        if (confirm(&#039;Отметить задание как выполненное?&#039;)) {
                            updateCellStatus(cell, i.toString(), &#039;completed&#039;);
                        }
                    });
                }
                
                calendar.appendChild(cell);
            }
        }
        
        // Запускаем проверку статусов каждую минуту
        function startAutoUpdate() {
            // Проверяем каждую минуту
            setInterval(() =&amp;gt; {
                updateAllCells();
            }, 60000);
            
            // Дополнительная проверка в полночь (каждый час)
            setInterval(() =&amp;gt; {
                const now = new Date();
                if (now.getHours() === 0 &amp;amp;&amp;amp; now.getMinutes() === 0) {
                    updateAllCells();
                }
            }, 60000);
        }
        
        // Инициализация при загрузке
        document.addEventListener(&#039;DOMContentLoaded&#039;, () =&amp;gt; {
            createCalendar();
            startAutoUpdate();
            
            // Выводим информацию в консоль для отладки
            console.log(&#039;Календарь создан. Первая ячейка (№1) откроется:&#039;, new Date(START_DATE).toLocaleDateString(&#039;ru-RU&#039;));
            console.log(&#039;Текущая дата:&#039;, new Date().toLocaleDateString(&#039;ru-RU&#039;));
        });
    &amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Wed, 10 Jun 2026 21:43:31 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=353#p353</guid>
		</item>
		<item>
			<title>SCA</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=352#p352</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;
    &amp;lt;style&amp;gt;
        /* Общие сбросы */

        /* Главный контейнер */
        .sca2026-container {
            max-width: 700px;
            width: 100%;
            position: relative;
            margin: 0 auto;
        }

        /* Текст SACRAMENTO (фоновый, позади основного блока со смещением вверх) */
        .sca2026-background-text {
            font-size: 120px;
    font-family: var(--main-font);
    font-weight: 900;
    /* color: rgba(255, 255, 255, 0.15); */
    color: var(--primary-text-color);
    text-transform: uppercase;
    letter-spacing: 15px;
    text-align: center;
    margin: auto;
    position: relative;
    top: 50px;
    left: 6px;
    /* margin-top: 10px; */
    z-index: 1;
    pointer-events: none;
    white-space: nowrap;
    opacity: .8;
        }

        /* Основной блок с наполнением (поверх фонового текста) */
        .sca2026-main-content {
                background: var(--primary-background-color);
    border-radius: 10px;
    padding: 10px;
    box-shadow: 3px 3px 0px var(--third-background-color);
    position: relative;
    z-index: 2;
    margin-top: -30px;
    width: 550px;
    margin: auto;
    border: 1px solid var(--primary-border-color);5px);
            margin-top: -30px;
        }

        /* Заголовок номинации по центру */
        .sca2026-nomination-title {
            text-align: center;
    padding-bottom: 5px!important;
    border-bottom: 1px dashed var(--additional-border-color);
    text-transform: uppercase;
    font-weight: bolder;
    font-family: var(--main-font);
        }

        .sca2026-nomination-title h2 {
            font-size: 36px;
            color: #333;
            text-transform: uppercase;
            letter-spacing: 3px;
        }

        .sca2026-nomination-title p {
            color: var(--third-background-color);
            margin-top: 10px;
            font-size: 32px;
            padding: 5px!important;
        }

        /* Трёхколоночная структура */
        .sca2026-nomination-details {
            display: flex;
            gap: 30px;
            align-items: stretch;
            flex-wrap: wrap;
        }

        /* Левый блок - год номинации с изображением */
        .sca2026-left-block {
            flex: 1;
            min-width: 50px;
            padding: 5px;
            text-align: center;
            transition: transform 0.3s ease;
        }

        .sca2026-left-block:hover {
            transform: translateY(-5px);
        }

        .sca2026-year-image {
            width: 100%;
            max-width: 180px;
            height: auto;
            margin-bottom: 15px;
            border-radius: 10px;
        }

        .sca2026-year-placeholder {
            width: 100%;
            max-width: 180px;
            margin: 0 auto 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
        }

        .sca2026-left-block h3 {
            color: car(--primary-text-color);
            font-size: 28px;
            margin-top: 10px;
        }

        /* Центральный блок - название номинации */
        .sca2026-center-block {
            flex: 2;
            min-width: 50px;
            padding: 10px;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: transform 0.3s ease;
        }

        .sca2026-center-block:hover {
            transform: translateY(-5px);
        }

        .sca2026-center-block h1 {
            color: var(--primary-text-color);
            font-size: 32px;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 15px;
        }

        .sca2026-center-block .sca2026-nomination-desc {
            color: rgba(255, 255, 255, 0.9);
            font-size: 16px;
        }

        /* Правый блок - название номинации и год */
        .sca2026-right-block {
            flex: 1;
            min-width: 50px;
            padding: 5px;
            text-align: center;
            transition: transform 0.3s ease;
        }

        .sca2026-right-block:hover {
            transform: translateY(-5px);
        }

        .sca2026-right-block h4 {
            color: var(--primary-text-color);
            font-size: 18px;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        .sca2026-nomination-name {
            font-size: 20px;
            font-weight: bold;
            color: var(--third-background-color);
            margin: 15px 0;
        }

        .sca2026-nomination-year {
            font-size: 24px;
            color: #764ba2;
            font-weight: bold;
            margin-top: 15px;
            padding-top: 15px;
            border-top: 2px solid #e0e0e0;
        }

        /* Адаптивность */
        @media (max-width: 768px) {
            .sca2026-background-text {
                font-size: 50px;
                top: 30px;
                white-space: normal;
                letter-spacing: 5px;
            }
            
            .sca2026-main-content {
                padding: 20px;
                margin-top: -15px;
            }
            
            .sca2026-nomination-details {
                flex-direction: column;
            }
            
            .sca2026-center-block h1 {
                font-size: 24px;
            }
            
            .sca2026-nomination-title h2 {
                font-size: 24px;
            }
        }
    &amp;lt;/style&amp;gt;

    &amp;lt;div class=&amp;quot;sca2026-container&amp;quot;&amp;gt;
        &amp;lt;!-- Текст SACRAMENTO позади основного блока со смещением вверх --&amp;gt;
        &amp;lt;div class=&amp;quot;sca2026-background-text&amp;quot;&amp;gt;
            SACRAMENTO
        &amp;lt;/div&amp;gt;
        
        &amp;lt;!-- Основной блок с наполнением --&amp;gt;
        &amp;lt;div class=&amp;quot;sca2026-main-content&amp;quot;&amp;gt;
            &amp;lt;!-- Блок под название номинации по центру --&amp;gt;
            
            
            &amp;lt;!-- Три колонки: левая (год + изображение), центральная (номинация), правая (название + год) --&amp;gt;
            &amp;lt;div class=&amp;quot;sca2026-nomination-details&amp;quot;&amp;gt;
                &amp;lt;!-- Левый блок: год номинации с изображением --&amp;gt;
                &amp;lt;div class=&amp;quot;sca2026-left-block&amp;quot;&amp;gt;
                    &amp;lt;div class=&amp;quot;sca2026-year-placeholder&amp;quot;&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;!-- Место для изображения: замените sca2026-year-placeholder на img с классом sca2026-year-image --&amp;gt;
                    &amp;lt;img src=&amp;quot;https://i.imgur.com/RH0fkb9.png&amp;quot; alt=&amp;quot;Год номинации&amp;quot; class=&amp;quot;sca2026-year-image&amp;quot;&amp;gt;
                    2024
                &amp;lt;/div&amp;gt;
                
                &amp;lt;!-- Центральный блок: название номинации по центру --&amp;gt;
                &amp;lt;div class=&amp;quot;sca2026-center-block&amp;quot;&amp;gt;
                    &amp;lt;div class=&amp;quot;sca2026-nomination-title&amp;quot;&amp;gt;
                &amp;lt;p&amp;gt;choice awards&amp;lt;/p&amp;gt;
                     &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&amp;quot;sca2026-nomination-desc&amp;quot;&amp;gt;
                        В номинации «Лучший проект года» представлены самые инновационные и успешные работы
                    &amp;lt;/div&amp;gt;
                &amp;lt;/div&amp;gt;
                
                &amp;lt;!-- Правый блок: название номинации и год --&amp;gt;
                &amp;lt;div class=&amp;quot;sca2026-right-block&amp;quot;&amp;gt;
                    &amp;lt;div class=&amp;quot;sca2026-nomination-name&amp;quot;&amp;gt;
                        choice awards
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&amp;quot;sca2026-nomination-year&amp;quot;&amp;gt;
                        2024
                    &amp;lt;/div&amp;gt;
                &amp;lt;/div&amp;gt;
            &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Mon, 25 May 2026 11:21:33 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=352#p352</guid>
		</item>
		<item>
			<title>Подари аватар #2.5 - на другие ролевые брать запрещено!</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=350#p350</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;htmldemo&amp;quot;&amp;gt; 

&amp;lt;center&amp;gt;&amp;lt;div class=&amp;quot;sacth&amp;quot;&amp;gt;
&amp;lt;br&amp;gt;
&amp;lt;div class=&amp;quot;sacttitle&amp;quot;&amp;gt;Дискуссионный клуб&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;saccita&amp;quot;&amp;gt;да начнутся дебаты!&amp;lt;/div&amp;gt; &amp;lt;br&amp;gt;
&amp;lt;p  style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/b14QW3E.png&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;div style=&amp;quot;width: 480px; text-align: justify; font: 11px arial; text-transform: none; line-height: 11px; overflow: auto;&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;p&amp;gt;Добро пожаловать в Дискуссионный Клуб!
&amp;lt;br&amp;gt; &amp;lt;br&amp;gt;
Это пространство для всех, кто хочет высказать свое мнение, обсудить наболевшее и поспорить на самые интересные темы, связанные с ролевыми играми. Здесь нет правильных или неправильных ответов, есть только ваше видение и аргументы.
&amp;lt;br&amp;gt; 
  &amp;lt;br&amp;gt;&amp;lt;b&amp;gt;Как это работает?&amp;lt;/b&amp;gt; 
&amp;lt;br&amp;gt;&amp;#9679;  &amp;lt;b&amp;gt;Раз в две недели&amp;lt;/b&amp;gt; я, как ведущий клуба, буду публиковать здесь новый вопрос для дискуссии.
&amp;lt;br&amp;gt;&amp;#9679; Все игроки могут принимать участие: высказывать свое мнение, аргументировать позицию, делиться опытом и уважительно полемизировать с оппонентами.
&amp;lt;br&amp;gt;&amp;#9679; Цель - не просто победить в споре, а обменяться идеями, найти вдохновение, помочь друг другу и сделать наше общее ролевое пространство еще лучше.
&amp;lt;br&amp;gt;&amp;#9679; &amp;lt;b&amp;gt;Главное правило:&amp;lt;/b&amp;gt; уважайте мнение других, даже если вы с ним категорически не согласны. Критикуйте идеи, а не игроков.
&amp;lt;br&amp;gt;&amp;#9679; Темя для обсуждений можно закидывать мне в ЛС.&amp;lt;br&amp;gt;
&amp;lt;br&amp;gt;
&amp;lt;br&amp;gt;&amp;lt;b&amp;gt;Система поощрений&amp;lt;/b&amp;gt;
&amp;lt;br&amp;gt;Мы ценим ваше время и ваши мысли, поэтому активные участники клуба будут получать награды.
&amp;lt;br&amp;gt;&amp;#9658; &amp;lt;b&amp;gt;Ачивка&amp;lt;/b&amp;gt; на личную страницу за активное участие в дебатах: как будет выбираться главный активист - я еще подумаю, но пожалуй буду просто выделять самого активно участвующего на свой взгляд и озвучивать перед выдачей новой темы;
&amp;lt;br&amp;gt;&amp;#9658; &amp;lt;b&amp;gt;5000 сакр&amp;lt;/b&amp;gt; за пост, признанный лучшим комментарием на неделе. [Я буду ориентироваться на количество плюсов] 
&amp;lt;br&amp;gt;&amp;#9658; &amp;lt;b&amp;gt;1000 сакр&amp;lt;/b&amp;gt; каждому активному участнику. [оставившему более трех комментариев в дискуссии] 
&amp;lt;/p&amp;gt;
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;

  &amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 30em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;htmldemo&amp;quot;&amp;gt; 

&amp;lt;center&amp;gt;&amp;lt;div class=&amp;quot;sacth&amp;quot;&amp;gt;
&amp;lt;br&amp;gt;&amp;lt;b&amp;gt;Тема на этой неделе:&amp;lt;/b&amp;gt; &amp;lt;br&amp;gt;
Ролевая игра по умолчанию подразумевает взаимодействие. Но что, если ведущий диалог — только ты и твой внутренний мир? Давайте поговорим о сольной ролевой, практике, которую многие пробовали, но редко обсуждают вслух.&amp;lt;br&amp;gt;
&amp;lt;br&amp;gt;
&amp;#9679; Признайтесь, практиковали ли вы когда-нибудь «игру с собой»? Писали ли посты или целые сцены «в стол», просто чтобы развить персонажа, без партнера?&amp;lt;br&amp;gt;
&amp;#9679; Какова её цель? Это инструмент для прокачки писательского навыка, глубокого погружения в персонажа, проработки бэкстори — или что-то иное?&amp;lt;br&amp;gt;
&amp;#9679; Где проходит граница между сольной ролевой и просто написанием рассказа? Есть ли она для вас?&amp;lt;br&amp;gt;
&amp;#9679; Может ли ведение личного дневника персонажа (как форма сольной игры) обогатить вашу основную игру с другими? &amp;lt;br&amp;gt;
&amp;#9679; Ваше отношение: Вы считаете такую практику странным интровертным хобби, важной творческой лабораторией или прямой дорогой к выгоранию и уходу от сообщества?
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;

  &amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;strong&gt;Навигация:&lt;/strong&gt;&lt;br /&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49949#p5034868&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;качество и/или количество&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49949#p5044206&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;ролевая ревность&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49949&amp;amp;p=2#p5082597&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;конкурсы и развлечения&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49949&amp;amp;p=3#p5091762&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;ии и творчество&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?pid=5102036#p5102036&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;соло-игра&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49949&amp;amp;p=4#p5110572&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;дизайн&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49949&amp;amp;p=4#p5133399&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;требования к игрокам&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49949&amp;amp;p=5#p5143281&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;репутация на форуме&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49949&amp;amp;p=6#p5151724&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;ролевая активность: количество проектов и профилей&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49949&amp;amp;p=6#p5155311&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;хороший пост - это...?&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box spoiler-box&quot;&gt;&lt;div onclick=&quot;$(this).toggleClass(&#039;visible&#039;); $(this).next().toggleClass(&#039;visible&#039;);&quot;&gt;для администрации&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;quote-box hide-box term-login&quot;&gt;&lt;cite&gt;Скрытый текст:&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;Для просмотра скрытого текста - &lt;a href=&quot;/login.php&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;войдите&lt;/a&gt; или &lt;a rel=&quot;nofollow&quot; href=&quot;/register.php&quot; target=&quot;_blank&quot;&gt;зарегистрируйтесь&lt;/a&gt;.&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Thu, 14 May 2026 23:06:55 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=350#p350</guid>
		</item>
		<item>
			<title>кирпичи 2025</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=340#p340</link>
			<description>&lt;p&gt;11&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Tue, 12 May 2026 23:54:20 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=340#p340</guid>
		</item>
		<item>
			<title>коды</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=336#p336</link>
			<description>&lt;p&gt;желание оленя&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 10.5em&quot;&gt;&lt;pre&gt;&amp;lt;!-- желание оленя --&amp;gt;
&amp;lt;script&amp;gt;
$(&amp;quot;.punbb #post-form fieldset legend span&amp;quot;).prepend(&amp;quot;ВМЕСТО РАБОТЫ. &amp;quot;);
&amp;lt;/script&amp;gt;
&amp;lt;!-- желание оленя --&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Tue, 12 May 2026 23:22:14 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=336#p336</guid>
		</item>
		<item>
			<title>тест</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=282#p282</link>
			<description>&lt;p&gt;...&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Fri, 17 Apr 2026 13:24:31 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=282#p282</guid>
		</item>
		<item>
			<title>111</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=281#p281</link>
			<description>&lt;p&gt;11&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Fri, 17 Apr 2026 13:24:15 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=281#p281</guid>
		</item>
		<item>
			<title>елка</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=273#p273</link>
			<description>&lt;p&gt;ntcn&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Mon, 06 Apr 2026 14:51:36 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=273#p273</guid>
		</item>
		<item>
			<title>бункер</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=253#p253</link>
			<description>&lt;p&gt;ап&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Thu, 12 Mar 2026 12:21:51 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=253#p253</guid>
		</item>
		<item>
			<title>галерея дизайнов</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=213#p213</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;style&amp;gt;
        .gallery {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            padding: 20px;
        }
        
        .card {
            width: calc(33.333% - 14px);
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            position: relative;
            box-sizing: border-box;
        }
        
        .card-id {
            position: absolute;
            top: 10px;
            left: 10px;
            background: rgba(0,0,0,0.7);
            color: white;
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 12px;
        }
        
        .card-image {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 4px;
            margin-top: 20px;
        }
        
        .design-name {
            font-size: 18px;
            font-weight: bold;
            margin: 10px 0;
            color: #333;
        }
        
        .contest-link {
            display: block;
            color: #0066cc;
            text-decoration: none;
            font-size: 14px;
            margin-top: 5px;
        }
        
        .contest-link:hover {
            text-decoration: underline;
        }
        
        @media (max-width: 768px) {
            .card {
                width: calc(50% - 10px);
            }
        }
        
        @media (max-width: 480px) {
            .card {
                width: 100%;
            }
        }
    &amp;lt;/style&amp;gt;

    &amp;lt;script&amp;gt;
        // Пример данных
        const designsData = [
{
id: &#039;1&#039;,
imageUrl: &#039;https://upforme.ru/uploads/0010/a8/ca/7506/389817.png&#039;,
designName: &#039;Ведьмачий&#039;,
designLink: &#039;https://sacramento.rusff.me/viewtopic.php?id=46775#p4627758&#039;,
contestName: &#039;Неделя ведьмака 2023&#039;
},
{
id: &#039;2&#039;,
imageUrl: &#039;https://upforme.ru/uploads/0010/a8/ca/7506/319272.png&#039;,
designName: &#039;Зимний (темный)&#039;,
designLink: &#039;https://sacramento.rusff.me/viewtopic.php?id=49336&#039;,
contestName: &#039;Зимний сезонный пропуск 2025&#039;
},
{
id: &#039;3&#039;,
imageUrl: &#039;https://upforme.ru/uploads/0010/a8/ca/7506/913883.png&#039;,
designName: &#039;Зимний (светлый)&#039;,
designLink: &#039;https://sacramento.rusff.me/viewtopic.php?id=49336&#039;,
contestName: &#039;Зимний сезонный пропуск 2025&#039;
},
{
id: &#039;4&#039;,
imageUrl: &#039;https://upforme.ru/uploads/0010/a8/ca/7506/282104.png&#039;,
designName: &#039;Вишня&#039;,
designLink: &#039;https://sacramento.rusff.me/viewtopic.php?id=49370&#039;,
contestName: &#039;Весеннее испытание&#039;
},
{
id: &#039;5&#039;,
imageUrl: &#039;https://upforme.ru/uploads/0010/a8/ca/7506/144741.png&#039;,
designName: &#039;Лимоны&#039;,
designLink: &#039;https://sacramento.rusff.me/viewtopic.php?id=49543#p4990161&#039;,
contestName: &#039;Весенний сезонный пропуск 2025&#039;
},
{
id: &#039;6&#039;,
imageUrl: &#039;https://upforme.ru/uploads/0010/a8/ca/7506/106128.png&#039;,
designName: &#039;Космонавт&#039;,
designLink: &#039;https://sacramento.rusff.me/viewtopic.php?id=49543#p4990161&#039;,
contestName: &#039;Весенний сезонный пропуск 2025&#039;
},
{
id: &#039;7&#039;,
imageUrl: &#039;https://i.imgur.com/AkCn9pe.png&#039;,
designName: &#039;Небесный&#039;,
designLink: &#039;https://sacramento.rusff.me/viewtopic.php?id=49636#p5002520&#039;,
contestName: &#039;Летнее бинго 2025&#039;
},
{
id: &#039;8&#039;,
imageUrl: &#039;https://upforme.ru/uploads/0010/a8/ca/7506/t17931.png&#039;,
designName: &#039;Маяк&#039;,
designLink: &#039;https://sacramento.rusff.me/viewtopic.php?id=49633#p5001766&#039;,
contestName: &#039;Летнее испытание 2025&#039;
},
{
id: &#039;9&#039;,
imageUrl: &#039;https://i.imgur.com/197EFuW.png&#039;,
designName: &#039;Лес&#039;,
designLink: &#039;https://sacramento.rusff.me/viewtopic.php?id=49948#p5034803&#039;,
contestName: &#039;Осеннее испытание 2025&#039;
},
{
id: &#039;10&#039;,
imageUrl: &#039;https://i.imgur.com/6OQFHqG.png&#039;,
designName: &#039;Грибной лес&#039;,
designLink: &#039;https://sacramento.rusff.me/viewtopic.php?id=49947#p5034798&#039;,
contestName: &#039;Осеннее бинго 2025&#039;
}
        ];

        function createGallery() {
            const gallery = document.getElementById(&#039;gallery&#039;);
            
            designsData.forEach(design =&amp;gt; {
                const card = document.createElement(&#039;div&#039;);
                card.className = &#039;card&#039;;
                
                card.innerHTML = `
                    &amp;lt;div class=&amp;quot;card-id&amp;quot;&amp;gt;${design.id}&amp;lt;/div&amp;gt;
                    &amp;lt;img src=&amp;quot;${design.imageUrl}&amp;quot; alt=&amp;quot;${design.designName}&amp;quot; class=&amp;quot;card-image&amp;quot;&amp;gt;
                    &amp;lt;div class=&amp;quot;design-name&amp;quot;&amp;gt;${design.designName}&amp;lt;/div&amp;gt;
                    &amp;lt;a href=&amp;quot;${design.designLink}&amp;quot; class=&amp;quot;contest-link&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;${design.contestName}&amp;lt;/a&amp;gt;
                `;
                
                gallery.appendChild(card);
            });
        }

        // Запускаем создание галереи при загрузке страницы
        document.addEventListener(&#039;DOMContentLoaded&#039;, createGallery);
    &amp;lt;/script&amp;gt;

    &amp;lt;div class=&amp;quot;gallery&amp;quot; id=&amp;quot;gallery&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Wed, 26 Nov 2025 12:47:48 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=213#p213</guid>
		</item>
		<item>
			<title>паззлы</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=211#p211</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;style&amp;gt;
        .puzzle-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .puzzle-group {
            margin-bottom: 30px;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .group-header {
            background-color: #f5f5f5;
            padding: 15px;
            cursor: pointer;
            border-bottom: 1px solid #ddd;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .group-header:hover {
            background-color: #e9e9e9;
        }
        
        .group-content {
            display: none;
            padding: 20px;
            background-color: white;
        }
        
        .group-content.active {
            display: block;
        }
        
        .puzzle-item {
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .puzzle-item:last-child {
            margin-bottom: 0;
        }
        
        .puzzle-header {
            background-color: #f8f8f8;
            padding: 12px 15px;
            cursor: pointer;
            border-bottom: 1px solid #eee;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .puzzle-header:hover {
            background-color: #f0f0f0;
        }
        
        .puzzle-content {
            display: none;
            background-color: white;
        }
        
        .puzzle-content.active {
            display: block;
        }
        
        .puzzle-frame-container {
            position: relative;
        }
        
        .puzzle-link {
            padding: 10px 15px;
            text-align: center;
            background-color: #efefef;
            color: black;
            text-decoration: none;
            display: block;
            border: none;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s;
        }
        
        .puzzle-link:hover {
            background-color: #fff;
            color: black;
            text-decoration: none;
        }
        
        .date-indicator {
            font-size: 14px;
            color: #666;
            font-weight: normal;
        }
        
        .hidden {
            display: none !important;
        }
        
        .arrow {
            transition: transform 0.3s ease;
        }
        
        .arrow.rotated {
            transform: rotate(180deg);
        }
    &amp;lt;/style&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
    &amp;lt;div class=&amp;quot;puzzle-container&amp;quot; id=&amp;quot;puzzleContainer&amp;quot;&amp;gt;
        &amp;lt;!-- Группы паззлов будут добавляться здесь автоматически --&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;script&amp;gt;
        // Конфигурация паззлов
        const puzzleConfig = {
            // Список фреймов в формате: [&#039;puzzleGroupID&#039;, &#039;номер паззла&#039;, &#039;ID фрейма&#039;]
            frames: [
                [&#039;1&#039;, &#039;1&#039;, &#039;298b78d4cdee&#039;],
                [&#039;1&#039;, &#039;2&#039;, &#039;123456789abc&#039;],
                [&#039;1&#039;, &#039;3&#039;, &#039;987654321def&#039;],
                [&#039;1&#039;, &#039;4&#039;, &#039;555555555555&#039;],
                [&#039;1&#039;, &#039;5&#039;, &#039;666666666666&#039;],
                
                [&#039;puzzleGroup2&#039;, &#039;6&#039;, &#039;777777777777&#039;],
                [&#039;puzzleGroup2&#039;, &#039;7&#039;, &#039;888888888888&#039;],
                [&#039;puzzleGroup2&#039;, &#039;8&#039;, &#039;999999999999&#039;],
                [&#039;puzzleGroup2&#039;, &#039;9&#039;, &#039;aaaaaaaaaaaa&#039;],
                [&#039;puzzleGroup2&#039;, &#039;10&#039;, &#039;bbbbbbbbbbbb&#039;]
            ],
            
           // Даты отображения групп в формате: [&#039;puzzleGroupID&#039;, &#039;дата начала отображения&#039;, &#039;дата окончания&#039;]
            startDates: [
                [&#039;1&#039;, &#039;2024-01-01&#039;, &#039;2024-01-07&#039;],
                [&#039;puzzleGroup2&#039;, &#039;2024-01-08&#039;, &#039;2024-01-14&#039;]
            ]
        };

        // Функция для проверки, наступила ли дата
        function isDateReached(targetDate) {
            const today = new Date();
            const target = new Date(targetDate);
            today.setHours(0, 0, 0, 0);
            target.setHours(0, 0, 0, 0);
            return today &amp;gt;= target;
        }

        // Функция для форматирования даты
        function formatDate(dateString) {
            const date = new Date(dateString);
            return date.toLocaleDateString(&#039;ru-RU&#039;, {
                year: &#039;numeric&#039;,
                month: &#039;long&#039;,
                day: &#039;numeric&#039;
            });
        }

        // Функция для создания HTML структуры отдельного паззла
        function createPuzzleItem(puzzleNumber, frameId) {
            const puzzleItem = document.createElement(&#039;div&#039;);
            puzzleItem.className = &#039;puzzle-item&#039;;
            
            const puzzleHeader = document.createElement(&#039;div&#039;);
            puzzleHeader.className = &#039;puzzle-header&#039;;
            puzzleHeader.innerHTML = `
                Паззл #${puzzleNumber}
                &amp;lt;span class=&amp;quot;arrow&amp;quot;&amp;gt;&amp;#9660;&amp;lt;/span&amp;gt;
            `;
            
            const puzzleContent = document.createElement(&#039;div&#039;);
            puzzleContent.className = &#039;puzzle-content&#039;;
            
            const frameContainer = document.createElement(&#039;div&#039;);
            frameContainer.className = &#039;puzzle-frame-container&#039;;
            
            // Генерация iframe с подставленным frameId
            const iframeCode = `&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=${frameId}&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;`;
            frameContainer.innerHTML = iframeCode;
            
            // Генерация ссылки с подставленным frameId
            const puzzleLink = `https://www.jigsawplanet.com/?rc=play&amp;amp;pid=${frameId}`;
            const linkButton = document.createElement(&#039;a&#039;);
            linkButton.className = &#039;puzzle-link&#039;;
            linkButton.href = puzzleLink;
            linkButton.target = &#039;_blank&#039;;
            linkButton.textContent = &#039;Открыть в новой вкладке&#039;;
            
            puzzleContent.appendChild(frameContainer);
            puzzleContent.appendChild(linkButton);
            
            // Добавляем обработчик клика для спойлера паззла
            puzzleHeader.addEventListener(&#039;click&#039;, () =&amp;gt; {
                puzzleContent.classList.toggle(&#039;active&#039;);
                const arrow = puzzleHeader.querySelector(&#039;.arrow&#039;);
                arrow.classList.toggle(&#039;rotated&#039;);
            });
            
            puzzleItem.appendChild(puzzleHeader);
            puzzleItem.appendChild(puzzleContent);
            
            return puzzleItem;
        }

        // Функция для создания HTML структуры группы паззлов
        function createPuzzleGroup(puzzleGroupID, puzzles, startDate, endDate) {
            const isActive = isDateReached(startDate);
            
            const groupElement = document.createElement(&#039;div&#039;);
            groupElement.className = `puzzle-group ${isActive ? &#039;&#039; : &#039;hidden&#039;}`;
            groupElement.id = `group-${puzzleGroupID}`;
            
            const groupHeader = document.createElement(&#039;div&#039;);
            groupHeader.className = &#039;group-header&#039;;
            groupHeader.innerHTML = `
                Неделя #${puzzleGroupID}
                &amp;lt;span class=&amp;quot;date-indicator&amp;quot;&amp;gt;с ${formatDate(startDate)} по ${formatDate(endDate)}&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;arrow&amp;quot;&amp;gt;&amp;#9660;&amp;lt;/span&amp;gt;
            `;
            
            const groupContent = document.createElement(&#039;div&#039;);
            groupContent.className = &#039;group-content&#039;;
            
            // Добавляем отдельные паззлы в группу
            puzzles.forEach(([puzzleNumber, frameId]) =&amp;gt; {
                const puzzleItem = createPuzzleItem(puzzleNumber, frameId);
                groupContent.appendChild(puzzleItem);
            });
            
            // Добавляем обработчик клика для спойлера группы
            if (isActive) {
                groupHeader.addEventListener(&#039;click&#039;, () =&amp;gt; {
                    groupContent.classList.toggle(&#039;active&#039;);
                    const arrow = groupHeader.querySelector(&#039;.arrow&#039;);
                    arrow.classList.toggle(&#039;rotated&#039;);
                });
            }
            
            groupElement.appendChild(groupHeader);
            groupElement.appendChild(groupContent);
            
            return groupElement;
        }

        // Функция для инициализации паззлов
        function initializePuzzles() {
            const container = document.getElementById(&#039;puzzleContainer&#039;);
            
            // Группируем фреймы по puzzleGroupID
            const groupedPuzzles = {};
            puzzleConfig.frames.forEach(([puzzleGroupID, puzzleNumber, frameId]) =&amp;gt; {
                if (!groupedPuzzles[puzzleGroupID]) {
                    groupedPuzzles[puzzleGroupID] = [];
                }
                groupedPuzzles[puzzleGroupID].push([puzzleNumber, frameId]);
            });
            
            // Создаем группы паззлов
            puzzleConfig.startDates.forEach(([puzzleGroupID, startDate, endDate]) =&amp;gt; {
                const puzzles = groupedPuzzles[puzzleGroupID] || [];
                const groupElement = createPuzzleGroup(puzzleGroupID, puzzles, startDate, endDate);
                container.appendChild(groupElement);
            });
        }

        // Инициализация при загрузке страницы
        document.addEventListener(&#039;DOMContentLoaded&#039;, initializePuzzles);
    &amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Mon, 24 Nov 2025 22:14:01 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=211#p211</guid>
		</item>
		<item>
			<title>тесты</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=209#p209</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;style&amp;gt;
        .puzzle-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .puzzle-group {
            margin-bottom: 30px;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .group-header {
            background-color: #f5f5f5;
            padding: 15px;
            cursor: pointer;
            border-bottom: 1px solid #ddd;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .group-header:hover {
            background-color: #e9e9e9;
        }
        
        .group-content {
            display: none;
            padding: 20px;
            background-color: white;
        }
        
        .group-content.active {
            display: block;
        }
        
        .puzzle-item {
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .puzzle-item:last-child {
            margin-bottom: 0;
        }
        
        .puzzle-header {
            background-color: #f8f8f8;
            padding: 12px 15px;
            cursor: pointer;
            border-bottom: 1px solid #eee;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .puzzle-header:hover {
            background-color: #f0f0f0;
        }
        
        .puzzle-content {
            display: none;
            background-color: white;
        }
        
        .puzzle-content.active {
            display: block;
        }
        
        .puzzle-frame-container {
            position: relative;
        }
        
        .puzzle-link {
            padding: 10px 15px;
            text-align: center;
            background-color: #efefef;
            color: black;
            text-decoration: none;
            display: block;
            border: none;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s;
        }
        
        .puzzle-link:hover {
            background-color: #fff;
            color: black;
            text-decoration: none;
        }
        
        .date-indicator {
            font-size: 14px;
            color: #666;
            font-weight: normal;
        }
        
        .hidden {
            display: none !important;
        }
        
        .arrow {
            transition: transform 0.3s ease;
        }
        
        .arrow.rotated {
            transform: rotate(180deg);
        }
    &amp;lt;/style&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
    &amp;lt;div class=&amp;quot;puzzle-container&amp;quot; id=&amp;quot;puzzleContainer&amp;quot;&amp;gt;
        &amp;lt;!-- Группы паззлов будут добавляться здесь автоматически --&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;script&amp;gt;
        // Конфигурация паззлов
        const puzzleConfig = {
            // Список фреймов в формате: [&#039;puzzleGroupID&#039;, &#039;номер паззла&#039;, &#039;код фрейма&#039;, &#039;ссылка на паззл&#039;]
            frames: [
                [&#039;1&#039;, &#039;1&#039;, &#039;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=298b78d4cdee&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&#039;, &#039;https://www.jigsawplanet.com/?rc=play&amp;amp;pid=298b78d4cdee&#039;],
                [&#039;1&#039;, &#039;2&#039;, &#039;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=123456789abc&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&#039;, &#039;https://www.jigsawplanet.com/?rc=play&amp;amp;pid=123456789abc&#039;],
                [&#039;1&#039;, &#039;3&#039;, &#039;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=987654321def&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&#039;, &#039;https://www.jigsawplanet.com/?rc=play&amp;amp;pid=987654321def&#039;],
                [&#039;1&#039;, &#039;4&#039;, &#039;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=555555555555&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&#039;, &#039;https://www.jigsawplanet.com/?rc=play&amp;amp;pid=555555555555&#039;],
                [&#039;1&#039;, &#039;5&#039;, &#039;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=666666666666&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&#039;, &#039;https://www.jigsawplanet.com/?rc=play&amp;amp;pid=666666666666&#039;],
                
                [&#039;2&#039;, &#039;6&#039;, &#039;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=777777777777&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&#039;, &#039;https://www.jigsawplanet.com/?rc=play&amp;amp;pid=777777777777&#039;],
                [&#039;2&#039;, &#039;7&#039;, &#039;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=888888888888&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&#039;, &#039;https://www.jigsawplanet.com/?rc=play&amp;amp;pid=888888888888&#039;],
                [&#039;2&#039;, &#039;8&#039;, &#039;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=999999999999&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&#039;, &#039;https://www.jigsawplanet.com/?rc=play&amp;amp;pid=999999999999&#039;],
                [&#039;2&#039;, &#039;9&#039;, &#039;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=aaaaaaaaaaaa&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&#039;, &#039;https://www.jigsawplanet.com/?rc=play&amp;amp;pid=aaaaaaaaaaaa&#039;],
                [&#039;2&#039;, &#039;10&#039;, &#039;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=bbbbbbbbbbbb&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&#039;, &#039;https://www.jigsawplanet.com/?rc=play&amp;amp;pid=bbbbbbbbbbbb&#039;]
            ],
            
            // Даты отображения групп в формате: [&#039;puzzleGroupID&#039;, &#039;дата начала отображения&#039;]
            startDates: [
                [&#039;1&#039;, &#039;2024-01-01&#039;],
                [&#039;2&#039;, &#039;2024-01-08&#039;]
            ]
        };

        // Функция для проверки, наступила ли дата
        function isDateReached(targetDate) {
            const today = new Date();
            const target = new Date(targetDate);
            today.setHours(0, 0, 0, 0);
            target.setHours(0, 0, 0, 0);
            return today &amp;gt;= target;
        }

        // Функция для форматирования даты
        function formatDate(dateString) {
            const date = new Date(dateString);
            return date.toLocaleDateString(&#039;ru-RU&#039;, {
                year: &#039;numeric&#039;,
                month: &#039;long&#039;,
                day: &#039;numeric&#039;
            });
        }

        // Функция для создания HTML структуры отдельного паззла
        function createPuzzleItem(puzzleNumber, frameCode, puzzleLink) {
            const puzzleItem = document.createElement(&#039;div&#039;);
            puzzleItem.className = &#039;puzzle-item&#039;;
            
            const puzzleHeader = document.createElement(&#039;div&#039;);
            puzzleHeader.className = &#039;puzzle-header&#039;;
            puzzleHeader.innerHTML = `
                Паззл #${puzzleNumber}
                &amp;lt;span class=&amp;quot;arrow&amp;quot;&amp;gt;&amp;#9660;&amp;lt;/span&amp;gt;
            `;
            
            const puzzleContent = document.createElement(&#039;div&#039;);
            puzzleContent.className = &#039;puzzle-content&#039;;
            
            const frameContainer = document.createElement(&#039;div&#039;);
            frameContainer.className = &#039;puzzle-frame-container&#039;;
            frameContainer.innerHTML = frameCode;
            
            const linkButton = document.createElement(&#039;a&#039;);
            linkButton.className = &#039;puzzle-link&#039;;
            linkButton.href = puzzleLink;
            linkButton.target = &#039;_blank&#039;;
            linkButton.textContent = &#039;Открыть в новой вкладке&#039;;
            
            puzzleContent.appendChild(frameContainer);
            puzzleContent.appendChild(linkButton);
            
            // Добавляем обработчик клика для спойлера паззла
            puzzleHeader.addEventListener(&#039;click&#039;, () =&amp;gt; {
                puzzleContent.classList.toggle(&#039;active&#039;);
                const arrow = puzzleHeader.querySelector(&#039;.arrow&#039;);
                arrow.classList.toggle(&#039;rotated&#039;);
            });
            
            puzzleItem.appendChild(puzzleHeader);
            puzzleItem.appendChild(puzzleContent);
            
            return puzzleItem;
        }

        // Функция для создания HTML структуры группы паззлов
        function createPuzzleGroup(puzzleGroupID, puzzles, startDate) {
            const isActive = isDateReached(startDate);
            
            const groupElement = document.createElement(&#039;div&#039;);
            groupElement.className = `puzzle-group ${isActive ? &#039;&#039; : &#039;hidden&#039;}`;
            groupElement.id = `group-${puzzleGroupID}`;
            
            const groupHeader = document.createElement(&#039;div&#039;);
            groupHeader.className = &#039;group-header&#039;;
            groupHeader.innerHTML = `
                Неделя #${puzzleGroupID}
                &amp;lt;span class=&amp;quot;date-indicator&amp;quot;&amp;gt;Доступна с: ${formatDate(startDate)}&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;arrow&amp;quot;&amp;gt;&amp;#9660;&amp;lt;/span&amp;gt;
            `;
            
            const groupContent = document.createElement(&#039;div&#039;);
            groupContent.className = &#039;group-content&#039;;
            
            // Добавляем отдельные паззлы в группу
            puzzles.forEach(([puzzleNumber, frameCode, puzzleLink]) =&amp;gt; {
                const puzzleItem = createPuzzleItem(puzzleNumber, frameCode, puzzleLink);
                groupContent.appendChild(puzzleItem);
            });
            
            // Добавляем обработчик клика для спойлера группы
            if (isActive) {
                groupHeader.addEventListener(&#039;click&#039;, () =&amp;gt; {
                    groupContent.classList.toggle(&#039;active&#039;);
                    const arrow = groupHeader.querySelector(&#039;.arrow&#039;);
                    arrow.classList.toggle(&#039;rotated&#039;);
                });
            }
            
            groupElement.appendChild(groupHeader);
            groupElement.appendChild(groupContent);
            
            return groupElement;
        }

        // Функция для инициализации паззлов
        function initializePuzzles() {
            const container = document.getElementById(&#039;puzzleContainer&#039;);
            
            // Группируем фреймы по puzzleGroupID
            const groupedPuzzles = {};
            puzzleConfig.frames.forEach(([puzzleGroupID, puzzleNumber, frameCode, puzzleLink]) =&amp;gt; {
                if (!groupedPuzzles[puzzleGroupID]) {
                    groupedPuzzles[puzzleGroupID] = [];
                }
                groupedPuzzles[puzzleGroupID].push([puzzleNumber, frameCode, puzzleLink]);
            });
            
            // Создаем группы паззлов
            puzzleConfig.startDates.forEach(([puzzleGroupID, startDate]) =&amp;gt; {
                const puzzles = groupedPuzzles[puzzleGroupID] || [];
                const groupElement = createPuzzleGroup(puzzleGroupID, puzzles, startDate);
                container.appendChild(groupElement);
            });
        }

        // Инициализация при загрузке страницы
        document.addEventListener(&#039;DOMContentLoaded&#039;, initializePuzzles);
    &amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Mon, 24 Nov 2025 01:26:33 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=209#p209</guid>
		</item>
		<item>
			<title>боевой пропуск</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=196#p196</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;htmldemo&amp;quot;&amp;gt; 

&amp;lt;center&amp;gt;&amp;lt;div class=&amp;quot;sacth&amp;quot;&amp;gt;

&amp;lt;div class=&amp;quot;sacttitle&amp;quot;&amp;gt;собираем по частям&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;saccita&amp;quot;&amp;gt;пустим паззлы по венам&amp;lt;/div&amp;gt; &amp;lt;br&amp;gt;
&amp;lt;hr&amp;gt;
&amp;lt;div style=&amp;quot;width: 480px; text-align: justify; font: 11px arial; text-transform: none; line-height: 11px; overflow: auto;&amp;quot;&amp;gt;
&amp;lt;p&amp;gt; Мы всё ещё поклоняемся богу паззлов, но в этот раз чуть-чуть в ином формате, вы готовы? Погнали!&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;

Раз в неделю я буду приносить 5 новых паззлов и оставлять отбивку, что шапка темы обновлена. Что требуется от вас: в первую очередь собирать паззлы, складируя результаты трудов под спойлер в сообщении, во вторую оставлять новое сообщение после моей отбивки для новых паззлов, заодно помечая призы, которые вы хотите получить, ну и принося ссылки на предыдущие сообщения для учета. Из &amp;lt;b&amp;gt;важного&amp;lt;/b&amp;gt;: паззл за прошлую неделю в новой собирать нельзя - всё это легко проверяется, давайте будем честными друг с другом. Дедлайны прикрепления скриншотов за прошлую неделю для начисления призов - условные сутки после свежей отбивки (т.е. я пишу отбивку 10.06, вы можете доносить в течение дня скриншоты). Вроде несложно! Но, если что, спрашивайте. Планирую веселить вас не меньше месяца - дальше посмотрим по силам, времени и всё такое.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
А что по призам, наверное, хотите спросить вы!  
&amp;lt;br&amp;gt;
&amp;lt;br&amp;gt; &amp;#9679; за 3 собранных паззла — &amp;lt;b&amp;gt;обычный&amp;lt;/b&amp;gt; купон и 10 000 сакр;
&amp;lt;br&amp;gt; &amp;#9679; за 5 собранных паззлов — &amp;lt;b&amp;gt;необычный&amp;lt;/b&amp;gt; купон и 25 000 сакр;
&amp;lt;br&amp;gt; &amp;#9679; за 10 собранных паззлов — &amp;lt;b&amp;gt;редкий&amp;lt;/b&amp;gt; купон, 50 000 сакр и &amp;lt;b&amp;gt;КОЛЛЕКЦИОННАЯ КАРТОЧКА&amp;lt;/b&amp;gt; из летней коллекции;
&amp;lt;br&amp;gt; &amp;#9679; за 15 собранных паззлов — &amp;lt;b&amp;gt;эпический&amp;lt;/b&amp;gt; купон и 75 000 сакр;
&amp;lt;br&amp;gt; &amp;#9679; за каждый паззл свыше 15 паззлов — 10 000 сакр и 20 фишек;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
Паззлы суммируются в общем, т.е. можно собрать 1 в первую неделю, 2 во вторую - вот вам в сумме 3. Берём призы за каждый взятый &amp;quot;рубеж&amp;quot;, т.е. собрали 5? Берём призы за 3 и 5. 
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
Складывайте свои получившиеся картинки под спойлеры и помните, что списывать нельзя (это легко проверить по времени, оно тоже должно быть на скриншоте). Удачи!&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;/u&amp;gt; 

&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;
  &amp;lt;/div&amp;gt;
&amp;lt;br&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;ПЕРВАЯ НЕДЕЛЯ (03.06 - 09.06)&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #1&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=372a63819009&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #2&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=3fa1894e2a70&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #3&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=1f0db16c2adc&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #4&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=17860c30c034&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #5&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=27b49b1f94d2&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;
						&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;ВТОРАЯ НЕДЕЛЯ (10.06 - 16.06)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #6&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=0ec4d08481c6&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #7&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=29a18c08692a&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #8&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=2e68211c20fd&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #9&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=393fab92f328&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #10&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=31b46317c398&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;
						&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;ТРЕТЬЯ НЕДЕЛЯ (17.06 - 25.06)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #11&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=24027efdffbb&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #12&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=3355bf84451c&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #13&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=3bde00cfab11&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #14&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=0ceda945b0ba&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;Паззл #15&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe src=&amp;quot;https://www.jigsawplanet.com/?rc=play&amp;amp;amp;pid=3cdf7318d97b&amp;amp;amp;view=iframe&amp;quot; style=&amp;quot;width:100%;height:600px&amp;quot; frameborder=&amp;quot;0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/script&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Sat, 21 Jun 2025 13:08:04 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=196#p196</guid>
		</item>
		<item>
			<title>полукирпичи</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=194#p194</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;htmldemo&amp;quot;&amp;gt; 

&amp;lt;center&amp;gt;&amp;lt;div class=&amp;quot;sacth&amp;quot;&amp;gt;

&amp;lt;div class=&amp;quot;sacttitle&amp;quot;&amp;gt;сезонный пропуск Сакраменто&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;saccita&amp;quot;&amp;gt;пошумим?
 &amp;lt;/div&amp;gt; &amp;lt;br&amp;gt;
&amp;lt;hr&amp;gt;
&amp;lt;div style=&amp;quot;width: 480px; text-align: justify; font: 11px arial; text-transform: none; line-height: 11px; overflow: auto;&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;И мы продолжаем мотивироваться всеми доступными способами! Предлагю вашему вниманию  очередной &amp;lt;b&amp;gt;сезонный пропуск Сакраменто: весенний&amp;lt;/b&amp;gt;! Нам, как и прежде, предстоит писать посты, набирать сообщения и делать красоту всяко-разную - звучит несложно, да? И всё это для того, чтобы достичь поставленной цели совместными усилиями. Времени у нас с вами месяц, ведь ивент будет длиться &amp;lt;b&amp;gt;до 3 июня&amp;lt;/b&amp;gt;. Но будем честны, наша основная цель - вспомнить, что часть команды - часть корабля (ну вдруг полукирпичи были недостаточно убедительны), и не теряться с приходом весны! &amp;lt;br&amp;gt;
Ивент глобальный, так сказать касающийся всего нашего славного сервера оптом: учитываться будут достижения всех и каждого, но только те, кто в самом деле будет радеть за победу, смогут претендовать на призы за наибольший вклад. Формат экспериментальный, так что правила по-прежнему могут уточняться в процессе проведения - надеемся на ваше понимание.&amp;lt;br&amp;gt;

&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;Цель:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
Набрать 15 400 баллов общими усилиями игроков.
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;Особенности:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
Результат зависит от общей активности на форуме.&amp;lt;br&amp;gt;
Подсчёты баллов ведутся автоматически, что упрощает процесс участия - прогресс будет складываться из реальных достижений всех и каждого, а не только тех, кто добредёт до темы.&amp;lt;br&amp;gt;
Главное — командная работа, ведь только вместе можно добиться успеха, ауф!&amp;lt;br&amp;gt;
&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;за что даются баллы:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
&amp;#9679; за каждый пост — 20 баллов;&amp;lt;br&amp;gt;
&amp;#9679; за закрытый эпизод (каждому участнику эпизода) — 20 баллов;&amp;lt;br&amp;gt;
&amp;#9679; за каждые 200 сообщений — 20 баллов;&amp;lt;br&amp;gt;
&amp;#9679; за каждый уникальный аватар/эпиграф — 10 баллов;&amp;lt;br&amp;gt;
&amp;#9679; за каждую аэстетику — 10 баллов;&amp;lt;br&amp;gt;
&amp;#9679; за каждую подборку — 10 баллов.&amp;lt;br&amp;gt;
В зачет идут сообщения, оставленные в период &amp;lt;b&amp;gt;с 3 мая по 3 июня&amp;lt;/b&amp;gt; (включительно).
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;Призы:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
За каждые 3000 баллов (так называемые &amp;quot;рубежи&amp;quot; - первый чуть-чуть поменьше: 2400), набранные в рамках ивента, участники получают призы, указанные на шкале при наведении на иконки возле рубежей.&amp;lt;br&amp;gt; Участником ивента, претендующим на призы на очередной отметке, считается человек, &amp;lt;b&amp;gt;набравший минимальное количество баллов и сделавший что-то (а также принёсший ссылки-подтверждения) между предыдущим рубежом и текущим&amp;lt;/b&amp;gt;. &amp;lt;u&amp;gt;Например&amp;lt;/u&amp;gt;: для получения призов на рубеже 2400 нужно набрать 30 баллов и принести ссылки-подтверждения до того как рубеж достигнут; для получения призов на рубеже 5400 нужно набрать 70 баллов (неважно когда - они могут быть набраны до достижения рубежа в 1200) и оставить хотя бы одно сообщение с подтверждением, что вы шевелились до того как мы дойдём до 5400 и после пересечения 2400. В рамках разговора о призах под &amp;quot;набранными&amp;quot; подразумеваются баллы, которые были подтверждены сообщением в теме и занесены в таблицу личного зачёта.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
Минимальное количество баллов для получения призов:&amp;lt;br&amp;gt;
&amp;#9679; на рубеже 2400 - 30 баллов;&amp;lt;br&amp;gt;
&amp;#9679; на рубеже 5400 - 70 баллов;&amp;lt;br&amp;gt;
&amp;#9679; на рубеже 8400 - 100 баллов;&amp;lt;br&amp;gt;
&amp;#9679; на рубеже 11400 - 140 баллов;&amp;lt;br&amp;gt;
&amp;#9679; на рубеже 18400 - 180 баллов.&amp;lt;br&amp;gt;
Баллы от рубежа к рубежу суммируются (!), т.е. если вы набрали 30 до первого, то к моменту достижению второго вам нужно минимально набрать ещё 40 баллов, чтобы претендовать на приз. 
По окончанию ивента будет открыта лавка, где можно будет потратить свои честно набранные баллы (тут речь только о тех, что были зафиксированы в теме).&amp;lt;br&amp;gt;
&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;Участие:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
Достижения учитываются автоматически, но для подтверждения участия необходимо предоставлять ссылки-подтверждения или скриншоты (в случае набора сообщений).&amp;lt;br&amp;gt;
Будет таблица с личным зачётом и ни один ваш балл не будет потерян!&amp;lt;br&amp;gt;
&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;Дополнительно:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
&amp;#9679; Поощряется активное взаимодействие и поддержка друг друга. Вы все рок-звёзды!&amp;lt;br&amp;gt;
&amp;#9679; Следить за текущим прогрессом можно будет прямо в теме, обновляться шкала будет раз &amp;lt;b&amp;gt;В ТРИ ДНЯ&amp;lt;/b&amp;gt; (грубо говоря, у вас всегда будет три дня, чтобы набрать баллы для получения призов на следующем рубеже, если мы вдруг будем мчать вперёд как паровозик).&amp;lt;br&amp;gt;
&amp;#9679; Объединяем силы, участвуем активно и добиваемся общей цели вместе! &amp;#128640;&amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;
&amp;lt;script&amp;gt;
  /**
   * Устанавливает прогресс на основе значения и максимума.
   * @param {number} value - Текущее значение.
   * @param {number} max - Максимальное значение.
   */
  function setProgress(value, max) {
    // Вычисляем процентное соотношение
    const percent = (value / max) * 100;
    const clampedPercent = Math.min(Math.max(percent, 0), 100); // Ограничиваем от 0 до 100
    const progressBar = document.querySelector(&#039;.progress-bar&#039;);
    const progressBarContainer = document.querySelector(&#039;.progress-bar-container&#039;);

    // Установка прогресса
    progressBar.style.setProperty(&#039;--progress&#039;, `${clampedPercent}%`);
    progressBar.style.height = `${clampedPercent}%`;

    // Установка текста в data-value
    progressBarContainer.setAttribute(&#039;data-value&#039;, `${value}`);
  }

  // Пример использования: установить значение 5200 из 10000
  setProgress(100, 15200);
&amp;lt;/script&amp;gt;

&amp;lt;script&amp;gt;
  /**
   * Таймер обратного отсчета.
   * @param {string} targetDate - Дата и время завершения в формате &#039;YYYY-MM-DDTHH:mm:ss&#039;.
   */
  function startCountdown(targetDate) {
    const countdownElement = document.getElementById(&#039;countdown-timer&#039;);
    const daysElement = document.getElementById(&#039;days&#039;);
    const hoursElement = document.getElementById(&#039;hours&#039;);
    const minutesElement = document.getElementById(&#039;minutes&#039;);
    const secondsElement = document.getElementById(&#039;seconds&#039;);

    function updateCountdown() {
      const now = new Date();
      const target = new Date(targetDate);
      const difference = target - now;

      if (difference &amp;lt;= 0) {
        countdownElement.textContent = &#039;Событие наступило!&#039;;
        clearInterval(interval);
        return;
      }

      const days = Math.floor(difference / (1000 * 60 * 60 * 24));
      const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
      const seconds = Math.floor((difference % (1000 * 60)) / 1000);

      daysElement.textContent = days;
      hoursElement.textContent = hours.toString().padStart(2, &#039;0&#039;);
      minutesElement.textContent = minutes.toString().padStart(2, &#039;0&#039;);
      secondsElement.textContent = seconds.toString().padStart(2, &#039;0&#039;);
    }

    updateCountdown();
    const interval = setInterval(updateCountdown, 1000);
  }

  // Запустить таймер до указанной даты
  startCountdown(&#039;2025-06-04T00:00:00&#039;);
&amp;lt;/script&amp;gt;

&amp;lt;style&amp;gt;
 /* Таймер обратного отсчета */
  .countdown-timer {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #F04ACF;
    text-transform: uppercase;
    font-family: &#039;Bebas Neue&#039;;
  }

  /* Общий фон */
  .progress-background {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 850px;
    /*background-color: #f0f0f0;*/
  }

  /* Контейнер прогресс-бара и шагов */
  .progress-container {
    position: relative;
    width: 500px;
    height: 800px;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: flex;
    justify-content: space-between;
  }

  /* Прогресс-бар */
  .progress-bar-container {
    position: relative;
    width: 50px;
    height: 100%;
    background-color: #e0e0e0;
    border-radius: 25px;
    overflow: hidden;
    margin: auto;
    z-index: 10;
  }

.progress-bar-container:hover::before {
    content: attr(data-value);
    position: relative;
    display: block;
    /* left: 100%; */
    /* bottom: var(--progress); */
    top: 3%;
    transform: translateX(10px) translateY(50%);
    background-color: #fff;
    color: #000;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 5px;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 20;
    margin-left: -7px;
  }

  .progress-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: var(--progress);
    background: linear-gradient(rgba(240, 74, 207, 1) 0%, rgba(250, 249, 187, 1) 99%, rgba(245, 201, 237, 1) 49%);
    transition: height 0.5s ease;
  }

  /* Отметки на шкале */
  .progress-mark {
    position: absolute;
    left: 100%;
    font-size: 12px;
    color: #333;
    transform: translateX(-50%);
    white-space: nowrap;
    /*bottom: calc(var(--position) * 1%);*/
    margin-left: -25px;
    font-weight: bold;
  }

  /* Шаги и линии */
  .progress-steps {
    position: absolute;
    top: 10%;
    left: 0px;
    width: 100%;
    height: 90%;
    z-index: 3;
    margin: 5px;
    
  }

  .progress-step {
    position: absolute;
    display: flex;
    align-items: center;
    /*bottom: calc(var(--position) * 1%);*/

  }

  .progress-step.left {
    justify-content: flex-end;
    margin-left: 42px;
  }

  .progress-step.right {
    justify-content: flex-start;
    /*left: auto;
    right: 0;*/
    margin-left: 305px;
  }

  .progress-dotted-line {
    width: 80px;
    height: 2px;
    background-image: linear-gradient(to right, #333 50%, rgba(0, 0, 0, 0) 50%);
    background-size: 6px 2px;
  }

  .progress-step.left .progress-dotted-line {
    margin-right: 10px;
  }

  .progress-step.right .progress-dotted-line {
    margin-left: 10px;
  }

.progress-step-circle {
    position: relative;
    width: 75px;
    height: 75px;
    background-color: transparent;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
    transition: all 0.3s ease;
  }

  .progress-step-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .progress-step-circle:hover {
    width: 155px;
    height: 130px;
    text-align: left;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    justify-content: flex-start;
    padding: 5px;
    background-color: #ffffff;
  }

  .progress-step-circle:hover img {
    display: none;
  }

  .progress-step-circle .hover-content {
    display: none;
    color: #333;
    font-size: 10px;
    /* font-weight: bold; */
    padding: 8px;
    /* width: 100%; */
    margin-right: 10px;
  }

  .progress-step-circle:hover .hover-content {
    display: block;
  }

.blink_new {
  color: rgba(255, 99, 71, 1);
  font-size: 8px;
  vertical-align: super;
  -webkit-animation: blink1 3s linear infinite;
  animation: blink1 3s linear infinite;
  display: inline-block;
}

@-webkit-keyframes blink1 {
  0% { color: rgba(255, 99, 71, 1); }
  50% { color: rgba(255, 99, 71, 0); }
  100% { color: rgba(255, 99, 71, 1); }
}
@keyframes blink1 {
  0% { color: rgba(255, 99, 71, 1); }
  50% { color: rgba(255, 99, 71, 0); }
  100% { color: rgba(255, 99, 71, 1); }
}

@-webkit-keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
@keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
  &amp;lt;/style&amp;gt;



&amp;lt;div class=&amp;quot;countdown-timer&amp;quot; id=&amp;quot;countdown-timer&amp;quot;&amp;gt;
  до конца ивента: &amp;lt;span id=&amp;quot;days&amp;quot;&amp;gt;0&amp;lt;/span&amp;gt; дней
  &amp;lt;span id=&amp;quot;hours&amp;quot;&amp;gt;00&amp;lt;/span&amp;gt;:&amp;lt;span id=&amp;quot;minutes&amp;quot;&amp;gt;00&amp;lt;/span&amp;gt;:&amp;lt;span id=&amp;quot;seconds&amp;quot;&amp;gt;00&amp;lt;/span&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;progress-background&amp;quot;&amp;gt;
  &amp;lt;div class=&amp;quot;progress-container&amp;quot;&amp;gt;
    &amp;lt;!-- Прогресс-бар --&amp;gt;
    &amp;lt;div class=&amp;quot;progress-bar-container&amp;quot; data-value=&amp;quot;5200&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;progress-bar&amp;quot; style=&amp;quot;--progress: 0%;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;!-- Отметки на шкале --&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 10.5%;&amp;quot;&amp;gt;2400&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 21%&amp;quot;&amp;gt;5400&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 43.2%&amp;quot;&amp;gt;8400&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 68%&amp;quot;&amp;gt;11400&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 92.5%&amp;quot;&amp;gt;15400&amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;!-- Круги с контентом --&amp;gt;
    &amp;lt;div class=&amp;quot;progress-steps&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step left&amp;quot; style=&amp;quot;bottom: 11%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;https://i.imgur.com/hPMQcYC.png&amp;quot; alt=&amp;quot;Step 1&amp;quot;&amp;gt;
          &amp;lt;div class=&amp;quot;hover-content&amp;quot;&amp;gt;&amp;#9679; 100 000 сакр&amp;lt;br&amp;gt;
            &amp;#9679; 2 обычных купона на выбор&amp;lt;br&amp;gt;
            &amp;#9679; тотем за 50 фишек на выбор&amp;lt;br&amp;gt;
            &amp;#9679; лимитированная плашка&amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step right&amp;quot; style=&amp;quot;bottom: 21.5%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;https://i.imgur.com/hsCiPZc.png&amp;quot; alt=&amp;quot;Step 2&amp;quot;&amp;gt;
           &amp;lt;div class=&amp;quot;hover-content&amp;quot;&amp;gt; &amp;#9679; купон &amp;quot;коллекционная карточка за купон&amp;quot; &amp;lt;div class=&amp;quot;blink_new&amp;quot;&amp;gt;new!&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;
            &amp;#9679; 2 необычных купона на выбор&amp;lt;br&amp;gt;
            &amp;#9679; тотем за 100 фишек на выбор&amp;lt;br&amp;gt;
            &amp;#9679; 50 фишек&amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step left&amp;quot; style=&amp;quot;bottom: 45%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;https://i.imgur.com/R7SidtU.png&amp;quot; alt=&amp;quot;Step 3&amp;quot;&amp;gt;
           &amp;lt;div class=&amp;quot;hover-content&amp;quot;&amp;gt;&amp;#9679; купон &amp;quot;выбрать тему коллекции&amp;quot; &amp;lt;div class=&amp;quot;blink_new&amp;quot;&amp;gt;new!&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;
            &amp;#9679; 2 редких купона на выбор&amp;lt;br&amp;gt;
            &amp;#9679; тотем за 200 фишек на выбор&amp;lt;br&amp;gt;
            &amp;#9679; 200 000 сакр&amp;lt;br&amp;gt;
            &amp;#9679; ачивка&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step right&amp;quot; style=&amp;quot;bottom: 71.5%;&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;https://i.imgur.com/6ZnZQaj.png&amp;quot; alt=&amp;quot;Step 4&amp;quot;&amp;gt;
           &amp;lt;div class=&amp;quot;hover-content&amp;quot;&amp;gt;&amp;#9679; две коллекционные карточки &amp;lt;div class=&amp;quot;blink_new&amp;quot;&amp;gt;new!&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;
            &amp;#9679; 2 эпических купона на выбор&amp;lt;br&amp;gt;
            &amp;#9679; тотем за 300 фишек на выбор&amp;lt;br&amp;gt;
            &amp;#9679; 100 фишек&amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;progress-step left&amp;quot; style=&amp;quot;bottom: 97.5%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;https://i.imgur.com/kI6yPZ2.png&amp;quot; alt=&amp;quot;Step 5&amp;quot;&amp;gt;
           &amp;lt;div class=&amp;quot;hover-content&amp;quot;&amp;gt;&amp;#9679; три коллекционные карточки  &amp;lt;div class=&amp;quot;blink_new&amp;quot;&amp;gt;new!&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;
            &amp;#9679; золотой тотем на выбор&amp;lt;br&amp;gt;
            &amp;#9679; 3 эпических купона на выбор&amp;lt;br&amp;gt;
            &amp;#9679; 300 000 сакр&amp;lt;br&amp;gt;
            &amp;#9679; 200 фишек&amp;lt;br&amp;gt;
            &amp;#9679; графика от АМС&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;

    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Mon, 28 Apr 2025 14:59:03 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=194#p194</guid>
		</item>
		<item>
			<title>вестник</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=191#p191</link>
			<description>&lt;p&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;&lt;strong&gt;ВЫПУСК #002&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;table style=&quot;table-layout:fixed;width:100%&quot;&gt;&lt;tr&gt;&lt;td colspan=&quot;1&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/3q8EbR1.png&quot; alt=&quot;https://i.imgur.com/3q8EbR1.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;4&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;Привет-привет, жители Сакраменто! Как ваше настроение? Как сердцебиение? По вкусу ли вам весна? Как все уже могли заметить у меня легкая маниакальная фаза и желание пробовать новое, возрождать старое и в целом делать-делать-делать. У нас с вами есть легендарный Календарь, где собраны основные новости форума и куда вы передаёте свои приветы, а в параллель ему попробуем выпускать «Вестник Сакраменто», где будут различные рубрики (предложения приветствуются), мини-обзоры на активные эпизоды, ваши твитты с лёгкой интригой, кроссворды, реклама, поздравления... В общем, разберёмся по ходу дела!&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;&lt;strong&gt;«В САКРАМЕНТО СЕЙЧАС...»&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;а у нас в квартире газ, а у вас?&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; rowspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9800; &lt;strong&gt;Овен (21 марта – 19 апреля)&lt;/strong&gt;&lt;br /&gt;&amp;#128293; Неделя великих идей и внезапных прозрений&lt;br /&gt;Вы неожиданно придумаете гениального персонажа, который сведёт всех с ума… включая вас. Будьте осторожны: слишком сложный сюжет может завязаться в такой клубок, что его придётся разгадывать ещё до конца года.&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9801; &lt;strong&gt;Телец (20 апреля – 20 мая)&lt;/strong&gt;&lt;br /&gt;&amp;#127807; Неделя творчества и прокрастинации&lt;br /&gt;Вдохновение будет на высоте, но... только если вы не будете смотреть мемы по 3 часа подряд. Ваш новый персонаж — великолепен, но не превращайте его в ходячую энциклопедию цитат из аниме.&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9802; &lt;strong&gt;Близнецы (21 мая – 20 июня)&lt;/strong&gt;&lt;br /&gt;&amp;#127744; Неделя хаоса и социальных бурь&lt;br /&gt;Вы будете душой компании — как в игре, так и в реальности. Проблема в том, что ваш персонаж может случайно собрать вокруг себя 4 любовных треугольника и устроить политический переворот.&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&amp;#9679; &lt;strong&gt;Ева&lt;/strong&gt; скоро выходит за Уилла, но волнует её по-прежнему &lt;strong&gt;Чейс&lt;/strong&gt; - тот самый бывший, причинивший много боли и снившийся в кошмарах (в кошмарах ли?). Кого выберет Ева? И нужно ли ей вообще выбирать? » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49359#p4965147&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;I bet you think about me&lt;/a&gt;&lt;br /&gt;&amp;#9679; А вы знали, что &lt;strong&gt;Джо&lt;/strong&gt; с &lt;strong&gt;Уиллом&lt;/strong&gt; жили под одной крышей, когда начали встречаться? А что они собираются переехать в Нью-Хэйвен и пожениться? Но прежде чем их планы будут осуществлены им предстоит рассказать родителям Уилла правду. Как те отреагируют? Станет ли это началом конца? » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49388#p4969552&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;spring of life&lt;/a&gt;&lt;br /&gt;&amp;#9679; &lt;strong&gt;Отто&lt;/strong&gt; получил кулаком &lt;strong&gt;Кристы&lt;/strong&gt; по лицу - заслуженно ли? Ответы стоит искать в других историях, а может быть даже и в этой. Так-то главный вопрос вечера: а сможет ли мистер Левис сохранить чужой секрет? Ведь &lt;strong&gt;Эмма&lt;/strong&gt;, случайно ставшая свидетельницей некрасивой сцены, вряд ли согласится остаться без ответов. » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49276#p4958128&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;беги по ветру&lt;/a&gt;&lt;br /&gt;&amp;#9679; А вот у четы МакАллистеров самый настоящий блокбастер в реальной жизни! Казино, покерный стол, бывший муж и друг, натворивший дел, мертвая любовница, самое настоящее похищение, возможно, измена и пара молодожёнов (влюблённых ли?) в лице &lt;strong&gt;Нейтана&lt;/strong&gt; и &lt;strong&gt;Елены&lt;/strong&gt; в эпицентре. Финал так просто и не предугадаешь! » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49318#p4961202&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;спасай_ся&lt;/a&gt;&lt;br /&gt;&amp;#9679; &lt;strong&gt;Фло&lt;/strong&gt; и &lt;strong&gt;Калеб&lt;/strong&gt; в свою очередь отправляются по штатам на машине - время охуенной истории с трипами, сексом и алкоголем. Вы уже заинтригованы? Я да! » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49377#p4967653&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;was will ich mehr?&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 12px&quot;&gt;&lt;strong&gt;ВЫИГРЫШНЫЙ БИЛЕТ: #XXXXXX&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;МОДНЫЙ ПРИГОВОР:&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;чей розовый аутфит лучше?&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;ВРЕМЯ ТЕСТОВ&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; rowspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/qkCmUPo.png&quot; alt=&quot;одри&quot; title=&quot;одри&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; rowspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/vddU83d.png&quot; alt=&quot;ариана&quot; title=&quot;ариана&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; rowspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/FzshuGx.png&quot; alt=&quot;джуди&quot; title=&quot;джуди&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&amp;#9679; Аарон предлагает &lt;a href=&quot;https://testometrika.com/thinking/humanities-or-a-techie/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;узнать насколько вы технарь, а насколько гуманитарий&lt;/a&gt;&lt;br /&gt;&amp;#9679; Вы ещё не знаете кто вы из Смешариков? Пришло время это &lt;a href=&quot;https://eksmo.ru/test/kto-vy-iz-smesharikov/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;исправить&lt;/a&gt;!&lt;br /&gt;&amp;#9679; Вам нравятся собаки? Тогда самое время узнать какой породы псы вам ближе всего! Переходим по &lt;a href=&quot;https://www.vam.ac.uk/mused/random/personality-quiz-which-type-of-dog-are-you/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;ссылке&lt;/a&gt; и вскрываем карты.&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;результаты тестов выкладывайте в &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=40540&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;специальную тему&lt;/a&gt;, за пройденный тест положена 500 сакр - приходите в лс &lt;strong&gt;Джерри&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;5&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;ОТ ВСЕЙ ДУШИ ПОЗДРАВЛЯЮ ВЫЖИВШИХ В БУНКЕРЕ &amp;#10024;&amp;#10024;&amp;#10024;&lt;/span&gt;&lt;br /&gt;если вам есть кого поздравить или кому передать привет - пишите в лс &lt;strong&gt;Джерри&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; rowspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9803; &lt;strong&gt;Рак (21 июня – 22 июля)&lt;/strong&gt;&lt;br /&gt;&amp;#128167; Неделя чувств и драматических откровений&lt;br /&gt;Ваш персонаж обязательно устроит эмоциональный монолог. Хорошая новость: все заплачут. Плохая новость: вы тоже. Не пишите посты поздно ночью на грустной музыке — иначе рискуете случайно превратить своего героя в воплощение страданий.&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9804; &lt;strong&gt;Лев (23 июля – 22 августа)&lt;/strong&gt;&lt;br /&gt;&amp;#127775; Неделя славы и внезапных фан-клубов&lt;br /&gt;Ваш персонаж будет блистать! Будьте готовы к тому, что его будут либо боготворить, либо ненавидеть — но точно не игнорировать. Вы рискнёте добавить в пост три абзаца чистой пафосной речи, и... всем понравится.&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9805; &lt;strong&gt;Дева (23 августа – 22 сентября)&lt;/strong&gt;&lt;br /&gt;&amp;#129513; Неделя порядка и перфекционизма&lt;br /&gt;Вы решите переделать старую анкету, затем добавить ещё 15 новых пунктов... а потом переписать пост дважды, чтобы было идеально. Помните: иногда «нормально» — это уже достаточно хорошо.&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;&lt;strong&gt;В ТВИТТЕРЕ ПИШУТ:&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&amp;#9679; &lt;strong&gt;Коул&lt;/strong&gt; не единственный клоун в жизни &lt;strong&gt;Мерси&lt;/strong&gt;. Мнения? Советы? Рекомендации? Оставляйте ваши комментарии к посту &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49261&amp;amp;p=95#p4971590&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;в твиттере&lt;/a&gt;.&lt;br /&gt;&amp;#9679; &lt;strong&gt;Джуди&lt;/strong&gt; рапортует, что Гарри Стайлз наконец-то признал, что ТА САМАЯ песня про рыбу! Все подробности читайте в &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49261&amp;amp;p=97#p4972698&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Твиттере&lt;/a&gt;.&lt;br /&gt;&amp;#9679; &lt;strong&gt;Юнас&lt;/strong&gt; предлагает заниматься в рабочее время вещами поприятнее чем созвоны, задачи и вот эта вся дичь. Заинтересованы? Спешите узнать программу человека, за которого я бы проголосовал, в его &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49261&amp;amp;p=96#p4972627&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;твите&lt;/a&gt;!&lt;br /&gt;&amp;#9679; А вот &lt;strong&gt;Джеймс&lt;/strong&gt; нашёл легкий способ вернуться в детство. Вам уже интересно? Я дам подсказку: бутерброд с колбасой! Если вы ещё не догадались, ответ можно узнать &lt;br /&gt; в его &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49261&amp;amp;p=97#p4973351&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;твите&lt;/a&gt;.&lt;br /&gt;&amp;#9679; У &lt;strong&gt;Селены&lt;/strong&gt; с &lt;strong&gt;Исой&lt;/strong&gt; на этой неделе был маленький юбилей - два месяца со дня знакомства. И всё это время они ярко сияют не небосклоне Сакраменто! Прочитать лично признание Селены можно по &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49261&amp;amp;p=98#p4973519&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;ссылке&lt;/a&gt;.&lt;br /&gt;&amp;#9679; &lt;strong&gt;Селена&lt;/strong&gt; предлагает открыть галерею &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49382&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;мемов крокодила&lt;/a&gt;. А что думаете вы? Пора ли открывать сбор денег для открытия? Спешите проявить гражданскую сознательность в &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49261&amp;amp;p=93#p4970876&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;твиттере&lt;/a&gt;!&lt;br /&gt;&amp;#9679; &lt;strong&gt;Эйнсли&lt;/strong&gt; считает, что спорить с природой не стоит. Почему она сделала такие выводы и что же произошло, читайте в её &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49261&amp;amp;p=93#p4970837&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;твите&lt;/a&gt;.&lt;br /&gt;&amp;#9679; &lt;strong&gt;Одри&lt;/strong&gt; вампир?! Вы тоже не можете поверить своим глазам? Скорее читайте подробности в &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49261&amp;amp;p=95#p4971305&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;твите Дакоты&lt;/a&gt;!&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;strong&gt;&lt;a href=&quot;https://sacramento.rusff.me/profile.php?id=6449&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;ДЖЕЙН&lt;/a&gt;&lt;/strong&gt; ГОТОВИТ: &lt;strong&gt;ПАСТУШИЙ ПИРОГ&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; rowspan=&quot;4&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9806; &lt;strong&gt;Весы (23 сентября – 22 октября)&lt;/strong&gt;&lt;br /&gt;&amp;#9878;&amp;#65039; Неделя поиска идеального баланса&lt;br /&gt;Ваши соцсети и ролевые чаты превратятся в бурлящий океан общения. Вы рискуете потратить полдня на дискуссию о мотивации второстепенного персонажа, забыв о собственных постах.&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9807; &lt;strong&gt;Скорпион (23 октября – 21 ноября)&lt;/strong&gt;&lt;br /&gt;&amp;#128375;&amp;#65039; Неделя загадок и коварных планов&lt;br /&gt;Вы придумаете сюжетный ход настолько хитроумный, что сами удивитесь. Будьте осторожны: если вы сделаете своего персонажа слишком загадочным, в какой-то момент даже вы забудете, что он задумал.&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9808; &lt;strong&gt;Стрелец (22 ноября – 21 декабря)&lt;/strong&gt;&lt;br /&gt;&amp;#127993; Неделя авантюр и импульсивных решений&lt;br /&gt;Вы можете внезапно придумать сюжет на 100 страниц… но забудете его записать. Ваши персонажи будут вести себя как в боевике — с погонями, драками и случайными шутками на ходу.&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;1&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;вам понадобится:&lt;/strong&gt;&lt;br /&gt;&amp;#9679; фарш говяжий&lt;br /&gt;&amp;#9679; луковица&lt;br /&gt;&amp;#9679; сладкая паприка&lt;br /&gt;&amp;#9679; банка рубленых томатов без кожицы&lt;br /&gt;&amp;#9679; картофель&lt;br /&gt;&amp;#9679; зеленый горошек&lt;br /&gt;&amp;#9679; укроп&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;Рецепт&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;Обжариваем лучок, к нему - фарш, разбиваем на комочки; когда обжарится - можно посолить и добавить все сухие специи, после - морковь и/или перец, далее - томаты в собственном соку и горошек. Обжаривать до выпаривания жидкости максимально, это важно!&lt;br /&gt;Картошечку отвариваем, сливаем почти всю воду, делаем пюре со сливочным маслом и укропчиком.&lt;br /&gt;После - берем форму для запекания...&amp;#160; &lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=48770#p4931582&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;» кулинарный клуб&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;&lt;strong&gt;СЧАСТЛИВЫЕ ЧИСЛА НЕДЕЛИ&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;если у вас есть одно или несколько чисел где-то в профиле, несите скриншот - я заплачу вам сакр&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 32px&quot;&gt;2 6 9&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; rowspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9809;&lt;strong&gt; Козерог (22 декабря – 19 января)&lt;/strong&gt;&lt;br /&gt;&amp;#127956;&amp;#65039; Неделя контроля и стратегий&lt;br /&gt;Ваш план по развитию сюжета идеален... если только остальные игроки его поддержат. Если кто-то нарушит вашу схему, не расстраивайтесь — возможно, это именно то, чего не хватало для интересного поворота.&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&amp;#9810; &lt;strong&gt;Водолей (20 января – 18 февраля)&lt;/strong&gt;&lt;br /&gt;&amp;#9889; Неделя гениальных идей и странных экспериментов&lt;br /&gt;Вы, скорее всего, предложите самый безумный ход, о котором никто не подумал… и он окажется гениальным. Но не увлекайтесь: не всё, что кажется забавным, в итоге работает.&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;&amp;#9811; Рыбы (19 февраля – 20 марта)&lt;/strong&gt;&lt;br /&gt;&amp;#127754; Неделя вдохновения и мистических совпадений&lt;br /&gt;Вы начнёте писать красивейший пост… а потом осознаете, что ушли в поэтические метафоры на полторы страницы. Это красиво, но возможно, игрокам потребуется словарь.&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;&lt;strong&gt;«В САКРАМЕНТО СЕЙЧАС...»&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;а у нас в квартире газ, а у вас?&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&amp;#9679; Между прочим пока мы тут все пребывали в спячке &lt;strong&gt;Коул&lt;/strong&gt; собрался на свидание. Гетеро! Как будто бы самое обычное, но мы не верим. Что скрывает &lt;strong&gt;Каролина&lt;/strong&gt;? Так ли она проста? » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49390#p4969787&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;20:00 of spring&lt;/a&gt;&lt;br /&gt;&amp;#9679; В Госпитале Святого Патрика работают профессионалы. Пациент умер на хирургическом столе, виноват ли в этом кто-то? Всё ли сделали &lt;strong&gt;Дерек&lt;/strong&gt; и &lt;strong&gt;Селена&lt;/strong&gt;, чтобы его спасти? И к чему это приведёт? » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49350#p4964351&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;hope for the hopeless&lt;/a&gt;&lt;br /&gt;&amp;#9679; Представьте себе Сицилию. А на фоне жаркой и прекрасной в своей самобытности южной Италии &lt;strong&gt;Веспер&lt;/strong&gt; и &lt;strong&gt;Диану&lt;/strong&gt;, случайно встретившихся из-за ошибки в аэропорту. К чему приведёт их встреча? » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49395#p4970537&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;ты смеешься, расправив плечи, и ничего у тебя не болит;&lt;/a&gt;&lt;br /&gt;&amp;#9679; &lt;strong&gt;Криста&lt;/strong&gt; видет воронов. &lt;strong&gt;Кристин&lt;/strong&gt; только кажется слабой, а на деле никогда не сдаётся, если дело касается Вангер. Они уже пережили болезненную ссору, осуждение близких, внематочную беременность и галлюцинации. Что их ждёт дальше? » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49357#p4965004&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;швы открылись ранами&lt;/a&gt;&lt;br /&gt;&amp;#9679; У хирургов есть жизнь вне стен больницы, но какая она вкус? Терпкая как текила? Изучением вопроса занимаются молодые специалисты &lt;strong&gt;Дерек&lt;/strong&gt; и &lt;strong&gt;Селена&lt;/strong&gt;. » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49379#p4967890&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;shattered&lt;/a&gt;&lt;br /&gt;&amp;#9679; А у &lt;strong&gt;четы Рихтеров &lt;/strong&gt;свидание! Они правда ещё совсем не чета Рихтеров: молоды и зелены, но как и всегда прекрасны. Чем же закончится вечер? » &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=48698#p4862733&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;In dubio pro reo&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 6em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;iframe frameborder=&amp;quot;0&amp;quot; allow=&amp;quot;clipboard-write&amp;quot; style=&amp;quot;border:none;width:300px;height:88px;&amp;quot; width=&amp;quot;320&amp;quot; height=&amp;quot;88&amp;quot; src=&amp;quot;https://music.yandex.ru/iframe/album/11999153/track/48592004&amp;quot;&amp;gt;Слушайте &amp;lt;a href=&amp;quot;https://music.yandex.ru/album/11999153/track/48592004&amp;quot;&amp;gt;Хочу к тебе&amp;lt;/a&amp;gt; — &amp;lt;a href=&amp;quot;https://music.yandex.ru/artist/41191&amp;quot;&amp;gt;Баста&amp;lt;/a&amp;gt; на Яндекс Музыке&amp;lt;/iframe&amp;gt;
&amp;lt;iframe frameborder=&amp;quot;0&amp;quot; allow=&amp;quot;clipboard-write&amp;quot; style=&amp;quot;border:none;width:300px;height:88px;&amp;quot; width=&amp;quot;320&amp;quot; height=&amp;quot;88&amp;quot; src=&amp;quot;https://music.yandex.ru/iframe/album/23674723/track/107742718&amp;quot;&amp;gt;Слушайте &amp;lt;a href=&amp;quot;https://music.yandex.ru/album/23674723/track/107742718&amp;quot;&amp;gt;Когда цвели сады&amp;lt;/a&amp;gt; — &amp;lt;a href=&amp;quot;https://music.yandex.ru/artist/668651&amp;quot;&amp;gt;Анна Герман&amp;lt;/a&amp;gt; на Яндекс Музыке&amp;lt;/iframe&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;strong&gt;» ЕСЛИ БЫ ВЫ МОГЛИ БЫТЬ ЛЮБЫМ ПЕРСОНАЖЕМ ИЗ КНИГИ, КТО БЫ ЭТО БЫЛ?&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;&lt;strong&gt;Каспер Кинг:&lt;/strong&gt; Ретт Батлер. Говорит, что думает; держит лицо; остается мужчиной всегда. Гордый, уверенный в себе, уверенный в каждом шаге, богатый и умный. &lt;br /&gt;Видящий насквозь всех и каждого, но с улыбкой скрывающий свои знания, при этом идущий своим путем вопреки общественному мнению&lt;br /&gt;&lt;strong&gt;Цезарь Морено:&lt;/strong&gt; богатым)&lt;br /&gt;&lt;strong&gt;Юнас Линч:&lt;/strong&gt; Перси Джексон! хочу управлять водой и говорить с лошадьми&lt;br /&gt;&lt;strong&gt;Мерсия Сальгари:&lt;/strong&gt; Доминик Франкон из Источника&lt;br /&gt;&lt;strong&gt;Джейн Кеннеди:&lt;/strong&gt; Чудовищная книга о чудищах!&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;4&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;БЮРО ЗНАКОМСТВ&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;знакомимся с вашими npc&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; rowspan=&quot;3&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/r1ohsjj.png&quot; alt=&quot;https://i.imgur.com/r1ohsjj.png&quot; /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;скидка 75% на любой лот распродажи, кодовое слово: &lt;strong&gt;арамзамзам&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;4&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=49247#p4954128&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Aaron Tarantino&lt;/a&gt;, 19 лет, соучастник семьи Торрели&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;Чистокровный испанец. Родился в Барселоне, когда его матери было 17 лет. Отец же не знал о его существовании.&lt;br /&gt;Из роддома отправился сразу в США к приемной семье, так как мать, не став брать на себя участь матери-одиночки, написала отказ от ребенка.&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;4&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=48710#p4863315&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Giovanni Santini&lt;/a&gt;, 40 лет, соучастник южной команды мафии, совладелец бизнеса «WiseDevice», программист-фрилансер&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;Если судить по Джованни о его жестикуляции, то перед глазами непременно раскроется типичный итальянец, который складывает пальцы при разговоре и вопрошает «perch&amp;#233;?», слегка выгнув бровь. На этом, вероятно, его стереотипный образ заканчивается....&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;&lt;a href=&quot;https://sacramento.rusff.me/profile.php?id=9210&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;ВИТО&lt;/a&gt;&lt;/strong&gt; ИГРАЕТ:&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;САКРАМЕНТО&lt;/strong&gt; СМОТРИТ:&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;&lt;a href=&quot;https://sacramento.rusff.me/profile.php?id=8169&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;ГОВАРД&lt;/a&gt;&lt;/strong&gt; ЧИТАЕТ:&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;КЛЕТЬ, 2024&lt;/strong&gt;&lt;br /&gt;&lt;strong&gt;жанры:&lt;/strong&gt; экшены, приключенческие игры, инди, ранний доступ&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;По сути, это тот же самый жанр, что и Lethal Company, и все прочие &amp;quot;выживачи&amp;quot; с поиском лута на карте и прохождением этажей. Ты катаешься на лифте по ГИГАХРУЩЁВКЕ (русреал еее), собираешь бутылки, бегаешь от грибов, умираешь от самосбора... Игра достаточно весёлая, мне на первый взгляд показалась слишком лёгкой...&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;» &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=47571&amp;amp;p=4#p4948203&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;полный отзыв&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/U9hDJTI.png&quot; alt=&quot;субстанция&quot; title=&quot;субстанция&quot; /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;span style=&quot;font-family: Arial Black&quot;&gt;8&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: red&quot;&gt;&amp;#9733;&amp;#9733;&amp;#9733;&amp;#9733;&amp;#9733;&amp;#9733;&amp;#9733;&amp;#9733;&lt;/span&gt;&lt;span style=&quot;color: gray&quot;&gt;&amp;#9733;&amp;#9733;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;«&lt;strong&gt;ШАНХАЙСКАЯ ГОЛОВОЛОМКА&lt;/strong&gt;», Ши Чень&lt;br /&gt;&lt;strong&gt;жанр:&lt;/strong&gt; триллер, мистерия&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;Что касательно самой истории: это расследование массового убийства 20летней давности в особняке. Дело тогда было условно раскрыто, но в нем осталось полно белых пятен. Читать интересно, сюжет закручен, события несутся ровным быстрым темпом. Написано все это очень простым языком, поэтому идет легко. Какие-то вещи было несложно предугадать...&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;» &lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=27283&amp;amp;p=65#p4969959&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;полный отзыв&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;5&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;кодовое слово: &amp;quot;&lt;strong&gt;романтик&lt;/strong&gt;&amp;quot;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;если прийти с ним в лс &lt;strong&gt;Джерри&lt;/strong&gt; и ответить на один вопрос, можно получить приз!&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;5&quot; style=&quot;background-color:#ffffff&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 12px&quot;&gt;Если у вас есть предложения (рубрик, новостей, вы лучше знаете, что у вас происходит в эпизоде, какие-то известия вроде планируемый свадьбы или похорон, да что угодно) смело пишите в ЛС &lt;strong&gt;Джерри&lt;/strong&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Wed, 19 Mar 2025 12:33:20 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=191#p191</guid>
		</item>
		<item>
			<title>карточки</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=187#p187</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;SteamCards&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/VOnn0i8.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/8lB9oxV.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/XRvTvTw.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/thS15hz.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/y1J0G88.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;SteamCards&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/EHZCX5W.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/p0R5bkO.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/vM58b96.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/gPB3kxS.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/tfIEXLj.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;SteamCards&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/Nf85Scd.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/WW4tXNk.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/eH24raG.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/uOTu6ej.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;card3d&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/p14KNAP.png&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;
/* Блок с карточками */
.SteamCards {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 32px;
}

/* Контейнер карточки */
.card3d {
  transform: scale(1);
  perspective: 500px;
}

/* Контейнер карточки при наведении */
.card3d:hover {
  z-index: 10;
  transform: scale(1.2);
}

/* Картинки карточек */
.card3d img {
    width: 100px;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0 0 0 / .12);
}

/* Картинки карточек при наведении */
.card3d:hover img {
    box-shadow: 0 16px 32px rgba(0 0 0 / .38);
}

/* Плавность анимации */
.card3d,
.card3d img {
  transition: all 250ms ease-out;
}
&amp;lt;/style&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Mon, 03 Mar 2025 13:32:35 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=187#p187</guid>
		</item>
		<item>
			<title>123</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=183#p183</link>
			<description>&lt;div class=&quot;valentine&quot; id=&quot;block-1&quot;&gt;&lt;div class=&quot;card4&quot; id=&quot;block-10&quot;&gt;&lt;/div&gt;&lt;div class=&quot;cardtext&quot; id=&quot;block-2&quot;&gt;&lt;div class=&quot;cardfor&quot; id=&quot;block-13&quot;&gt;&lt;p&gt;кому: яго&lt;/p&gt;&lt;/div&gt;
						&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nulla tortor, sollicitudin id tincidunt eget, tristique et nunc. Pellentesque pellentesque eleifend eleifend. Aliquam sodales turpis lacus, ac vehicula nisi iaculis eu. &lt;/p&gt;&lt;div class=&quot;cardfrom&quot; id=&quot;block-3&quot;&gt;&lt;p&gt;- твой кот&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;///&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;valentine&quot; id=&quot;block-4&quot;&gt;&lt;div class=&quot;card5&quot; id=&quot;block-11&quot;&gt;&lt;/div&gt;&lt;div class=&quot;cardtext&quot; id=&quot;block-5&quot;&gt;&lt;div class=&quot;cardfor&quot; id=&quot;block-14&quot;&gt;&lt;p&gt;кому: яго&lt;/p&gt;&lt;/div&gt;
						&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nulla tortor, sollicitudin id tincidunt eget, tristique et nunc. Pellentesque pellentesque eleifend eleifend. Aliquam sodales turpis lacus, ac vehicula nisi iaculis eu. &lt;/p&gt;&lt;div class=&quot;cardfrom&quot; id=&quot;block-6&quot;&gt;&lt;p&gt;- твой кот&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;///&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;valentine&quot; id=&quot;block-7&quot;&gt;&lt;div class=&quot;card6&quot; id=&quot;block-12&quot;&gt;&lt;/div&gt;&lt;div class=&quot;cardtext&quot; id=&quot;block-8&quot;&gt;&lt;div class=&quot;cardfor&quot; id=&quot;block-15&quot;&gt;&lt;p&gt;кому: яго&lt;/p&gt;&lt;/div&gt;
						&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nulla tortor, sollicitudin id tincidunt eget, tristique et nunc. Pellentesque pellentesque eleifend eleifend. Aliquam sodales turpis lacus, ac vehicula nisi iaculis eu. &lt;/p&gt;&lt;div class=&quot;cardfrom&quot; id=&quot;block-9&quot;&gt;&lt;p&gt;- твой кот&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Tue, 11 Feb 2025 18:11:51 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=183#p183</guid>
		</item>
		<item>
			<title>настолка vol 2</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=180#p180</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;style&amp;gt;
    .main_game {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80vh;
        background-color: transparent;
        position: relative;
    }
    .board {
        display: grid;
        grid-template-columns: repeat(8, 80px);
        grid-template-rows: repeat(8, 80px);
        gap: 2px;
        background: url(https://i.pinimg.com/736x/46/ee/50/46ee50f177f6355e5627830b7364834e.jpg);
        padding: 10px;
        border-radius: 20px;
        position: relative;
    }
    .cell {
        width: 75px;
        height: 75px;
        border: 2px solid #fff;
        border-radius: 50%;
        position: relative;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: bold;
        background-color: white;
        margin: 4px;
        z-index: 1;
    }
    .cell:hover .popup {
        display: block;
    }
    .popup {
        display: none;
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0, 0, 0, 0.8);
        color: white;
        padding: 5px;
        border-radius: 5px;
        font-size: 12px;
        white-space: normal;
        width: 150px;
        z-index: 25;
    }
    .token {
        width: 40px;
        height: 40px;
        background-size: cover;
        /*border-radius: 50%;*/
        background-color: transparent;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        color: white;
        text-align: center;
        overflow: hidden;
        z-index: 4;

    }
    .token img {
        width: 100%;
        height: 100%;
        /*border-radius: 50%;*/
    }
    .arrow {
        position: absolute;
        width: 6px;
        height: 35px;
        background-color: #929292;
        z-index: 5;
    }
    .arrow::after {
        content: &#039;&#039;;
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 10px;
        height: 10px;
        border-right: 6px solid #929292;
        border-bottom: 6px solid #929292;
    }
   
    .number_one{
        margin-top: -480px;
        margin-left: -570px;
     }

    .number_two {
          margin-top: -320px;
          margin-left: 580px;
    }

    .number_three {
         margin-top: -160px;
         margin-left: -570px;
   }

    .number_four {
          margin-top: 10px;
          margin-left: 580px;
    }

    .number_five {
         margin-top: 170px;
         margin-left: -570px;
   }

    .number_six {
          margin-top: 330px;
          margin-left: 580px;
    }

    .number_seven {
         margin-top: 500px;
         margin-left: -570px;
   }

    .from_38_to_43 {
    margin-top: 170px;
    margin-left: -240px;
    background: transparent;
    height: 50px;
    width: 6px;
    
 
   }

   .green {
     /*background-image: linear-gradient(transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(rgba(60, 179, 0, 1) 45%, rgba(19, 64, 135, 1) 
     94%);*/
    border: none;
    background-color: #d4f088;
    /*background-size: 20px 3px, 100% 3px;*/
   }

   .green::after {
    border-right: 6px solid #d4f088;
    border-bottom: 6px solid #d4f088;
    }

      .from_34_to_18 {
     margin-top: -75px;
    margin-left: 450px;
    background: transparent;
    height: 130px;
    width: 6px;
   }

   .red{
     /*background-image: linear-gradient(transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(rgba(179,0,0,1) 45%, rgba(135,19,119,1) 
     94%);*/
    border: none;
    /*background-size: 20px 3px, 100% 3px;*/
   background-color: #f08888;
   }

    .red::after{
       content: &#039;&#039;;
        position: absolute;
        top: -6px;
        left: 50%;
        transform: translateX(-50%) rotate(225deg);
        border-right: 6px solid #f08888;
        border-bottom: 6px solid #f08888;

    }

    .from_14_to_27 {
     margin-top: -250px;
    margin-left: 10px;
    height: 250px;
    width: 6px;
    transform: rotate(55deg);
   }

    .from_26_to_23 {
    margin-top: -150px;
    margin-left: -400px;
    height: 50px;
    width: 6px;
   }

    .from_22_to_12 {
    margin-top: -320px;
    margin-left: -150px;
    height: 80px;
    width: 6px;
    transform: rotate(55deg);
   }

    .from_30_to_37 {
    margin-top: 10px;
    margin-left: 100px;
    height: 150px;
    width: 6px;
    transform: rotate(55deg);
   }

    .from_52_to_61 {
    margin-top: 490px;
    margin-left: 90px;
    height: 50px;
    width: 6px;
   }

    .from_58_to_45 {
      margin-top: 410px;
      margin-left: -160px;
      height: 255px;
      transform: rotate(55deg);
   }

    .from_56_to_42 {
    margin-top: 340px;
    margin-left: -500px;
    height: 80px;
    transform: rotate(55deg);
   }

  .lion{
    background-image: url(https://i.imgur.com/rkYki6Q.png);
    margin-top: -700px;
    margin-left: 580px;
  }

  .bear{
    background-image: url(https://i.imgur.com/h0XbuP1.png);
    margin-top: -700px;
    margin-left: 670px;
  }

   .tiger{
    background-image: url(https://i.imgur.com/SxRSjru.png);
    margin-top: -620px;
    margin-left: 670px;
  }

   .panda{
    background-image: url(https://i.imgur.com/xQm9Gmz.png);
    margin-top: -620px;
    margin-left: 580px;
  }

   .gyraff{
    background-image: url(https://i.imgur.com/7UFZxeS.png);
    margin-top: -540px;
    margin-left: 580px;
  }

   .fox{
    background-image: url(https://i.imgur.com/c8kTdtO.png);
    margin-top: -540px;
    margin-left: 670px;
  }

&amp;lt;/style&amp;gt;

&amp;lt;div class=&amp;quot;main_game&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;board&amp;quot; id=&amp;quot;board&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow number_one&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow number_two&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow number_three&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow number_four&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow number_five&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow number_six&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow number_seven&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow from_38_to_43 green&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow from_34_to_18 red&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow from_14_to_27 green&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow from_26_to_23 red&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow from_22_to_12 red&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow from_56_to_42 red&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow from_58_to_45 red&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow from_52_to_61 green&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;arrow from_30_to_37 green&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;token lion&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;token bear&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;token tiger&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;token panda&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;token gyraff&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;token fox&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;script&amp;gt;
    const board = document.getElementById(&amp;quot;board&amp;quot;);
    const rows = 8;
    const cols = 8;
    
    for (let row = 0; row &amp;lt; rows; row++) {
        for (let col = 0; col &amp;lt; cols; col++) {
            let index = row % 2 === 0 ? (row * cols) + (cols - col - 1) : (row * cols) + col;
            
            const cell = document.createElement(&amp;quot;div&amp;quot;);
            cell.classList.add(&amp;quot;cell&amp;quot;);
            cell.dataset.index = index;
            cell.innerText = index == 0 ? &amp;quot;СТАРТ&amp;quot; : index == 63 ? &amp;quot;ФИНИШ&amp;quot; : index + 1;
            
            const popup = document.createElement(&amp;quot;div&amp;quot;);
            popup.classList.add(&amp;quot;popup&amp;quot;);
            popup.innerText = `Клетка ${index+1}`;
            cell.appendChild(popup);
            
            board.appendChild(cell);
        }
    }
 

    function setCellInfo(cellIndex, info, styles) {
            const cell = document.querySelector(`.cell[data-index=&#039;${cellIndex}&#039;]`);
            if (cell) {
                cell.querySelector(&#039;.popup&#039;).innerText = info;
                cell.style.cssText = styles;
            }
        }



        setCellInfo(0, &amp;quot;СТАРТ&amp;quot;, &amp;quot;background: url(https://i.imgur.com/diO4j3n.png); color: #bb5c93; border: 2px dashed white;&amp;quot;);
        setCellInfo(63, &amp;quot;ФИНИШ&amp;quot;, &amp;quot;background: url(https://i.imgur.com/diO4j3n.png); color: #bb5c93; border: 2px dashed white;&amp;quot;);
        setCellInfo(62, &amp;quot;Специальная зона: графическая&amp;quot;, &amp;quot;background: url(https://i.imgur.com/LdwHIhI.png); color: black; border: 2px dashed white;&amp;quot;);
        setCellInfo(59, &amp;quot;Специальная зона: игровая&amp;quot;, &amp;quot;background: url(https://i.imgur.com/FoWxFoC.png); color: black; border: 2px dashed white;&amp;quot;);   
        setCellInfo(48, &amp;quot;Специальная зона: эстетичная&amp;quot;, &amp;quot;background: url(https://i.imgur.com/Cp7HgdA.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(43, &amp;quot;Специальная зона: о тебе&amp;quot;, &amp;quot;background: url(https://i.imgur.com/GgahslX.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(32, &amp;quot;Специальная зона: графическая&amp;quot;, &amp;quot;background: url(https://i.imgur.com/LdwHIhI.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(16, &amp;quot;Специальная зона: графическая&amp;quot;, &amp;quot;background: url(https://i.imgur.com/LdwHIhI.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(28, &amp;quot;Специальная зона: игровая&amp;quot;, &amp;quot;background: url(https://i.imgur.com/FoWxFoC.png); color: black; border: 2px dashed white;&amp;quot;); 
         setCellInfo(14, &amp;quot;Специальная зона: игровая&amp;quot;, &amp;quot;background: url(https://i.imgur.com/FoWxFoC.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(24, &amp;quot;Специальная зона: эстетичная&amp;quot;, &amp;quot;background: url(https://i.imgur.com/Cp7HgdA.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(8, &amp;quot;Специальная зона: эстетичная&amp;quot;, &amp;quot;background: url(https://i.imgur.com/Cp7HgdA.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(20, &amp;quot;Специальная зона: о тебе&amp;quot;, &amp;quot;background: url(https://i.imgur.com/GgahslX.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(38, &amp;quot;Специальная зона: о тебе&amp;quot;, &amp;quot;background: url(https://i.imgur.com/GgahslX.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(5, &amp;quot;Специальная зона: игровая&amp;quot;, &amp;quot;background: url(https://i.imgur.com/FoWxFoC.png); color: black; border: 2px dashed white;&amp;quot;); 

        setCellInfo(12, &amp;quot;Дополнительный бросок кубика&amp;quot;, &amp;quot;background: url(https://i.imgur.com/GHN4JCH.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(45, &amp;quot;Дополнительный бросок кубика&amp;quot;, &amp;quot;background: url(https://i.imgur.com/GHN4JCH.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(27, &amp;quot;Дополнительный бросок кубика&amp;quot;, &amp;quot;background: url(https://i.imgur.com/GHN4JCH.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(2, &amp;quot;Дополнительный бросок кубика&amp;quot;, &amp;quot;background: url(https://i.imgur.com/GHN4JCH.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(35, &amp;quot;Пропуск хода&amp;quot;, &amp;quot;background: url(https://i.imgur.com/NIOCfAS.png); color: black; border: 2px dashed white;&amp;quot;); 
         setCellInfo(18, &amp;quot;Пропуск хода&amp;quot;, &amp;quot;background: url(https://i.imgur.com/NIOCfAS.png); color: black; border: 2px dashed white;&amp;quot;);    
         setCellInfo(58, &amp;quot;Пропуск хода&amp;quot;, &amp;quot;background: url(https://i.imgur.com/NIOCfAS.png); color: black; border: 2px dashed white;&amp;quot;);    
         setCellInfo(9, &amp;quot;Пропуск хода&amp;quot;, &amp;quot;background: url(https://i.imgur.com/NIOCfAS.png); color: black; border: 2px dashed white;&amp;quot;);   
         setCellInfo(54, &amp;quot;Пропуск хода&amp;quot;, &amp;quot;background: url(https://i.imgur.com/NIOCfAS.png); color: black; border: 2px dashed white;&amp;quot;);   
&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 18px&quot;&gt;&lt;strong&gt;СПЕЦИАЛЬНЫЕ КЛЕТКИ&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;table style=&quot;table-layout:fixed;width:100%&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/1oVWcPB.png&quot; alt=&quot;https://i.imgur.com/1oVWcPB.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/z1cQxq8.png&quot; alt=&quot;https://i.imgur.com/z1cQxq8.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/HBsyI4x.png&quot; alt=&quot;https://i.imgur.com/HBsyI4x.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/KTVGYRX.png&quot; alt=&quot;https://i.imgur.com/KTVGYRX.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/gWq0kgN.png&quot; alt=&quot;https://i.imgur.com/gWq0kgN.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/OPqkOfL.png&quot; alt=&quot;https://i.imgur.com/OPqkOfL.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;доп. кубик&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;пропуск хода&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;игровая&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;эстетичная&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;о тебе&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;графическая&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;собственно, идём в чат и бросаем ещё один кубик!&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;один день ничего не делаем, кубик не кидаем&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;каждый должен написать по посту от 3к&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;каждый должен сделать по 2 аэстетики партнёру&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;пишем друг другу благодарности (не менее 300 символов)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;сделать по 3 подборки друг другу&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan=&quot;4&quot;&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;&lt;strong&gt;БОНУСЫ&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;результат броска умножается на 3&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;право перебросить кубик и выбрать один из двух результатов&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;от 1 до 4 дополнительных шагов к любому результату кубика (сколько добавить выбираете сами, можно не брать вообще)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;+ 2 или -2 к результату броска кубика (можно не брать вообще)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 18px&quot;&gt;&lt;strong&gt;УЧАСТНИКИ&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;table style=&quot;table-layout:fixed;width:100%&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/8Yo35xy.png&quot; alt=&quot;https://i.imgur.com/8Yo35xy.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/EQ7eKsG.png&quot; alt=&quot;https://i.imgur.com/EQ7eKsG.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/aM0aJ7d.png&quot; alt=&quot;https://i.imgur.com/aM0aJ7d.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/u3Ferfj.png&quot; alt=&quot;https://i.imgur.com/u3Ferfj.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/PKQmbTv.png&quot; alt=&quot;https://i.imgur.com/PKQmbTv.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/8fqd80o.png&quot; alt=&quot;https://i.imgur.com/8fqd80o.png&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;участник 1&lt;br /&gt;участник 2&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;участник 1&lt;br /&gt;участник 2&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;участник 1&lt;br /&gt;участник 2&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;участник 1&lt;br /&gt;участник 2&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;участник 1&lt;br /&gt;участник 2&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;участник 1&lt;br /&gt;участник 2&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Mon, 10 Feb 2025 16:40:25 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=180#p180</guid>
		</item>
		<item>
			<title>настолка</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=179#p179</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;style&amp;gt;
    .main_game {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80vh;
        background-color: transparent;
        position: relative;
    }
    .board {
        display: grid;
        grid-template-columns: repeat(8, 80px);
        grid-template-rows: repeat(8, 80px);
        gap: 2px;
        background: url(https://i.pinimg.com/736x/46/ee/50/46ee50f177f6355e5627830b7364834e.jpg);
        padding: 10px;
        border-radius: 20px;
        position: relative;
    }
    .cell {
        width: 75px;
        height: 75px;
        border: 2px solid #fff;
        border-radius: 50%;
        position: relative;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: bold;
        background-color: white;
        margin: 4px;
        z-index: 1;
    }
    .cell:hover .popup {
        display: block;
    }
    .popup {
        display: none;
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0, 0, 0, 0.8);
        color: white;
        padding: 5px;
        border-radius: 5px;
        font-size: 12px;
        white-space: nowrap;
    }
    .token {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: red;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        color: white;
        text-align: center;
        overflow: hidden;
        z-index: 4;
    }
    .token img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    .arrow {
        position: absolute;
        width: 2px;
        background-color: black;
        z-index: 3;
    }
    .arrow::after {
        content: &#039;&#039;;
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 10px;
        height: 10px;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
    }
&amp;lt;/style&amp;gt;

&amp;lt;div class=&amp;quot;main_game&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;board&amp;quot; id=&amp;quot;board&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;script&amp;gt;
    const board = document.getElementById(&amp;quot;board&amp;quot;);
    const rows = 8;
    const cols = 8;
    
    for (let row = 0; row &amp;lt; rows; row++) {
        for (let col = 0; col &amp;lt; cols; col++) {
            let index = row % 2 === 0 ? (row * cols) + (cols - col - 1) : (row * cols) + col;
            
            const cell = document.createElement(&amp;quot;div&amp;quot;);
            cell.classList.add(&amp;quot;cell&amp;quot;);
            cell.dataset.index = index;
            cell.innerText = index == 0 ? &amp;quot;СТАРТ&amp;quot; : index == 63 ? &amp;quot;ФИНИШ&amp;quot; : index + 1;
            
            const popup = document.createElement(&amp;quot;div&amp;quot;);
            popup.classList.add(&amp;quot;popup&amp;quot;);
            popup.innerText = `Клетка ${index+1}`;
            cell.appendChild(popup);
            
            board.appendChild(cell);
        }
    }


    function addToken(tokenIndex, cellIndex, text, imageUrl, bgColor, textColor) {
        const token = document.createElement(&amp;quot;div&amp;quot;);
        token.classList.add(&amp;quot;token&amp;quot;);
        token.dataset.tokenIndex = tokenIndex;
        token.innerHTML = text ? `&amp;lt;span&amp;gt;${text}&amp;lt;/span&amp;gt;` : &#039;&#039;;
        token.style.backgroundColor = bgColor || &amp;quot;red&amp;quot;;
        token.style.color = textColor || &amp;quot;white&amp;quot;;
        
        if (imageUrl) {
            const img = document.createElement(&amp;quot;img&amp;quot;);
            img.src = imageUrl;
            token.innerHTML = &amp;quot;&amp;quot;;
            token.appendChild(img);
        }
        document.querySelector(&amp;quot;.main_game&amp;quot;).appendChild(token);
        moveToken(token, cellIndex);
    }
    
    function moveToken(token, cellIndex) {
        const targetCell = document.querySelector(`.cell[data-index=&#039;${cellIndex}&#039;]`);
        if (targetCell) {
            const rect = targetCell.getBoundingClientRect();
            token.style.left = `${rect.left + rect.width / 2 - 20}px`;
            token.style.top = `${rect.top + rect.height / 2 - 20}px`;
        }
    }
    
    function drawArrow(fromIndex, toIndex, color = &amp;quot;black&amp;quot;) {
        const fromCell = document.querySelector(`.cell[data-index=&#039;${fromIndex}&#039;]`);
        const toCell = document.querySelector(`.cell[data-index=&#039;${toIndex}&#039;]`);
        
        if (fromCell &amp;amp;&amp;amp; toCell) {
            const fromRect = fromCell.getBoundingClientRect();
            const toRect = toCell.getBoundingClientRect();
            
            const arrow = document.createElement(&amp;quot;div&amp;quot;);
            arrow.classList.add(&amp;quot;arrow&amp;quot;);
            arrow.style.left = `${fromRect.left + fromRect.width / 2}px`;
            arrow.style.top = `${fromRect.top + fromRect.height}px`;
            arrow.style.height = `${toRect.top - fromRect.top}px`;
            arrow.style.backgroundColor = color;
            
            document.querySelector(&amp;quot;.main_game&amp;quot;).appendChild(arrow);
        }
    }

    function setCellInfo(cellIndex, info, styles) {
            const cell = document.querySelector(`.cell[data-index=&#039;${cellIndex}&#039;]`);
            if (cell) {
                cell.querySelector(&#039;.popup&#039;).innerText = info;
                cell.style.cssText = styles;
            }
        }

    addToken(0, 10, &amp;quot;A&amp;quot;, &amp;quot;&amp;quot;, &amp;quot;blue&amp;quot;, &amp;quot;white&amp;quot;);
    addToken(1, 40, &amp;quot;B&amp;quot;, &amp;quot;&amp;quot;, &amp;quot;green&amp;quot;, &amp;quot;black&amp;quot;);
    addToken(2, 30, &amp;quot;&amp;quot;, &amp;quot;https://i.imgur.com/JXdgjZ2.png&amp;quot;, &amp;quot;&amp;quot;, &amp;quot;&amp;quot;);
    addToken(3, 20, &amp;quot;D&amp;quot;, &amp;quot;https://i.imgur.com/3vJYqPi.png&amp;quot;, &amp;quot;purple&amp;quot;, &amp;quot;yellow&amp;quot;);

    setCellInfo(0, &amp;quot;Стартовая&amp;quot;, &amp;quot;background-color: lightblue; color: black;&amp;quot;);
        setCellInfo(62, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/OHNi59Q.png); color: black; border: 2px dashed white;&amp;quot;);
        setCellInfo(59, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/awRBaFH.png); color: black; border: 2px dashed white;&amp;quot;);   
        setCellInfo(48, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/FMWW8c1.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(43, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/iHSQFAX.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(32, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/semHvsZ.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(28, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/e0o6XgD.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(24, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/AYnsPHZ.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(20, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/gu4oi8A.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(38, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/Z4GHgvh.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(12, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/IOYkqtL.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(5, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/nx3Ivf6.png); color: black; border: 2px dashed white;&amp;quot;); 
    
    drawArrow(8, 16, &amp;quot;red&amp;quot;);
    drawArrow(16, 24, &amp;quot;blue&amp;quot;);
    drawArrow(24, 32, &amp;quot;green&amp;quot;);
&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Mon, 10 Feb 2025 12:22:01 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=179#p179</guid>
		</item>
		<item>
			<title>123</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=177#p177</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;&amp;lt;style&amp;gt;
        .main_game {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 80vh;
            background-color: transparent;
            position: relative;
        }
        .board {
            display: grid;
            grid-template-columns: repeat(8, 80px);
            grid-template-rows: repeat(8, 80px);
            gap: 2px;
            background: url(https://i.pinimg.com/736x/46/ee/50/46ee50f177f6355e5627830b7364834e.jpg);
            padding: 10px;
            border-radius: 20px;
            position: relative;
        }
        .cell {
            width: 75px;
            height: 75px;
            border: 2px solid #fff;
            border-radius: 50%;
            position: relative;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: bold;
            background-color: white;
            margin: 4px;
            z-index: 1;
        }
        .cell:hover .popup {
            display: block;
        }
        .popup {
            display: none;
            position: absolute;
            top: -30px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 5px;
            border-radius: 5px;
            font-size: 12px;
            white-space: nowrap;
        }
        .token {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: red;
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            color: white;
            text-align: center;
            overflow: hidden;
            z-index: 4;
        }
        .token img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }
        .arrow {
            position: absolute;
            width: 5px;
            height: 30px;
            background-color: black;
            transform: translateX(-50%);
            z-index: 3;
        }
    &amp;lt;/style&amp;gt;

&amp;lt;div class=&amp;quot;main_game&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;board&amp;quot; id=&amp;quot;board&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;script&amp;gt;
        const board = document.getElementById(&amp;quot;board&amp;quot;);
        const cells = [];
        const rows = 8;
        const cols = 8;
        
        for (let row = 0; row &amp;lt; rows; row++) {
            for (let col = 0; col &amp;lt; cols; col++) {
                let index;
                if (row % 2 === 0) {
                    index = (row * cols) + (cols - col - 1);
                } else {
                    index = (row * cols) + col;
                }
                
                const cell = document.createElement(&amp;quot;div&amp;quot;);
                cell.classList.add(&amp;quot;cell&amp;quot;);
                cell.dataset.index = index;

                if (index == 0) {cell.innerText = `СТАРТ`;}
            else {
                      if (index==63) {cell.innerText = `ФИНИШ`;}
                      else {cell.innerText = index + 1;}
                      } 
                
                const popup = document.createElement(&amp;quot;div&amp;quot;);
                popup.classList.add(&amp;quot;popup&amp;quot;);
                popup.innerText = `Клетка ${index+1}`;
                cell.appendChild(popup);
                
                board.appendChild(cell);
                cells.push(cell);
            }
        }
        
        function setCellInfo(cellIndex, info, styles) {
            const cell = document.querySelector(`.cell[data-index=&#039;${cellIndex}&#039;]`);
            if (cell) {
                cell.querySelector(&#039;.popup&#039;).innerText = info;
                cell.style.cssText = styles;
            }
        }
        
        const tokens = [];
        for (let i = 0; i &amp;lt; 4; i++) {
            let token = document.createElement(&amp;quot;div&amp;quot;);
            token.classList.add(&amp;quot;token&amp;quot;);
            document.body.appendChild(token);
            tokens.push(token);
        }

        function moveToken(tokenIndex, cellIndex) {
            const targetCell = document.querySelector(`.cell[data-index=&#039;${cellIndex}&#039;]`);
            if (targetCell) {
                const rect = targetCell.getBoundingClientRect();
                tokens[tokenIndex].style.left = `${rect.left + rect.width / 2 - 20}px`;
                tokens[tokenIndex].style.top = `${rect.top + rect.height / 2 - 20}px`;
            }
        }
        
        function styleToken(tokenIndex, text, imageUrl, bgColor, textColor) {
            const token = tokens[tokenIndex];
            token.innerHTML = text ? `&amp;lt;span&amp;gt;${text}&amp;lt;/span&amp;gt;` : &#039;&#039;;
            token.style.backgroundColor = bgColor || &amp;quot;red&amp;quot;;
            token.style.color = textColor || &amp;quot;white&amp;quot;;
            
            if (imageUrl) {
                const img = document.createElement(&amp;quot;img&amp;quot;);
                img.src = imageUrl;
                token.innerHTML = &amp;quot;&amp;quot;;
                token.appendChild(img);
            }
        }
        
        function drawArrow(fromIndex, toIndex, color = &amp;quot;black&amp;quot;, width = &amp;quot;5px&amp;quot;) {
            const fromCell = document.querySelector(`.cell[data-index=&#039;${fromIndex}&#039;]`);
            const toCell = document.querySelector(`.cell[data-index=&#039;${toIndex}&#039;]`);
            
            if (fromCell &amp;amp;&amp;amp; toCell) {
                const fromRect = fromCell.getBoundingClientRect();
                const toRect = toCell.getBoundingClientRect();
                
                const arrow = document.createElement(&amp;quot;div&amp;quot;);
                arrow.classList.add(&amp;quot;arrow&amp;quot;);
                arrow.style.left = `${fromRect.left + fromRect.width / 2}px`;
                arrow.style.top = `${fromRect.top + fromRect.height}px`;
                arrow.style.backgroundColor = color;
                arrow.style.width = width;
                
                document.body.appendChild(arrow);
            }


        }
        
        moveToken(0, 10);
        moveToken(1, 40);
        moveToken(2, 30);
        moveToken(3, 20);
        
        setCellInfo(0, &amp;quot;Стартовая&amp;quot;, &amp;quot;background-color: lightblue; color: black;&amp;quot;);
        setCellInfo(62, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/OHNi59Q.png); color: black; border: 2px dashed white;&amp;quot;);
        setCellInfo(59, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/awRBaFH.png); color: black; border: 2px dashed white;&amp;quot;);   
        setCellInfo(48, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/FMWW8c1.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(43, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/iHSQFAX.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(32, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/semHvsZ.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(28, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/e0o6XgD.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(24, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/AYnsPHZ.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(20, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/gu4oi8A.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(38, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/Z4GHgvh.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(12, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/IOYkqtL.png); color: black; border: 2px dashed white;&amp;quot;); 
        setCellInfo(5, &amp;quot;Специальная зона&amp;quot;, &amp;quot;background: url(https://i.imgur.com/nx3Ivf6.png); color: black; border: 2px dashed white;&amp;quot;); 
        
        styleToken(0, &amp;quot;A&amp;quot;, &amp;quot;&amp;quot;, &amp;quot;blue&amp;quot;, &amp;quot;white&amp;quot;);
        styleToken(1, &amp;quot;B&amp;quot;, &amp;quot;&amp;quot;, &amp;quot;green&amp;quot;, &amp;quot;black&amp;quot;);
        styleToken(2, &amp;quot;&amp;quot;, &amp;quot;https://i.imgur.com/JXdgjZ2.png&amp;quot;, &amp;quot;&amp;quot;, &amp;quot;&amp;quot;);
        styleToken(3, &amp;quot;D&amp;quot;, &amp;quot;https://i.imgur.com/3vJYqPi.png&amp;quot;, &amp;quot;purple&amp;quot;, &amp;quot;yellow&amp;quot;);
        
        drawArrow(5, 16, &amp;quot;red&amp;quot;, &amp;quot;7px&amp;quot;);
        drawArrow(7, 8, &amp;quot;#efefef&amp;quot;, &amp;quot;7px&amp;quot;);
        drawArrow(15, 16, &amp;quot;#efefef&amp;quot;, &amp;quot;7px&amp;quot;);
        drawArrow(23, 24, &amp;quot;#efefef&amp;quot;, &amp;quot;7px&amp;quot;);
        drawArrow(31, 32, &amp;quot;#efefef&amp;quot;, &amp;quot;7px&amp;quot;);
        drawArrow(39, 40, &amp;quot;#efefef&amp;quot;, &amp;quot;7px&amp;quot;);
        drawArrow(47, 48, &amp;quot;#efefef&amp;quot;, &amp;quot;7px&amp;quot;);
        drawArrow(55, 56, &amp;quot;#efefef&amp;quot;, &amp;quot;7px&amp;quot;);
        drawArrow(16, 5, &amp;quot;blue&amp;quot;, &amp;quot;3px&amp;quot;);
    &amp;lt;/script&amp;gt;
&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Sun, 09 Feb 2025 00:33:05 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=177#p177</guid>
		</item>
		<item>
			<title>Тестовое сообщение</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=175#p175</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;

&amp;lt;div class=&amp;quot;htmldemo&amp;quot;&amp;gt; 

&amp;lt;center&amp;gt;&amp;lt;div class=&amp;quot;sacth&amp;quot;&amp;gt;

&amp;lt;div class=&amp;quot;sacttitle&amp;quot;&amp;gt;сезонный пропуск Сакраменто&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;saccita&amp;quot;&amp;gt;пошумим?
 &amp;lt;/div&amp;gt; &amp;lt;br&amp;gt;
&amp;lt;hr&amp;gt;
&amp;lt;div style=&amp;quot;width: 480px; text-align: justify; font: 11px arial; text-transform: none; line-height: 11px; overflow: auto;&amp;quot;&amp;gt;
&amp;lt;p&amp;gt;А у нас с вами снова экспериментальный формат! Предлагю вашему вниманию &amp;lt;b&amp;gt;сезонный пропуск Сакраменто: зимний&amp;lt;/b&amp;gt;! Нам предстоит писать посты, набирать сообщения и делать красоту всяко-разную - звучит несложно, да? И всё это для того, чтобы достичь поставленной цели совместными усилиями. Времени у нас с вами месяц, ведь ивент будет длиться &amp;lt;b&amp;gt;до 25 февраля&amp;lt;/b&amp;gt;. Но будем честны, наша основная цель - вспомнить, что часть команды - часть корабля (ну вдруг вы позабыли), и не опускать руки под гнётом зимней хандры! &amp;lt;br&amp;gt;
Ивент глобальный, так сказать касающийся всего нашего славного сервера оптом: учитываться будут достижения всех и каждого, но только те, кто в самом деле будет радеть за победу, смогут претендовать на призы за наибольший вклад. Формат экспериментальный, так что правила могут уточняться в процессе проведения - надеемся на ваше понимание.&amp;lt;br&amp;gt;

&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;Цель:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
Набрать &amp;lt;s&amp;gt;6,000&amp;lt;/s&amp;gt; 11 400 баллов общими усилиями игроков.
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;Особенности:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
Результат зависит от общей активности на форуме.&amp;lt;br&amp;gt;
Подсчёты баллов ведутся автоматически, что упрощает процесс участия - прогресс будет складываться из реальных достижений всех и каждого, а не только тех, кто добредёт до темы.&amp;lt;br&amp;gt;
Главное — командная работа, ведь только вместе можно добиться успеха, ауф!&amp;lt;br&amp;gt;
&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;за что даются баллы:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
&amp;#9679; за каждый пост — 20 баллов;&amp;lt;br&amp;gt;
&amp;#9679; за закрытый эпизод (каждому участнику эпизода) — 20 баллов;&amp;lt;br&amp;gt;
&amp;#9679; за каждые 200 сообщений — 20 баллов;&amp;lt;br&amp;gt;
&amp;#9679; за каждый уникальный аватар/эпиграф — 10 баллов;&amp;lt;br&amp;gt;
&amp;#9679; за каждую аэстетику — 10 баллов;&amp;lt;br&amp;gt;
&amp;#9679; за каждую подборку — 10 баллов.&amp;lt;br&amp;gt;
В зачет идут сообщения, оставленные в период &amp;lt;b&amp;gt;с 25 января по 25 февраля&amp;lt;/b&amp;gt; (включительно).
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;Призы:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
За каждые 1,200 баллов (так называемые &amp;quot;рубежи&amp;quot;), набранные в рамках ивента, участники получают призы, указанные на шкале при наведении на иконки возле рубежей.&amp;lt;br&amp;gt; Участником ивента, претендующим на призы на очередной отметке, считается человек, &amp;lt;b&amp;gt;набравший ~3% от суммы и сделавший что-то (а также принёсший ссылки-подтверждения) между предыдущим рубежом и текущим&amp;lt;/b&amp;gt;. &amp;lt;u&amp;gt;Например&amp;lt;/u&amp;gt;: для получения призов на рубеже 1200 нужно набрать 30 баллов и принести ссылки-подтверждения до того как рубеж достигнут; для получения призов на рубеже 2400 нужно набрать 70 баллов (неважно когда - они могут быть набраны до достижения рубежа в 1200) и оставить хотя бы одно сообщение с подтверждением, что вы шевелились до того как мы дойдём до 2400 и после пересечения 1200. В рамках разговора о призах под &amp;quot;набранными&amp;quot; подразумеваются баллы, которые были подтверждены сообщением в теме и занесены в таблицу личного зачёта.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
Минимальное количество баллов для получения призов:&amp;lt;br&amp;gt;
&amp;#9679; на рубеже 1200 - 30 баллов;&amp;lt;br&amp;gt;
&amp;#9679; на рубеже 2400 - 70 баллов;&amp;lt;br&amp;gt;
&amp;#9679; на рубеже &amp;lt;s&amp;gt;3600&amp;lt;/s&amp;gt; 5400 - 100 баллов;&amp;lt;br&amp;gt;
&amp;#9679; на рубеже &amp;lt;s&amp;gt;4800&amp;lt;/s&amp;gt; 8400 - 140 баллов;&amp;lt;br&amp;gt;
&amp;#9679; на рубеже &amp;lt;s&amp;gt;6000&amp;lt;/s&amp;gt; 11400 - 180 баллов.&amp;lt;br&amp;gt;
По окончанию ивента будет открыта лавка, где можно будет потратить свои честно набранные баллы (тут речь только о тех, что были зафиксированы в теме).&amp;lt;br&amp;gt;
&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;Участие:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
Достижения учитываются автоматически, но для подтверждения участия необходимо предоставлять ссылки-подтверждения или скриншоты (в случае набора сообщений).&amp;lt;br&amp;gt;
Будет таблица с личным зачётом и ни один ваш балл не будет потерян!&amp;lt;br&amp;gt;
&amp;lt;br&amp;gt;
&amp;lt;b&amp;gt;Дополнительно:&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
&amp;#9679; Поощряется активное взаимодействие и поддержка друг друга. Вы все рок-звёзды!&amp;lt;br&amp;gt;
&amp;#9679; Следить за текущим прогрессом можно будет прямо в теме, обновляться шкала будет раз &amp;lt;b&amp;gt;В ТРИ ДНЯ&amp;lt;/b&amp;gt; (грубо говоря, у вас всегда будет три дня, чтобы набрать баллы для получения призов на следующем рубеже, если мы вдруг будем мчать вперёд как паровозик).&amp;lt;br&amp;gt;
&amp;#9679; Объединяем силы, участвуем активно и добиваемся общей цели вместе! &amp;#128640;&amp;lt;br&amp;gt;

&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;
&amp;lt;script&amp;gt;
  /**
   * Устанавливает прогресс на основе значения и максимума.
   * @param {number} value - Текущее значение.
   * @param {number} max - Максимальное значение.
   */
  function setProgress(value, max) {
    // Вычисляем процентное соотношение
    const percent = (value / max) * 100;
    const clampedPercent = Math.min(Math.max(percent, 0), 100); // Ограничиваем от 0 до 100
    const progressBar = document.querySelector(&#039;.progress-bar&#039;);
    const progressBarContainer = document.querySelector(&#039;.progress-bar-container&#039;);

    // Установка прогресса
    progressBar.style.setProperty(&#039;--progress&#039;, `${clampedPercent}%`);
    progressBar.style.height = `${clampedPercent}%`;

    // Установка текста в data-value
    progressBarContainer.setAttribute(&#039;data-value&#039;, `${value}`);
  }

  // Пример использования: установить значение 5200 из 10000
  setProgress(3750, 12200);
&amp;lt;/script&amp;gt;

&amp;lt;script&amp;gt;
  /**
   * Таймер обратного отсчета.
   * @param {string} targetDate - Дата и время завершения в формате &#039;YYYY-MM-DDTHH:mm:ss&#039;.
   */
  function startCountdown(targetDate) {
    const countdownElement = document.getElementById(&#039;countdown-timer&#039;);
    const daysElement = document.getElementById(&#039;days&#039;);
    const hoursElement = document.getElementById(&#039;hours&#039;);
    const minutesElement = document.getElementById(&#039;minutes&#039;);
    const secondsElement = document.getElementById(&#039;seconds&#039;);

    function updateCountdown() {
      const now = new Date();
      const target = new Date(targetDate);
      const difference = target - now;

      if (difference &amp;lt;= 0) {
        countdownElement.textContent = &#039;Событие наступило!&#039;;
        clearInterval(interval);
        return;
      }

      const days = Math.floor(difference / (1000 * 60 * 60 * 24));
      const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
      const seconds = Math.floor((difference % (1000 * 60)) / 1000);

      daysElement.textContent = days;
      hoursElement.textContent = hours.toString().padStart(2, &#039;0&#039;);
      minutesElement.textContent = minutes.toString().padStart(2, &#039;0&#039;);
      secondsElement.textContent = seconds.toString().padStart(2, &#039;0&#039;);
    }

    updateCountdown();
    const interval = setInterval(updateCountdown, 1000);
  }

  // Запустить таймер до указанной даты
  startCountdown(&#039;2025-02-26T00:00:00&#039;);
&amp;lt;/script&amp;gt;

&amp;lt;style&amp;gt;
 /* Таймер обратного отсчета */
  .countdown-timer {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    color: rgba(19, 94, 135, 1);
    text-transform: uppercase;
    font-family: &#039;Bebas Neue&#039;;
  }

  /* Общий фон */
  .progress-background {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 850px;
    /*background-color: #f0f0f0;*/
  }

  /* Контейнер прогресс-бара и шагов */
  .progress-container {
    position: relative;
    width: 500px;
    height: 800px;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: flex;
    justify-content: space-between;
  }

  /* Прогресс-бар */
  .progress-bar-container {
    position: relative;
    width: 50px;
    height: 100%;
    background-color: #e0e0e0;
    border-radius: 25px;
    overflow: hidden;
    margin: auto;
    z-index: 10;
  }

.progress-bar-container:hover::before {
    content: attr(data-value);
    position: relative;
    display: block;
    /* left: 100%; */
    /* bottom: var(--progress); */
    top: 67%;
    transform: translateX(10px) translateY(50%);
    background-color: rgba(19, 94, 135, 1);
    color: #efefef;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 5px;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 20;
    margin-left: -4px;
  }

  .progress-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: var(--progress);
    background: linear-gradient(rgba(217,249,255,1) 16%, rgba(0,212,255,1) 45%, rgba(19,94,135,1) 94%);
    transition: height 0.5s ease;
  }

  /* Отметки на шкале */
  .progress-mark {
    position: absolute;
    left: 100%;
    font-size: 12px;
    color: #333;
    transform: translateX(-50%);
    white-space: nowrap;
    /*bottom: calc(var(--position) * 1%);*/
    margin-left: -25px;
    font-weight: bold;
  }

  /* Шаги и линии */
  .progress-steps {
    position: absolute;
    top: 10%;
    left: 0px;
    width: 100%;
    height: 90%;
    z-index: 3;
    margin: 5px;
    
  }

  .progress-step {
    position: absolute;
    display: flex;
    align-items: center;
    /*bottom: calc(var(--position) * 1%);*/

  }

  .progress-step.left {
    justify-content: flex-end;
    margin-left: 42px;
  }

  .progress-step.right {
    justify-content: flex-start;
    /*left: auto;
    right: 0;*/
    margin-left: 305px;
  }

  .progress-dotted-line {
    width: 80px;
    height: 2px;
    background-image: linear-gradient(to right, #333 50%, rgba(0, 0, 0, 0) 50%);
    background-size: 6px 2px;
  }

  .progress-step.left .progress-dotted-line {
    margin-right: 10px;
  }

  .progress-step.right .progress-dotted-line {
    margin-left: 10px;
  }

.progress-step-circle {
    position: relative;
    width: 75px;
    height: 75px;
    background-color: transparent;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
    transition: all 0.3s ease;
  }

  .progress-step-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .progress-step-circle:hover {
    width: 155px;
    height: 130px;
    text-align: left;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    justify-content: flex-start;
    padding: 5px;
    background-color: #ffffff;
  }

  .progress-step-circle:hover img {
    display: none;
  }

  .progress-step-circle .hover-content {
    display: none;
    color: #333;
    font-size: 10px;
    /* font-weight: bold; */
    padding: 8px;
    /* width: 100%; */
    margin-right: 10px;
  }

  .progress-step-circle:hover .hover-content {
    display: block;
  }

.blink_new {
  color: rgba(255, 99, 71, 1);
  font-size: 8px;
  vertical-align: super;
  -webkit-animation: blink1 3s linear infinite;
  animation: blink1 3s linear infinite;
  display: inline-block;
}

@-webkit-keyframes blink1 {
  0% { color: rgba(255, 99, 71, 1); }
  50% { color: rgba(255, 99, 71, 0); }
  100% { color: rgba(255, 99, 71, 1); }
}
@keyframes blink1 {
  0% { color: rgba(255, 99, 71, 1); }
  50% { color: rgba(255, 99, 71, 0); }
  100% { color: rgba(255, 99, 71, 1); }
}

@-webkit-keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
@keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
  &amp;lt;/style&amp;gt;



&amp;lt;div class=&amp;quot;countdown-timer&amp;quot; id=&amp;quot;countdown-timer&amp;quot;&amp;gt;
  до конца ивента: &amp;lt;span id=&amp;quot;days&amp;quot;&amp;gt;0&amp;lt;/span&amp;gt; дней
  &amp;lt;span id=&amp;quot;hours&amp;quot;&amp;gt;00&amp;lt;/span&amp;gt;:&amp;lt;span id=&amp;quot;minutes&amp;quot;&amp;gt;00&amp;lt;/span&amp;gt;:&amp;lt;span id=&amp;quot;seconds&amp;quot;&amp;gt;00&amp;lt;/span&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class=&amp;quot;progress-background&amp;quot;&amp;gt;
  &amp;lt;div class=&amp;quot;progress-container&amp;quot;&amp;gt;
    &amp;lt;!-- Прогресс-бар --&amp;gt;
    &amp;lt;div class=&amp;quot;progress-bar-container&amp;quot; data-value=&amp;quot;5200&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;progress-bar&amp;quot; style=&amp;quot;--progress: 0%;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;!-- Отметки на шкале --&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 10.5%;&amp;quot;&amp;gt;1200&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 21%&amp;quot;&amp;gt;2400&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 43.2%&amp;quot;&amp;gt;5400&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 68%&amp;quot;&amp;gt;8400&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 92.5%&amp;quot;&amp;gt;11400&amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;!-- Круги с контентом --&amp;gt;
    &amp;lt;div class=&amp;quot;progress-steps&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step left&amp;quot; style=&amp;quot;bottom: 11%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;https://i.imgur.com/OGt12dO.png&amp;quot; alt=&amp;quot;Step 1&amp;quot;&amp;gt;
          &amp;lt;div class=&amp;quot;hover-content&amp;quot;&amp;gt;&amp;#9679; 100 000 сакр&amp;lt;br&amp;gt;
            &amp;#9679; 2 обычных купона на выбор&amp;lt;br&amp;gt;
            &amp;#9679; тотем за 50 фишек на выбор&amp;lt;br&amp;gt;
            &amp;#9679; лимитированная плашка&amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step right&amp;quot; style=&amp;quot;bottom: 21.5%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;https://i.imgur.com/uuXMDlO.png&amp;quot; alt=&amp;quot;Step 2&amp;quot;&amp;gt;
           &amp;lt;div class=&amp;quot;hover-content&amp;quot;&amp;gt; &amp;#9679; купон &amp;quot;иконка рядом с ником&amp;quot; &amp;lt;div class=&amp;quot;blink_new&amp;quot;&amp;gt;new!&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;
            &amp;#9679; 2 необычных купона на выбор&amp;lt;br&amp;gt;
            &amp;#9679; тотем за 100 фишек на выбор&amp;lt;br&amp;gt;
            &amp;#9679; 50 фишек&amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step left&amp;quot; style=&amp;quot;bottom: 45%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;https://i.imgur.com/AtjkTbw.png&amp;quot; alt=&amp;quot;Step 3&amp;quot;&amp;gt;
           &amp;lt;div class=&amp;quot;hover-content&amp;quot;&amp;gt;&amp;#9679; купон &amp;quot;скидка на оформление личной страницы&amp;quot; &amp;lt;div class=&amp;quot;blink_new&amp;quot;&amp;gt;new!&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;
            &amp;#9679; 2 редких купона на выбор&amp;lt;br&amp;gt;
            &amp;#9679; тотем за 200 фишек на выбор&amp;lt;br&amp;gt;
            &amp;#9679; 200 000 сакр&amp;lt;br&amp;gt;
            &amp;#9679; ачивка&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step right&amp;quot; style=&amp;quot;bottom: 71.5%;&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;https://i.imgur.com/GJ7y1r7.png&amp;quot; alt=&amp;quot;Step 4&amp;quot;&amp;gt;
           &amp;lt;div class=&amp;quot;hover-content&amp;quot;&amp;gt;&amp;#9679; изумрудный тотем &amp;lt;div class=&amp;quot;blink_new&amp;quot;&amp;gt;new!&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;
            &amp;#9679; 2 эпических купона на выбор&amp;lt;br&amp;gt;
            &amp;#9679; тотем за 300 фишек на выбор&amp;lt;br&amp;gt;
            &amp;#9679; 100 фишек&amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;progress-step left&amp;quot; style=&amp;quot;bottom: 97.5%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;https://i.imgur.com/IAXiN5s.png&amp;quot; alt=&amp;quot;Step 5&amp;quot;&amp;gt;
           &amp;lt;div class=&amp;quot;hover-content&amp;quot;&amp;gt;&amp;#9679; добавление тотема на форум  &amp;lt;div class=&amp;quot;blink_new&amp;quot;&amp;gt;new!&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;
            &amp;#9679; золотой тотем на выбор&amp;lt;br&amp;gt;
            &amp;#9679; 3 эпических купона на выбор&amp;lt;br&amp;gt;
            &amp;#9679; 300 000 сакр&amp;lt;br&amp;gt;
            &amp;#9679; 200 фишек&amp;lt;br&amp;gt;
            &amp;#9679; графика от АМС&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;

    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Thu, 30 Jan 2025 14:29:26 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=175#p175</guid>
		</item>
		<item>
			<title>Important</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=174#p174</link>
			<description>&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;А у нас с вами снова экспериментальный формат! Предлагю вашему вниманию &lt;strong&gt;сезонный пропуск Сакраменто - зимний&lt;/strong&gt;! У нас с вами месяц на достижение главной цели, ведь ивент будет длиться до &lt;strong&gt;24 февраля&lt;/strong&gt;. Наша цель: вспомнить, что часть команды - часть корабля и не опускать руки под гнётом зимней хандры!&amp;#160; &lt;br /&gt;Ивент глобальный, так сказать касающийся всего нашего славного сервера оптом: учитываться будут достижения всех и каждого, но только те, кто в самом деле будет радеть за победу смогут претендовать на призы за наибольший вклад. &lt;br /&gt;Резюмируя: нам предстоит снова объединиться и достичь общей цели с помощью совместной активности!&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Цель:&lt;/strong&gt; &lt;br /&gt;Набрать 6,000 баллов общими усилиями участников.&lt;br /&gt;&lt;strong&gt;Особенности:&lt;/strong&gt;&lt;br /&gt;Результат зависит от общей активности всех участников.&lt;br /&gt;Подсчёты баллов ведутся автоматически, что упрощает процесс участия - прогресс будет складываться из реальных достижений всех и каждого, а не только тех, кто добредёт до темы.&lt;br /&gt;Главное — командная работа, ведь только вместе можно добиться успеха.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Правила участия:&lt;/strong&gt;&lt;br /&gt;За каждый пост — 20 баллов.&lt;br /&gt;За каждые 200 сообщений — 20 баллов.&lt;br /&gt;За каждую эстетику — 10 баллов.&lt;br /&gt;За каждую подборку — 10 баллов.&lt;br /&gt;За закрытый эпизод — 20 баллов.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Призы:&lt;/strong&gt;&lt;br /&gt;За каждые 1,200 баллов, набранные в рамках ивента, участники получают призы.&lt;br /&gt;Участники, внёсшие наибольший вклад, получат особые награды.&lt;br /&gt;По окончанию ивента будет открыта лавка, где можно будет потратить свои баллы (тут речь только о тех, что были зфиксированы в теме).&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Участие:&lt;/strong&gt;&lt;br /&gt;Достижения учитываются автоматически, но для подтверждения участия необходимо предоставлять ссылки на свои сообщения.&lt;br /&gt;Ссылки подтверждают ваши действия, такие как публикации, сообщения, эстетики, подборки или закрытые эпизоды.&lt;br /&gt;Будет таблица с личным зачётом и ни один ваш балл не будет потерян!&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Дополнительно:&lt;/strong&gt;&lt;br /&gt;Поощряется активное взаимодействие и поддержка друг друга. Вы все рок-звёзды!&lt;br /&gt;Следить за текущим прогрессом можно будет прямо в теме, обновляться шкала будет раз в 3 дня.&lt;br /&gt;Объединяем силы, участвуем активно и добиваемся общей цели вместе! &amp;#128640;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Fri, 24 Jan 2025 14:46:39 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=174#p174</guid>
		</item>
		<item>
			<title>22</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=172#p172</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--HTML--&amp;gt;
&amp;lt;script&amp;gt;
  /**
   * Устанавливает прогресс на основе значения и максимума.
   * @param {number} value - Текущее значение.
   * @param {number} max - Максимальное значение.
   */
  function setProgress(value, max) {
    // Вычисляем процентное соотношение
    const percent = (value / max) * 100;
    const clampedPercent = Math.min(Math.max(percent, 0), 100); // Ограничиваем от 0 до 100
    const progressBar = document.querySelector(&#039;.progress-bar&#039;);
    const progressBarContainer = document.querySelector(&#039;.progress-bar-container&#039;);

    // Установка прогресса
    progressBar.style.setProperty(&#039;--progress&#039;, `${clampedPercent}%`);
    progressBar.style.height = `${clampedPercent}%`;

    // Установка текста в data-value
    progressBarContainer.setAttribute(&#039;data-value&#039;, `${value} из ${max}`);
  }

  // Пример использования: установить значение 5200 из 10000
  setProgress(4700, 10000);
&amp;lt;/script&amp;gt;

&amp;lt;style&amp;gt;
  /* Общий фон */
  .progress-background {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f0f0f0;
  }

  /* Контейнер прогресс-бара и шагов */
  .progress-container {
    position: relative;
    width: 300px;
    height: 800px;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: flex;
    justify-content: space-between;
  }

  /* Прогресс-бар */
  .progress-bar-container {
    position: relative;
    width: 50px;
    height: 100%;
    background-color: #e0e0e0;
    border-radius: 25px;
    overflow: hidden;
    margin: auto;
    z-index: 10;
  }

.progress-bar-container:hover::before {
    content: attr(data-value);
    position: relative;
    display: block;
    /* left: 100%; */
    /* bottom: var(--progress); */
    top: 50%;
    transform: translateX(10px) translateY(50%);
    background-color: rgba(19, 94, 135, 1);
    color: #efefef;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 5px;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 20;
    margin-left: -4px;
  }

  .progress-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: var(--progress);
    background: linear-gradient(rgba(217,249,255,1) 16%, rgba(0,212,255,1) 45%, rgba(19,94,135,1) 94%);
    transition: height 0.5s ease;
  }

  /* Отметки на шкале */
  .progress-mark {
    position: absolute;
    left: 100%;
    font-size: 12px;
    color: #333;
    transform: translateX(-50%);
    white-space: nowrap;
    /*bottom: calc(var(--position) * 1%);*/
    margin-left: -20px
  }

  /* Шаги и линии */
  .progress-steps {
    position: absolute;
    top: 10%;
    left: 0px;
    width: 100%;
    height: 90%;
    z-index: 3;
    
  }

  .progress-step {
    position: absolute;
    display: flex;
    align-items: center;
    /*bottom: calc(var(--position) * 1%);*/

  }

  .progress-step.left {
    justify-content: flex-end;
  }

  .progress-step.right {
    justify-content: flex-start;
    left: auto;
    right: 0;
  }

  .progress-dotted-line {
    width: 80px;
    height: 2px;
    background-image: linear-gradient(to right, #333 50%, rgba(0, 0, 0, 0) 50%);
    background-size: 6px 2px;
  }

  .progress-step.left .progress-dotted-line {
    margin-right: 10px;
  }

  .progress-step.right .progress-dotted-line {
    margin-left: 10px;
  }

  .progress-step-circle {
    width: 75px;
    height: 75px;
    background-color: #4caf50;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
  }

  .progress-step-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .progress-step-circle:hover {
    transform: scale(1.2);
  }
  &amp;lt;/style&amp;gt;




&amp;lt;div class=&amp;quot;progress-background&amp;quot;&amp;gt;
  &amp;lt;div class=&amp;quot;progress-container&amp;quot;&amp;gt;
    &amp;lt;!-- Прогресс-бар --&amp;gt;
    &amp;lt;div class=&amp;quot;progress-bar-container&amp;quot; data-value=&amp;quot;5200&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;progress-bar&amp;quot; style=&amp;quot;--progress: 0%;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;!-- Отметки на шкале --&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 25%;&amp;quot;&amp;gt;25%&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 50%&amp;quot;&amp;gt;50%&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 75%&amp;quot;&amp;gt;75%&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-mark&amp;quot; style=&amp;quot;bottom: 100%&amp;quot;&amp;gt;100%&amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;!-- Круги с контентом --&amp;gt;
    &amp;lt;div class=&amp;quot;progress-steps&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step left&amp;quot; style=&amp;quot;bottom: 25%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;image1.jpg&amp;quot; alt=&amp;quot;Step 1&amp;quot;&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step right&amp;quot; style=&amp;quot;bottom: 50%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;image2.jpg&amp;quot; alt=&amp;quot;Step 2&amp;quot;&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step left&amp;quot; style=&amp;quot;bottom: 75%&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;image3.jpg&amp;quot; alt=&amp;quot;Step 3&amp;quot;&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;progress-step right&amp;quot; style=&amp;quot;bottom: 100%;&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;progress-dotted-line&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;progress-step-circle&amp;quot;&amp;gt;
          &amp;lt;img src=&amp;quot;image4.jpg&amp;quot; alt=&amp;quot;Step 4&amp;quot;&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Fri, 24 Jan 2025 02:08:26 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=172#p172</guid>
		</item>
		<item>
			<title>Опрос опросный все дела</title>
			<link>https://dusttodusttwo.rusff.me/viewtopic.php?pid=38#p38</link>
			<description>&lt;p&gt;Чтобы блок соответствовал размеру изображения мы превратим его в строчно-блочный элемент через свойство display. Тут возникает один побочный эффект — к изображениям внутри такого элемента снизу добавляется небольшой отступ. Он легко убирается, если изображение сделать блочным элементом опять же через display.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Jerry Dust)</author>
			<pubDate>Sat, 28 Jan 2023 15:42:50 +0300</pubDate>
			<guid>https://dusttodusttwo.rusff.me/viewtopic.php?pid=38#p38</guid>
		</item>
	</channel>
</rss>
