Баги , фиксы , фичи for: JoyReactor
0)^этот заголовок добавлен не через поле заголовок потому что при редактировании поста всё сливается в одно поле и при копировании текста из "заготовки" заголовок теряется (это не точно , но можете попробовать починить)
1)Гиф видео баг m.joyreactor.cc
Если развернуть гиф видео на весь экран края гиф видео обрезаются!; совсем не приятно когда портретная гифка уходит за пределы альбомного экрана (но зато иногда попа на весь кадр или подобное)
Как исправить?:убрать css object-fit:cover; из тега video а лучше заменить на object-fit:contain; Но просто убрать хватит, возможно убрать или переделать
css background в теге video но я не уверен что с ним делать сами смотрите...
Можно исправить через сторонние расширения ?:Да. Главное добавить css video{object-fit:contain !important}
Готовый код? без изменения фона:
//for use: open https://m.joyreactor.cc/tag/%D0%B3%D0%B8%D1%84%D0%BA%D0%B8 and run code below , open gif video on fulllscreen , profit!?
document.head.insertAdjacentHTML('beforeend','<style>video{object-fit:contain !important}</style>');
А на олде бажит ?:не бажит.
2)Правая колонка "Фендомы" маленький баг m.joyreactor.cc
Если перетащить изображение фендома на новою вкладку то откроется изображение а должна наверно открываться страница фендома
И? всем подобным блокам возможно надо сделать прямоугольноюLike карточку возможно без видимых но интуитивно понятных границ...
А на олдРеактор нармальна работает ?:Нармльна.
3)Поиск в m.joyreactor.cc
Видно что там что делается но вот список вопросов:
3.1)опции "Дополнительные фильтры" можно открыть только если заполонено основное поле это неудобно.
3.2)"+ новый тег" красиво свежо но поначалу у меня совсем не работало, сейчас иногда пытаюсь угадать как на него нажать чтоб что то получилось; Может вернуть поле ≈"теги через запятую"? было нормально.
3.3)адрес страницы не совместим с адресом олдДжой это неудобно и зачем не понятно а если кто то захочет поделится ссылкой а другой реактор не поймёт; Предполагаю лучше взять старый синтаксис возможно доработав его под новые фичи или обеспечить полную обратную совместимость нового и старого.
3.4)Я фичу придумал добавить в поиск адресКлюч/кнопкаИнтерфейс "сортировка по дате",
Показать лучшее или хорошее или всё и возможно название для титла;
И ТОГДА каждый сможет создавать свою "специальнуюЛенту" выбрав несколько тегов
и делится ею как ссылкой сможет и это уже почти можно реализовать сторонними расширениями замиксовав несколько лент тегов, но я бы предпочёл увидеть это в самом реакторе
3.4) Типа пример:Теги[ Карательная электроника, карательная архитектура, я у мамы инженер, технопорно,] показать вместе или собрать разные комиксы которые выходят годами или любимых художников ...
Можно делайте!!!!
4)Потом напишу... может
Там про нестандартные по размеру автаркии и дополнение к пункту 2) нужен пример я его может в комментарий добавлю...
***менее конструктивные пункты***
5)Бездоменные ссылки
по моему было бы неплохо обрабатывать не автоматические локальные ссылки примерно таким образом пример:
https://m.joyreactor.cc/post/4209542
^ если нажмёте на "m.joyreactor.cc" попадёте на эмДжой а если а если нажмёте "/post/4209542" попадёте на тот реактор на котором вы сейчас находитесь если не сработает "фандомный редирект"
^также ссылку можно отрыть выделив текст и вставив его в адресною строку
^"m.joyreactor.cc"(это домен откуда была взята ссылка) "/post/4209542"(это страница ректора)
Также сейчас иногда вылазит лишний реактор-джойРектор редирект(страница:
Переход по внешней ссылке Внимание! Вы собираетесь перейти по внешней ссылке...);
Возможно для именных ссылок поставить отключаемою галочкой без домною опцию в конструкторе ссылок
5.1)страница: Переход по внешней ссылке в m.joyreactor.cc сейчас отсутствует... иногда не удобно если какойто реактор не грузится приходится вручную менять адрес
6)Youtube auto , coub auto, и.т.д. теги
Если пост содержит Ютуб фрэйм то добавить (возможно невидимый) тег "Youtube auto"
Удобно потому что: видео контент требует звука и немного другого внимания поэтому его иногда откладываешь на потом а патом долго ищешь.
Для других фреймов(vimeo, coub & others) сделать аналогично если есть тег:"личное" не делать, можно реализовать через стороннего бота который будет везде лазить по реактору и ставить нужные теги , можно и для компонентов тег реализовать, и через сам реактор реализовать можно... Делайте!^-^
7)Youtube url api
ранее я писал штуку которая должна была добавить опций Ютуб проигрывателю на реакторе
https://joyreactor.cc/post/5327885#comment26383192
В принципе наверно можно пользоваться но не хватает информации о политеке ютуба насчёт плэйлистов, мне проверять пока не хочется а ютуб может разрешать плейлисты для личных блогов но не для больших платформ если знаете об этом отпишитесь в комментариях к посту и тогда возможно вероятность повеления новых опций ютуб плеера на реакторе повысится!...
8)Бесконечная лента и не мои попытки переделать или фиксить ленту в m.joyreactor.cc
8.1)Кажется лента на эМреакторе пару месяцев назад немного мутировала страницы открытые в новой вкладке пропускали/копировали не один пост а несколько, не уверен что там было и что сейчас но у меня как то много пропускалось и было не очень удобно.
(сейчас стараюсь всё в новой вкладке открывать...)
8.2)Если надумаете бесконечную ленту не забывайте хотя бы про номер страницы добавленный где то чтоб её можно было читать как книгу останавливаясь и возвращаясь примерно в тоже место...
P.s."3.4)" вроде классный мне пока поднадоело, добра вам всем!, Удачи!!!
~_^
Еще на тему
Что б увидеть длинный пост, его нужно открывать ссылкой в новой вкладке
(Такого никогда не будет, потому что коке будет стыдно за код)
https://github.com/Gropher/joyreactor
И прочие всякие ошибки сервера. Дали б уже людям на недельку доступ к коду, умельцы бы хоть исправили весь этот бардак.
5.2)Бездоменные ссылки/ лишние перенаправления пример:
открываю в эмДжой... => https://m.joyreactor.cc/post/5127598
"
Вдохновленно этим постом
Визуализация есть, осталось скачать юнити и научиться писать скрипты
" ^ "этим постом" сейчас там такая ссылка (с эмДжоя на Джой чтоб выйти в фоксРеактор):
http://joyreactor.cc/redirect?url=http%3A%2F%2Ffox.reactor.cc%2Fpost%2F5019716
мой пример ссылки из 5) я уже писал что по моему там нечего плохого, тем не менее при переходе по ссылке можно увидеть персонажа фильма ужасов ,наверное поэтому предупреждаю если вас это смущает ссылку лучше ссылку не открывать.
9)Баг касавшейся вроде бы только m.joyreactor.cc заглушка "Контент не доступен на территории"... срабатывает в разных уголках мира
проявляется как и на лентах постов так на самих постах но иногда только что то одно пример:
https://m.joyreactor.cc/tag/паравозик+томас/all
^в ленте видно а на странице
https://m.joyreactor.cc/post/5404790
^а на странице пота заглушка
^при тестировании вроде на оборот лента заглушка а страница пост грузит пост
другие примеры виднелись некоторое время назад по тегу "Бесконечное лето" но это не точно
10)Бага не бага в m.joyreactor.cc если видео улетело в лучший комент то при его просмотре лучше не нажимать "развернуть комментарии" потому что лучший комментарий перегрузиться а вместе с ним и плеер который проигрывал видео...
10.1)было бы не плохо подсвечивать "лучшие комментарии" в основном древе комментария, удобно когда лучший уже прочитан и ты открываешь комментарий для поиска менее популярного продолжения , это можно реализовать и через сторонние расширения
4)Нестандартные по размеру аватарки для m.joyreactor.cc
Попытался уместить аватарки так чтобы нестондартные по размеру аватарки сохраняли пропорцыи, имели максимальную высоту в 50пикселей , а текст если он есть чтобы был рядом правого края ававтарки
Это немножко ерунда потому что не подогнана под текушую верстку но она илистрирует концепцыю пропорцыанально зжатой аватарки и "премоуголного" блока(в демо он серым цветом) по которому легко попасть как в пункте 2) а также устраняет баг с непропорцыаналным растягиванием аватарки;
Как это адаптировать для блока в коментарии я не пока не придумал
Код пытался сделать более удобным для заметок но получилось наверно путано...
Зарание ~_^Удачи! Дальше только картинка и код для "4)"
// The IMAGE//////////////////////////////
// The IMAGE End//////////////////////////
.htm page code
<title>CSS Demo Resize avatar for m.joyreactor.cc</title>
Profile profle Cards<br>
<span id=b1>
<!-- script make many:
<a href=https://m.joyreactor.cc class=card1><span class=supportBlock1></span><span><img src=ava.png><b>ANONN</b></span></a>
-->
</span>
<hr><!--*********************-->
<span id=b2>People<hr>
<!-- script make many:
<a href=https://m.joyreactor.cc class=avaBlock1><img src=ava.png></a>
-->
</span>
<!--*********************-->
<span style=display:inline-block;width:30px;vertical-align:middle;></span>
<!--*********************-->
<span id=b3>PeopleAlt<hr>
<!-- script make many:
<a href=https://m.joyreactor.cc class=avaBlock2><center><span></span><img src=ava.png></center></a>
--></span>
<style>
/* style */
/* Profile profle Cards*/
#b1{}
.card1{display:inline-block;width:300px;height:50px;margin:2px;background-color:#999;}
.card1>*{display:inline-block;vertical-align:middle;}
.supportBlock1{height:100%;}
/* .supportBlock1 thanks for tips=> https://stackoverflow.com/a/28292550 */
.card1>*>img{max-width:50px;max-height:50px;margin-right:3px}
.card1>*>b{vertical-align:bottom;color:#fdb201;}
/*People*/
#b2{display:inline-block;width:180px;vertical-align:middle;}
.avaBlock1{display:inline-block;width:50px;height:50px;margin:5px;background-color:#999}
.avaBlock1>img{object-fit:contain;width:100%;height:100%;}
/*PeopleAlt*/
#b3{display:inline-block;width:180px;vertical-align:middle;}
.avaBlock2{display:inline-block;width:50px;height:50px;margin:5px;background-color:#999}
.avaBlock2>center>*{vertical-align:middle;}
.avaBlock2>center>span{display:inline-block;width:0px;height:100%;}
.avaBlock2>center>img{object-fit:contain;max-width:50px;max-height:50px;}
</style>
<hr><!--*********************-->
Profile profle Cards<br>now: ???unknown???
<!--*********************-->
<script>/*DemoMaker script not need for final build*/
a=[25,50,75];/*X&Y demo sizes array for image*/
for(x=a.length;x--;)for(y=a.length;y--;)
i=/*"i" demo svg image*/'<img src=\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="'+a[x]+'" height="'+a[y]+'" viewBox="0 0 '+a[x]+' '+a[y]+'"><rect width="100%" height="100%" fill="rgb(255,176,0)"/><text x="50%" y="35%" font-weight="bold" text-anchor="middle" dominant-baseline="middle" font-size="10">"@v@"</text><text x="50%" y="65%" font-weight="bold" text-anchor="middle" dominant-baseline="middle" font-size="7">'+a[x]+'x'+a[y]+'</text></svg>\'>',
/*and then draws some elements*/
b1.innerHTML+='<a href=https://m.joyreactor.cc class=card1><span class=supportBlock1></span><span>'+i+'<b>ANON'+a[x]+'x'+a[y]+'</b></span></a>'/*b1*/,
b2.innerHTML+='<a href=https://m.joyreactor.cc class=avaBlock1>'+i+'</a>'/*b2*/,
b3.innerHTML+='<a href=https://m.joyreactor.cc class=avaBlock2><center><span></span>'+i+'</center></a>'/*b3*/,
1</script>