userscript

В продолжении поста: https://reactor.cc/post/5516049

Квадратная тема для любителей квадратных квадратов! Радуйтесь, сычи.

Ссылка: https://greasyfork.org/ru/scripts/464289-square-dark-reactor-by-donotblink

Ещё одна темная тема для реактора (мои рассуждения + код)

Доброго времени суток, глубокоуважаемые пидоры и прочие интересные личности.

Использовал я значит раньше тему Dark Reactor [by Sirko] [Fixed by FeaR], которую допилил напильником и выложил на greasyfork.org. Однако подумал что она слишком тяжела и пора бы запилить нечто более легкое. То есть, представленная ниже тема минимально затрагивает разметку css сайта, а также не содержит никаких картинок. И вот что я делал.

Как наверное кто-то (а может и нихуя никто) видел в моих предыдущих кастомных темах я использую расширение Tampermonkey, отличительной особенностью которого (а также его подобий типа greasemonkey) в том, что он позволяет исполнять пользовательские скрипты JavaScript, как-то изменяя или дополняя функционал различных сайтов. Поскольку я не программист, попытаюсь порассуждать с позиции того что я понял как обычный мимокрокодил, прошу не пинать за неточности формулировок или ламерство.

Итак, что же делает скрипт. Во время события document-start, что видимо означает начало отображения документа, он инкапсулирует кастомную разметку css. Как вы наверное видели, современные браузеры начинают отображать веб-страницу еще до её полной загрузки, то есть пока не будет полностью загружено дерево документа. Если что, вся веб-страница со всей её иерархией блоков, картинок и прочей хуеты называется веб-документ.

