Код:
<!-- https://codepen.io/glitchworker-->
<div class="gradient-bg">
<rect width="100%" height="100%" preserveaspectratio="xMidYMid meet" filter="url(#noiseFilterBg)">
<svg xmlns="http://www.w3.org/2000/svg" class="svgBlur">
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur>
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -8" result="goo"></feColorMatrix>
<feBlend in="SourceGraphic" in2="goo"></feBlend>
</filter>
</defs>
</svg>
<div class="gradients-container">
<div class="g1"></div>
<div class="g2"></div>
<div class="g3"></div>
<div class="g4"></div>
<div class="g5"></div>
<div class="interactive"></div>
</div>
</rect>
</div>
<script type="text/javascript">document.addEventListener('DOMContentLoaded', () => {
const interBubble = document.querySelector('.interactive');
let curX = 0;
let curY = 0;
let tgX = 0;
let tgY = 0;
const move = () => {
curX += (tgX - curX) / 20;
curY += (tgY - curY) / 20;
interBubble.style.transform = `translate(${Math.round(curX)}px, ${Math.round(curY)}px)`;
requestAnimationFrame(move);
};
window.addEventListener('mousemove', (event) => {
tgX = event.clientX;
tgY = event.clientY;
});
move();
});</script>
<div class="checkgrad"><div class="checkbox-container"><input type="checkbox" id="hideGradientCheckbox"><label for="hideGradientCheckbox">убрать анимацию</label></div></div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const checkbox = document.getElementById('hideGradientCheckbox');
const gradientBg = document.querySelector('.gradient-bg');
function toggleGradient(hidden) {
gradientBg.style.visibility = hidden ? 'hidden' : 'visible';
localStorage.setItem('hideGradient', hidden);
}
// Устанавливаем начальное состояние
const isHidden = localStorage.getItem('hideGradient') === 'true';
checkbox.checked = isHidden;
toggleGradient(isHidden);
// Добавляем обработчик события
checkbox.addEventListener('change', () => toggleGradient(checkbox.checked));
});
</script>
<!-- Смена стиля, (с) ForumD.ru, satsana -->
<script type="text/javascript">
var styleList = [
{
class: 'night',
name: 'ночь'
},{
class: 'street',
name: 'улица'
},{
class: 'light',
name: 'фонарь'
},{
class: 'meds',
name: 'аптека'
},{
class: 'mless',
name: 'бессмысленный и тусклый свет'
}];
function getCookie(a){return(a=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0}function setStyle(a){$("body").attr("class",a);$("#stylelist li").removeClass("active");$('#stylelist li[data="'+a+'"]').addClass("active");selStyle=a;document.cookie="selStyle="+a+"; max-age=2592000"}var selStyle=getCookie("selStyle");selStyle&&setStyle(selStyle);
$(document).pun_mainReady(function(){$("#stylelist").length||$("body").prepend('<ul id="stylelist"></ul>');for(i=0;i<styleList.length;i++)$("#stylelist").append('<li data="'+styleList[i]["class"]+'"'+(selStyle==styleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'));return false">'+styleList[i].name+"</a></li>")});
</script> <!-- Смена стиля - END -->
<ul id="stylelist"></ul>
<!-- *************************************************************** -->
<div id="Logo"></div>
<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/***************************
Настройки!
***************************/
FORUM._NUMpa_fld = 4; // Номер.Доп.поля,
FORUM._color_fld = "inherit"; // Цвет шрифта,
FORUM.includeFirstPost = 0; // 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0; //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[1]]; // Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960"; //Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум //Темы (включаемые, или исключаемые)
f7 :-[0], //личные эпизоды
f8 :-[0], //альтернатива
f24 :-[0] //квесты - эпизоды //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:3px;}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->
<!--КНОПКИ ВВЕРХ ВНИЗ-->
<div class="go-up" id='ToTop'></div>
<div class="go-down" id='OnBottom'></div>
<!-- *************************************************************** -->
<div id="ZACHTO">
<div id="bord"></div>
<div id="NEWS">
<div class="nnew"><div class="ndate">04.03</div>
<div class="ntext">
<span class="n1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=12&action=last">прочитай меня</a></span>
<span class="n2nd">очень внимательно</span>
</div>
</div>
<div class="nnew"><div class="ndate">14.03</div>
<div class="ntext">
<span class="n1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=482#p62241">собери меня снова</a></span>
<span class="n2nd">Vol.6</span>
</div>
</div>
<div class="nnew"><div class="ndate">14.03</div>
<div class="ntext">
<span class="n1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=425&p=4#p62579">расскажи</a></span>
<span class="n2nd">Vol.24</span>
</div>
</div>
<div class="nnew"><div class="ndate">14.03</div>
<div class="ntext">
<span class="n1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=425&p=4#p62579">расскажи</a></span>
<span class="n2nd">Vol.24</span>
</div>
</div>
<div class="nnew"><div class="ndate">14.03</div>
<div class="ntext">
<span class="n1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=425&p=4#p62579">расскажи</a></span>
<span class="n2nd">Vol.24</span>
</div>
</div>
</div>
<div id="RANDOM">
<!-- Ротатор произвольного контента -->
<div id="KontentRotator">
<p>Дин ложится в постель после душа, словно стерся, как личность – пусто и звонко внутри, можно кидать камни, как в глубокий колодец или просто крикнуть внутрь, ожидая эхо. Только нет ни звука, ни в голове, ни вокруг. Ему снятся липкие, жаркие сны, в которых он горит на постели, словно в лихорадке, а вокруг него люди, глаза, все смотрят и с таким прищуром, что не отмыться даже с наждачкой. Ведь они все знают, какой он долбанутый и больной. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=54830#p54830'>[читать дальше]</a>
</p>
<p>
— Я, кажется, опоздала на работу, — проговорила Матильда.
<br><br>
Или то, что когда-то было Матильдой, а сейчас...
<br><br>
"Я же убил тебя..."
<br><br>
Убил и не съел. Видимо, зря. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=53313#p53313'>[читать дальше]</a>
</p>
<p>
лето прошло как-то скомкано, глухо. никаких ярких отголосков от него в голове не было слышно. или же кеша постепенно начинал глохнуть от слишком громкой музыки в мониторах [ сводить очередное рэп-гавно было той еще задачей ]. а как много это самое лето раньше значило. пропахшее разлитым пивом, дешевым виноградным девчаковым вогом и олдспайсом на грязную потную кожу [ потому что дома не ночуешь сутками, чтобы не получать по шее от матери за то, что воняет от тебя уже как от свиньи — конец материнской цитаты ]. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=51944#p51944'>[читать дальше]</a>
</p>
<p>
Но вот уже несколько недель старался, пытался, рвался <i>туда</i>, в прошлое, но натыкался на глухую стену. Так, может быть, он и не может? С чего вообще Алан решил иное? Пару раз спасся от пули, якобы перемещаясь обратно. Несколько раз избегал автомобильных аварий. Но каждый из этих случаев — вопрос краткого мига в две минуты максимум. Сейчас счёт шёл на дни и даже недели. Алан не понимал, как. И от этого чувствовал себя абсолютно немощным, впервые за всю свою жизнь. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=53317#p53317'>[читать дальше]</a>
</p>
<p>
Он настолько погрузился в раздумия о прошлом и о том как оно влияет на настоящее, что совершенно потерял тот момент, когда ноги волшебным образом занесли его в бар. Очнулся он только у барной стойки, когда его толкнул какой-то парень, который не смог протиснуться между двумя людьми.
<br><br>
<i>Какого... черта!</i> В руках был стакан чего-то явно алкогольного, он сам сидел в углу барной стойки. Первым порывом и желанием было тут же уйти и пойти все-таки к психиатру сдаваться. Потому что это было уже как-то слишком. Взглянув на часы, Роберт понял, что выпал где-то на полчаса из жизни. Ну точнее как выпал, его сознание выпало и кое-кто взял бразды правления в свои руки. Но судя по тому, что все вроде тихо и спокойно, то никаких неприятностей не случилось.
<br><br>
Тиа делала вид, что она тут ни при чем. Хотя ее довольное настроение так и витало в воздухе. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=48267#p48267'>[читать дальше]</a>
</p>
<p>
<i>Вот так да...</i>
<br><br>
На первой встрече он предлагал подарить ей квартиру, а на второй — оплатить поездку на отдых... Кажется, даже опытные эскортницы обычно не получали подобных предложений так скоро. Не сказать, чтобы Каменова знала это из достоверных источников, но догадывалась. Так как же её угораздило так вляпаться? <a href='https://sept3rd.rusff.me/viewtopic.php?pid=44342#p44342'>[читать дальше]</a>
</p>
<p>
Лавкрафт фыркнул — да что с ним случится? Максимум, разобьется насмерть. Уважительная причина, чтобы пропустить деловую встречу в грядущий четверг. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=52497#p52497'>[читать дальше]</a>
</p>
<p>
Люсьену бы пошли фразочки из советского мультика. Такой же вайб старого деда, уставшего от этих безмозглых идиотов вокруг. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=44198#p44198'>[читать дальше]</a>
</p>
<p>— Я правильно понимаю, что нам обоим не нужны душевные разговоры, а хочется просто надраться? — всё-таки тихо спросил Алексей, переводя взгляд со стены, где висела непонятного вида картина, на Лукьяна, — потому что я тупо не умею начинать разговор вне того, как стою за барной стойкой. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=44058#p44058'>[читать дальше]</a>
</p>
<p>Брюки, что так хорошо сидели на Шенноне накануне, были спущены и теперь собирали пыль и всё те же блёстки с пола.
<br><br>
Ласло моргнул, осознавая реальность происходящего. Удивительно — даже не больно. Всё совершенно ожидаемо. Завоевал и наигрался. Пора покорять новые вершины. Ну или глубины — в данном конкретном случае.
<br><br>
— Так значит я особенный? — поинтересовался Ласло, привлекая внимание.
<br><br>
Особенный лох, как вариант. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=49562#p49562'>[читать дальше]</a>
</p>
</div>
</div>
<div id="wat"><a href="https://sept3rd.rusff.me/viewtopic.php?id=8#p11" title="Нажми меня">#что происходит?</a></div>
<div id="Logo2"></div>
<ul id="episodes-list"></ul>
<div id="genre">[лос-анджелес / саратов - 2023 / 4]</div>
<!-- *************************************************************** -->
<script language="javascript">
var sek = 100000000000000000000; // Время отображения
var Nrout=$("#KontentRotator p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#KontentRotator p").hide();
$("#KontentRotator p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>
</div>
<!-- *************************************************************** -->
<!--ОТКЛЮЧИТЬ "Сервис рекомендаций", Отключение кнопки "Жалоба в сообщениях", Отключить функцию "Теги"--><script type="text/javascript">
rusffLive.enable = false;
RusffCore.sets.show_reportBtn = 0;
RusffCore.sets.tags = false;
ReactionsPlugin.setConfig({
disable: false;
});
</script>
<!-- *************************************************************** -->
<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить код [копируется сразу]' //текст ссылки</script>
<!-- *************************************************************** -->
<!-- Скрытие панели "profilenav" при просмотре профиля (c) satsana -->
<script type="text/javascript">
if (document.URL.indexOf('profile.php')!=-1 && (!~document.URL.indexOf('section') || document.URL.indexOf('section=view')!=-1))
$('#pun-profile').addClass('view');
</script>
<style>
#pun-profile.view #profilenav {display: none}
</style>
<script>
// Исправляем работу оценок в закрытых темах
if (!FORUM.editor) window.changeVisibility = function(id) { $('#' + id).toggle() };
</script>
<!-- Обтекание текста слева/справа --><style type="text/css">
.post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
.post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
</style>
<script type="text/javascript">
FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}});
FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}});
</script>
<!--/ Мгновенные уведомления © Alex_63, Deff 2019 /-->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = '981d0de358850f3b3b54008ce1d52d8e711ab674'; // Forum token
notifications.key = 'xjj93ak6jdr7'; // Subscription key
<!--FALSE ломает награды -->
RusffCore.sets.notifications = false
</script>
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [12,17]}); // ID важных тем (через запятую)
</script>
<!-—+ Мгновенные уведомления: комментарии к репутации без переадресации Alex_63, 2019 -->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--// конец //-->
<!-- ************************************************************-->
<script type="text/javascript">$('#ChangeStyle td').each(function(i){$(this).attr("alt",i)});function setcookie(a,b,c){if(c){var d=new Date();d.setDate(d.getDate()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toUTCString():'');else return false}function getcookie(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1]?c[1]:false}function clearSet(L){if(L){setcookie("#ChangeStyle",L,30);$("span.StyleChang").html('<style>'+$("#ChangeStyle td[alt='"+L+"']").find("i").html()+'</style>')}};$('#ChangeStyle td').click(function(){clearSet($(this).attr("alt"))});var Lmem=getcookie("#ChangeStyle");clearSet(Lmem);</script>
<!-- ************************************************************-->
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(93928845, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/93928845" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js?v5" addcomment="1"></script>
<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0017/b2/f5/47120.js"></script>
<!-- Обтекание текста слева/справа --><style type="text/css">
.post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
.post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
</style>
<script type="text/javascript">
FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}});
FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}});
</script>
<!-- Dice (c) Spiritus Tergi, ч1 в хтмл-верх; доработки automatisch -->
<script type="text/javascript" src="https://forumstatic.ru/files/001a/eb/a8/42785.js" charset="UTF-8"></script>
<!-- Регулятор размера шрифта (с) satsana, forumd.ru; доработки automatisch-->
<div id="chfontsize" title="Размер шрифта">
<div class="fsizeplus"></div>
<div class="fsize"></div>
<div class="fsizeminus"></div>
</div>
<script type="text/javascript">
var chfsize;
if (!localStorage.fontsize) localStorage.setItem('fontsize', 13);
chfsize = +localStorage.getItem('fontsize');
function setfsize (f) {
localStorage.setItem('fontsize', f);
$('.fsize').text(f);
$('.post-content p').css('font-size', f+'px');
$('.punbb textarea').css('font-size', f+'px');
$('#post-preview .fs-box .post-content').css('font-size', f+'px');
}
$('.fsizeplus').on('click', function() {
chfsize += 1;
if (chfsize > 72) chfsize = 72;
setfsize (chfsize);
});
$('.fsizeminus').on('click', function() {
chfsize -= 1;
if (chfsize < 6) chfsize = 6;
setfsize (chfsize);
});
$(document).pun_mainReady(function() {
setfsize (chfsize);
});
</script><!-- Регулятор размера шрифта (конец) (с) satsana, forumd.ru -->
<script type="text/javascript">
if(GroupID==2)
document.write('<style>.pa-ip{display: none;}</style>')
</script>
<!-- ПИАР-ВХОД v.2 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script><script src="http://forumstatic.ru/f/info/mforum/pr_login.compressed.js?18566"></script>
<script type="text/javascript">
PR.nick = 'PR'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<script type="text/javascript">
PR.nick = 'Reader'; //Ник PR-аккаунта
PR.pass = '2222'; //Пароль PR-аккаунта
PR.btn_text = 'Читать'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
