В продолжении поста: https://reactor.cc/post/5516049
Квадратная тема для любителей квадратных квадратов! Радуйтесь, сычи.
userscript
Подписчиков:
45Постов:
79
Ещё одна темная тема для реактора (мои рассуждения + код)
Доброго времени суток, глубокоуважаемые пидоры и прочие интересные личности.
Использовал я значит раньше тему 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. Третье, даем авто-высоту, благодаря установленным выше двум правилам. Всё.
Если подумать, большинство фреймов на джое - это либо видеоролики ютупа, вимео, куба, либо песня с саундклауд. Но насчет последнего я вставил селектор, дабы он не менял высоту фрейма:
aspect-ratio: auto;
}
![Я Kurchi
sample bit сделал сам музыка synth-pop
Sample Bit - New Shell
И вновь всем привет! Почти год прошёл с даты публикации прошлого трека (OST к короткометражке - не в счет). Я помнится намеревался там набрать материал на Vol.3, и тут можно вставить мем - "Набрал... Набрал ведь же?".]рд
И](https://img2.joyreactor.cc/pics/post/full/скрипт-script-userscript-7911313.jpeg "скрипт,script,userscript,реактор,сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам,тема")
Ролики ютуб почти все с таким соотношением, фрейм дают стандартно. А вот с остальными, типа куб, как посмотреть - вертикальный фрейм не будет растягиваться по ширине блока поста, а встанет гордо по центру. Хуй с ним тогда.
Для гифок я сделал поменьше плашку их скачивания, так ИМХО красивше:
Отельный гемор еще раньше, для предыдущей темы вызвала посветка родительского комментария. Это когда наводишь на коммент и подсвечивается он и его родитель. Я долго искал где это в css, но потом вяснил что это реализовано при помощи того же JS. Пришлось инкапсулировать не только css, но и js, в итоге стало темнее:
![На, Колян, закуси
. ' @юздо 16.Apr.2023 16:37
ссылка[ в избранное
ладно, можете не вытаскивать меня из кота...
котт! 16.Apr.2023 16:38 ссылка | в избранное
Димас, слуш не в падлу, почеши за ушком
¡14^ 16.Apr.2023 16:45
ссылка Т
в избранное
Приемлемо
апс!ге]Иоуап 16.Apr.2023 16:58
в](https://img2.joyreactor.cc/pics/post/full/скрипт-script-userscript-7911315.png "скрипт,script,userscript,реактор,сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам,тема")
Ну и в остальном, прошу любить и жаловаться!
Прошу писать в комментах, если что я упустил или что-то написал коряво и надо бы доделать/переделать.
Темная тема работает через расширение для браузеров: Tampermonkey или Greasemonkey:
* greasemonkey (в Firefox'е) https://addons.mozilla.org/ru/firefox/addon/greasemonkey/
* tampermonkey (в Хроме, Опере и для Firefox)
Joyreactor advanced script (JRAS) 2.2.5
В свете последних нововведений (https://old.reactor.cc/post/5510098) сделал для себя так же :)
Но в свете совсем последних изменений (https://old.reactor.cc/post/5511481) гифка может вести на глагну, юзайте на свой страх и риск. Может позже запил проверки какие. Может koka подскажет легкий способ как проверить ;)
Что нового с последнего поста:
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
Может быть кому-то будет полезно ¯\_(ツ)_/¯
Темная тема для 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.
Темная тема работает через расширение для браузеров: 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://greasyfork.org/ru/scripts/458460-dark-old-reactor-by-donotblink-royal
https://greasyfork.org/ru/scripts/458461-dark-old-reactor-by-donotblink-carbon
Вполне вероятно, кто-то уже пилил темную тему для старого реактора, я хз, сделал сам как посчитал нужным, надеюсь и вам понравится.
Всем добра.
Темная версия реактора
Хотел себе темную версию реактора, но без мобильного интерфейса. Пришлось делать самому.
Устанавливается в 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, т.к. уже в январе гугл зачистит все старые расширения из своего вебстора.
Вроде уже одобрили новую версию в магазинах расширений. Так что если разблокировка постов все еще не работает, можно переустановить или обновить расширение вручную. Должна быть версия 1.2.4.0.
для m.reactor.cc разблок тоже должен работать, менее критичные фичи можно будет вернуть потом по ходу дела если шаблон моб. версии устаканится
так же исходники чуть реорганизовал если они кому то нужны то основное расширение - https://github.com/NC22/KellyC-Image-Downloader
для m.reactor.cc разблок тоже должен работать, менее критичные фичи можно будет вернуть потом по ходу дела если шаблон моб. версии устаканится
так же исходники чуть реорганизовал если они кому то нужны то основное расширение - https://github.com/NC22/KellyC-Image-Downloader
Тут на днях мы все дружно перешли на https в результате чего похерились все настройки пользователей.Я расскажу один из способов как можно восстановить настройки. Сразу хочу отметить, что возможно есть и другие, возможно даже проще и легче, но я особо не вникал.
Итак.
Старые настройки для адреса с http остались болтаться в файле c:\Users\_user-name_\AppData\Roaming\Mozilla\Firefox\Profiles\_pofile-name_\webappsstore.sqliteЭто файл в формате, неожиданно, sqlite :)
Надо скачать его вьюер тут - https://sqlitebrowser.org/dl/открыть в нем нужный нам файл и найти jras_options (1) затем выбрать нужный нам домен (2) и забрать полностью значение из value (3, 4)
Далее жмакаем в любом месте страницы реактора и выбираем нужный пункт
Затем переходим на вкладку "Хранилище" (1) выбираем слева "Локальное хранилище" - реактор (2) и видим ключ jras_options. Даблкликаем по его значению входя в режим редактирования (3) и вставляем старые настройки (4) заменяя все полностью
Если нет ключа jras_options, то надо хотя бы раз пойти и настройки JRAS и жмакнуть кнопку "Сохранить"
ЗЫ
соррян забросил проект, потерял интерес :(
О багах знаю, пожелания помню. Может как нибудь...
Обновление 0.3.1
Список изменений:
1. В опции добавлена возможность ограничения глубины проверки просмотра. На слабеньких устройствах поможет меньше насиловать устройство и ускорит быстродействие
2. Полностью переделан метод проверки просмотренных постов. Вместо постраничной проверки каждого поста, расширение хранит в буфере все просмотренные посты. В разы увеличилось быстродействие + отсутствие постоянных обращений к истории и диску по поиску. Да, за счет оперативы, но, совершенно не значительно
Так же получилось снять бан с плагина на версии для Chrome, потому теперь можно ставить расширение прямо из магазина, а не заниматься гемором с исходниками. Но, к сожалению, поддержка joyreactor.com была проебана
Здесь мы собираем самые интересные картинки, арты, комиксы, мемасики по теме userscript (+79 постов - userscript)
Отличный комментарий!