В последнее время чё-т я совсем обленился, но продолжаю вивисекцию вомбатных.
Свежий набросок. Не уверен, увидит ли он свет (негде хостить и риск DDoS), но зато теперь я могу читать Вомбат даже в MS-DOS из текстового Links. И в Firefox 2 со всеми картинками (конвертация из WebP на сервере). Вход в аккаунт пока не планируется, хотя и возможен. Видео тоже реализуемы, но проблемно.
Сервер возвращает уже готовую и чистую страницу, без новомодных и тяжелых AJAX
Подключать 486 комп мне лень, но в Windows-версии браузера Links все работает без проблем. Злосчастный TLSv1.3 обрезается обратным прокси.
Меня достаточно долгое время раздражала нелогичная скругленность интерфейса сайта. Несмотря на то, что так сейчас делают везде, это модно и соответствует передовым принципам дизайностроения, я остаюсь фанатом Windows 8/старых версий Windows 10/Dear ImGui в плане дизайна, с их идеально острыми углами. Некоторым извращенцам еще Windows Phone нравился. Плюс квадратность рож вомбатов определенно намекает, что рожа сайта тоже должна быть квадратной.
В какой-то момент желание что-то с этим сделать пересилило лень и страшное нежелание лезть в экосистему и язык, в котором строка - число = число, а строка + число = строка, 2 разных null и 2 разных оператора сравнения по причине слабой динамической типизации - не самая странная часть языка.
Помимо этого были обозначены дополнительные функции: скачивание видео и поиск по тегу. Они есть в TODO сайта и де-факто это можно делать вручную, но неудобно и не все знают/могут.
Реализация
Первый день начался с... создания нового скрипта GreaseMonkey, вспоминания основ CSS и установки радиуса скругления на всех элементах страницы в 0. Сделано это было довольно быстро, после чего к основным блокам были добавлены рамки. Результат получился довольно неплохим (субъективно), хотя и не без проблем. Круговой индикатор загрузки превратился в 2 шпалы, решил не исправлять. Напоминает предыдущую итерацию дизайна Pikabu (2020) до скругления и удаления рамок.
Следующие две ночи я провел в попытках отследить все видео на странице и окна поиска. Получилось крайне колхозно и ненадежно (вероятно сломается при следующем обновлении), но оно работает. Зато загрузка видео выглядит так, как будто это родная функция. Еще нажатием с Alt можно скопировать прямую ссылку, хотя этого лучше избегать из-за возможного перемещения адреса сервера.
Все функции одной картинкой. Кнопка скачивания видео, поиск по тегу и квадратная тема.
Поиск по тегу помимо уродского дизайна не учитывает одну большую проблему: теги регистрозависимые. То есть "кот" и "Кот" приведут к разным результатам, а еще "вомбат шаббат" и "вомбатшаббат". Решить с клиентской части это невозможно, а с серверной все равно создает много проблем и единственным вариантом я вижу слияние одинаковых тегов в разных регистрах и создание команды модераторов, которые будут приводить теги к единообразию. Но это уже не моя компетенция, в остальном поиск по тегу работает как и должен.
Поиск. Наглядно.
Меню настроек было написано в промежутке с 3 до 6 утра сегодняшнего дня, не вижу смысла заострять внимание. Почему разработчики GreaseMonkey не сделали нормальных штатных функций для этого - ХЗ.
Скачать или полюбоваться на чудеса говнокодостроения можно здесь. Требуется любой менеджер скриптов по вкусу (TamperMonkey (я использую его), GreaseMonkey, ViolentMonkey, т.д.). Chrome умеет устанавливать скрипты как расширения, но у меня используются специфичные функции, которые им напрямую не поддерживаются.
Просьба сильно не бить за качество кода. Он писался человеком, который впервые увидел JS и CSS3 после одиночного знакомства с CSS2 и HTML4 много лет назад. Плюс оно работает, а остальное уже не так важно (есть косяк с тем, что скрипт загружается раньше React и сбивает его с толку, но на работоспособность это вроде не влияет). Еще он должен работать в мобильном Firefox, но я не тестировал. Но поиск по тегам работать точно не будет, исправлю в следующей версии.
Активно поддерживать не обещаю (С), но пока я буду пользоваться сайтом, скрипт должен обновляться. Идеи по новым функциям, исправления или баги можно озвучить в комментариях
Фотография вомбата из сиднейского зоопарка. Дочь, когда была в гостях в Сиднее, сфотографировала.
Сейчас у меня сын в Сиднее живёт. Тоже в зоопарк сходил и вомбата сфотографировал. Но вомбат не захотел вылезать из своей пещеры. Поэтому только такой снимок у нас есть.
Ну что, кто готов впустить в свой разум неземной красоты вомбата? А всё потому, что пост для ивента на тему "молитвы" у меня не пишется... В общем вот.
Берём чай с лимончиком, любую картонку, карандаш, ластик и ножницы.
Это будет основа для вомбата
Рисуем контур зверька (нашла первую попавшуюся картинку в яндексе в качестве референса)
..ну что за тигрр этот вомбат
Вырезаем нашу картинку, берём акриловые краски (у меня завалялись такие в тюбике) и самое главное - разноцветные бусинки. Благо детские наборы для создания украшений дочери дарились неоднократно.
Кстати, как основу можно взять любую картинку, у нас уже есть лошадка.
Дальше просто - заполняем пустое пространство краской и выкладываем бусинами.
Дело пошло
Бусины прилипают, как на клей, и хорошо держатся.
Вот что получилось
Приклеиваю как обычно на двусторонний скотч на дверь. Там у нас ещё пластилиновая радуга висит.
Понадобилось мне тут повомбатиться в картинках. Ну, а коль суббота, отчего бы и не поделиться с Вами?
Меня смутило что по запросу "вомбат" выдаются довольно разные зверушки. Ну и решил покопаться.
Падший вомбат показывает свой хвост.
Ну разные же животинки. Даже на рисунках.
ИИ беспощаден во всему.
Вики, видимо насмотревшись творчества ИИ, говорит, что вомбат это такой хомяк-переросток. Делятся вомбаты на два типа:
Длинношёрстный. "Мех длинный и мягкий. Спина обычно буро-серого цвета; грудь, щёки — часто белого цвета. Голова меньше, чем у короткошёрстных вомбатов. Над глазами часто имеются белые пятна. Уши небольшие, треугольной формы." Как по мне, проще отличить по большим ушам и пушистому носу.
Короткошёрстный (внезапность-то какая). "Хвост рудиментарный. Конечности короткие, сильные, на четырёх пальцах (кроме укороченного первого) имеются крепкие когти, приспособленные для рытья. Морда короткая, широкая, с маленькими глазами и небольшими округлыми ушами. Уши и нос практически голые (в отличие от видов другого современного рода длинношерстных вомбатов)."
Вот второго типа вомбата (вост рудиментарный. Конечности короткие, сильные, на четырёх пальцах (кроме укороченного первого) имеются крепкие когти, приспособленные для рытья. Морда короткая, широкая, с маленькими глазами и небольшими округлыми ушами. Уши и нос практически голые (в отличие от видов другого современного рода длинношерстных вомбатов). Сумка хорошо развита, открывается назад; сосков 2. В желудке обнаружены специфические пищеварительные железы, свойственные животным, потребляющим грубую пищу.
А ещё интернеты говорят, что вомбаты очень страдают не только от хищников и ДТП, но и серьёзно болеют кожными болячками. Фото вомбатосфинксов и вомбатоликоев выкладывать не стал.
Позавидуем австралийцам, у которых это частое домашнее животное.