Так вот начало скрипта document.addEventListener("DOMContentLoaded"... по сути позволяет добавлять в обработчики событий документа событие когда весь документ можно сопоставить со всей его иерархией. Ну а дальше идет представление пользовательского стиля css, в котором я меняю разметку, а после - внедрения стиля при помощи внутреннего инструмента GM_addStyle, который встроен в Tampermonkey. Либо PRO_addStyle или addStyle или ручное внедрение стиля средствами js.

Что касается самого стиля - во первых вместо шапки с пекафейсом простая заливка linear-gradient. Минималистично, и не требуется отображать пиксельную картинку как в предыдущей теме раньше.

Второе - закругления. Тут вы можете меня гнать и насмехаться надо мной, но мне они нравятся, я постарался закруглить где это счел нужным.

И что самое интересное - айфреймы. Если кто не знает - iframe это контейнер который разрешает стороннему сайту встроить в него что хочешь, например плеер с видеороликом. Вообще, с фреймами на джое что-то странное, так как допустим при размещения ютуп-ролика сайт будет встраивать в пост окно разрешения 560 на 315. У меня уже давно вопрос встал - нахуя, а главное - зачем? Неужели чтобы тренировать наше потраченное от дрочки на трапов зрение? Хотя, я так полагаю чтобы была какая-никакая совместимость с небольшими дисплеями 1024х768 на которых до сих пор сидят олдфаги..

Как бы то ни было, я решил этот момент в три строчки. Буквально.

iframe {

width: 100%;

aspect-ratio: 16 / 9;

height: auto;

}

Первое - даем фрейму ширину его родителя, так как это может быть блок нового поста или комментарий. Второе - устанавливаем правило в соотношение сторон фрейма, ведь 560х315 - это тоже самое соотношение 16 на 9. Третье, даем авто-высоту, благодаря установленным выше двум правилам. Всё.

Если подумать, большинство фреймов на джое - это либо видеоролики ютупа, вимео, куба, либо песня с саундклауд. Но насчет последнего я вставил селектор, дабы он не менял высоту фрейма:

iframe[src^='https://w.soundcloud.com'] {

aspect-ratio: auto;

}

Ролики ютуб почти все с таким соотношением, фрейм дают стандартно. А вот с остальными, типа куб, как посмотреть - вертикальный фрейм не будет растягиваться по ширине блока поста, а встанет гордо по центру. Хуй с ним тогда.

Для гифок я сделал поменьше плашку их скачивания, так ИМХО красивше:

Отельный гемор еще раньше, для предыдущей темы вызвала посветка родительского комментария. Это когда наводишь на коммент и подсвечивается он и его родитель. Я долго искал где это в css, но потом вяснил что это реализовано при помощи того же JS. Пришлось инкапсулировать не только css, но и js, в итоге стало темнее:

Ну и в остальном, прошу любить и жаловаться!

https://greasyfork.org/ru/scripts/464142-new-dark-reactor-by-donotblink

Прошу писать в комментах, если что я упустил или что-то написал коряво и надо бы доделать/переделать.

Темная тема работает через расширение для браузеров: Tampermonkey или Greasemonkey:

* greasemonkey (в Firefox'е) https://addons.mozilla.org/ru/firefox/addon/greasemonkey/

* tampermonkey (в Хроме, Опере и для Firefox)

https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/

Joyreactor advanced script (JRAS) 2.2.5

В свете последних нововведений (https://old.reactor.cc/post/5510098) сделал для себя так же  :)

Но в свете совсем последних изменений (https://old.reactor.cc/post/5511481) гифка может вести на глагну, юзайте на свой страх и риск. Может позже запил проверки какие. Может koka подскажет легкий способ как проверить ;)

страница скрипта - https://openuserjs.org/scripts/AntiUser/Joyreactor_advanced_script

больше информации - http://joyreactor.cc/tag/jras

Что нового с последнего поста:

 2.2.5

   * Ссылки на гифку как в новом дизижине. В разных форматах webm, mp4 и gif (Issue-85)

 2.2.4

   * Нет тултипа на фендомных тегах (Issue-78)

 2.2.3

   * При попытке найти дату последнего входа, если у юзера введен всякий шлак

       типа интересов, дата не находилась. (Issue-76)

Ссылки на гифку как в новом дизижине. В разных форматах webm, mp4 и gif

ссылка на гифку

настройка в опциях

Если флажок снят, то будет как и прежде только "ссылка на гифку"

--------------

Как устанавливать

Это скрипт для Tampermonkey - https://www.tampermonkey.net/

Устанавливаете соответствующее расширение

Затем идете по ссылке https://openuserjs.org/scripts/AntiUser/Joyreactor_advanced_script и нажимаете кнопку Install

Должно заработать. Если это не так, то смотрите всякие настройки расширения. В сети этой инфы море.

Как установить черную тему

Поскольку стайлиш слился выбор расширения остается за вами (у меня Stylus)

На Firefox ставим Stylish или еще что-то похожее

На Хром Stylish или еще что-то похожее

На Оперу Stylish или еще что-то похожее

далее идем на https://userstyles.org/ и вбиваем в поиске интересующий нас сайт, в данном случае reactor. Ставим нужную тему и наслаждаемся.

Я ставлю Steam - https://userstyles.org/styles/102349/joyreactor-old-steam

Для ценителей: https://github.com/mrAntiUser/JRAS

Новые share-кнопки

Запилил микроскрипт, который добавляет 2 новые share-кнопки: для Telegram и Viber

Viber-кнопка предполагает, что viber установлен на вашем ПК

Работа протестирована в TamperMonkey

Может быть кому-то будет полезно ¯\_(ツ)_/¯

share_buttons.js

Темная тема для old.reactor.cc

Доброго времени суток, глубокоуважаемые пидоры.

Решил запилить темную тему для старого реактора. Работает только на old, постарался все страницы прошерстить в поисках "затемнения", даже редактор при создании.
Темная тема работает через расширение для браузеров: Tampermonkey или Greasemonkey:
* greasemonkey (в Firefox'е) https://addons.mozilla.org/ru/firefox/addon/greasemonkey/
* tampermonkey (в Хроме, Опере и для Firefox)
https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo
https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/
Сделал я две темные темы, отличающиеся между собой только фоном сайта: Royal и Carbon:
1.

Собственно, вот эти темы:
https://greasyfork.org/ru/scripts/458460-dark-old-reactor-by-donotblink-royal
https://greasyfork.org/ru/scripts/458461-dark-old-reactor-by-donotblink-carbon
Вполне вероятно, кто-то уже пилил темную тему для старого реактора, я хз, сделал сам как посчитал нужным, надеюсь и вам понравится.
Всем добра.

Темная версия реактора

Хотел себе темную версию реактора, но без мобильного интерфейса. Пришлось делать самому.

https://pastebin.com/F8vX9vCn

Устанавливается в CSS аддоны для браузера - stylish, stylus или их аналоги; для сайта по маске regex: (.*)reactor\.cc(.*) (Stylus такое поддерживает, насчет остальных не уверен)

Если кому-то понадобятся обратно кнопки соцсетей справа от постов, удалить с конца ".share_vk, .share_fb, .share_twitter { display: none !important; }"

Привет. Добавил в KellyC Image Downloader (v1.2.4.4) возможность просмотра ленты тега через api (с сайта или в отдельном окне расширения) - при таком способе в ленте должно отображаться вообще все, исключая влияние региональных блоков, фильтров на самом аккаунте, фильтров на уровне функционала сайта и т.п.

Для просмотра тега через KellyC нужно кликнуть на "[#]" в шапке сайта или правой кнопкой мыши по любому тегу на сайте. Для просмотра всех постов выбрать "бездна"

Отключить можно в [Настройки - Остальное - Показывать кнопку Tag Viewer]

Ну и расширение вынуждено переведено на manifest v3, т.к. уже в январе гугл зачистит все старые расширения из своего вебстора.

KellyC Image Downloader

Обновление 0.3.1

Список изменений:

1. В опции добавлена возможность ограничения глубины проверки просмотра. На слабеньких устройствах поможет меньше насиловать устройство и ускорит быстродействие

2. Полностью переделан метод проверки просмотренных постов. Вместо постраничной проверки каждого поста, расширение хранит в буфере все просмотренные посты. В разы увеличилось быстродействие + отсутствие постоянных обращений к истории и диску по поиску. Да, за счет оперативы, но, совершенно не значительно

Так же получилось снять бан с плагина на версии для Chrome, потому теперь можно ставить расширение прямо из магазина, а не заниматься гемором с исходниками. Но, к сожалению, поддержка joyreactor.com была проебана

Chrome - https://chrome.google.com/webstore/detail/joyreactor-visitor/jijpolapocjhdkacabaambnhpkhkkpem

Firefox - https://addons.mozilla.org/uk/firefox/addon/joyreactor-visitor/