[Закончен] Дизайним страницу 404 клуба за…бэху

 Публичный пост
2 декабря 2025  2040

Привет всем! Сёрфя по страницам клуба наткнулся на белую страницу 404, когда прошёл по несуществующей ссылке из клуба.

Например, https://vas3k.club/ya_poteryalso.

Белым бело
Белым бело

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

И это розыгрыш бэхи!

А что будет?

Соревнование за дизайн страницы 404. Критерии приёмки:

  • дизайн должен нести клубный вайб
  • ....
  • фсё

Остальное оставлю полёту вашей фантазии. В том числе приветствуются кеки, анимации, фишечки, скрипты и игры - приветствуются, но не обязательны.

Дизайн страницы победителя впоследствии сверстается мной (или будет взята ваша личная вёрстка, если вы об этом позаботитесь) и будет выложена Merge Request'ом в гитхаб клуба. Дальше будем молиться и ждать вжух, чтобы Вастрик одобрил его.

А что дадут?

Как меценат клуба выдам трём победителям по бэхе*:

  1. Первое место - 3 бэхи (+3 от @kutovoys)
  2. Второе место - 2 бэхи
  3. Третье место - 1 бэха

Бэха выдаётся на комментарий данному посту с дизайном страницы. Оформите его так, чтобы не стыдно было получить награду за него.

* Бэхой является награда комментарию. Никакие нологи платить не придётся, в том числе делать отчисления своему налоговому консультанту.
PS Если клуб не даст выдать три бэхи подряд на один пост от одного пользователя, то найду как их передать другим способом :3

А как принимать работы будут?

Чтобы не быть предвзятым выбирать буду не на своё испорченное интернетом и мемами чувство прекрасного, а с помощью количества лайков к комменту с вашей работой.

Дедлайн: 7 Января 2026-го 06:00 MSK (чтобы все успели отпраздновать, отоспаться и трезвым взять в руки стилус для рисования xD )

В случае возникновения спорных ситуаций или выведенному в топы мему за который нас забанит РКН у меня есть добровольцы для помощи в оценке: @msoozar и @snop_snov

Результаты

В нашем конкурсе случился тоталитаризм и конкурс завершился досрочно выбором Вастриком прыгающего через бэхи червяка!

Поздравляю участников. Бэхи выдал всем победителям.

  1. Первое место - @torch
  2. Второе место - @karator
  3. Третье место - @Bobronium
Связанные посты
52 комментария 👇

Сделал 2 лейаута на выбор, червь-ниндзя это прозрачный MP4 видос

@karator, love it!

  Развернуть 1 комментарий

@karator, уоооо <3

  Развернуть 1 комментарий

Ну вы поняли
Ну вы поняли

Nikita Torchinskiy Помидорный погромист фронтов 2 декабря 2025
Беха ⨯2

Даешь ти-рекса!

UPD: worm-рекса!

@torch, закодишь такое?

  Развернуть 1 комментарий

@mikaakim, в целом да, но тут даже кодить особо не надо - взять готовую основу (https://chrome-dino-game.github.io например) и подтюнить как душе угодно

  Развернуть 1 комментарий

@torch, если сделаешь это, то думаю клубни оценят это. Иначе выходит страничка 404 с гифкой из размытого динозаврика. Ну, такое :)

  Развернуть 1 комментарий

@mikaakim, на коленке наваял dino только worms (лучше смотреть в светлой теме) взяв штуку выше и подправив спрайт, если такое действительно интересно - можно что-то поинтереснее наваять.
Исходники понормальнее я уже нашел (ну или с нуля запилить если совсем отвал башки придумаем, вай нот)

  Развернуть 1 комментарий

@torch, вау, офигенно. Осталось придумать как грабить корованы и темка готова!

  Развернуть 1 комментарий

@mikaakim, добавим кнопку "отдать долор" и вуаля! (а кто сказал, что грабить будешь ты, а не тебя)

  Развернуть 1 комментарий

@torch, надо только перепрыгивать через бэхи, а так — огонь!

  Развернуть 1 комментарий

@MikhailKorobko, как то так?)

  Развернуть 1 комментарий

@torch, идеально!

  Развернуть 1 комментарий

@torch, воу! А правильно ли я понимаю, что там весь код одним файлом и я просто могу его взять и вставить куда нужно, да?

  Развернуть 1 комментарий

@torch, и если да, то второй важный вопрос: а можно сделать чтобы червячок сразу начинал ползти без нажатия Space. Тогда я думаю точно заберу его себе на 404 :)

  Развернуть 1 комментарий

@vas3k, да и да )
Если хочешь забрать, я тогда его подотполирую, уберу лишнее, заменю лого хрома, и ещеб поправить вид червячка в темной теме
Можно попробовать его вообще полностью в один скрипт засунуть, чтобы он подсасывался к элементу по id и сам все рисовал

  Развернуть 1 комментарий

@torch, давай! В один скрипт вообще было бы идеально. Я потом его запихаю в один Vue компонент вместе со стилями и просто подключу на страницу, типа того https://github.com/vas3k/vas3k.club/blob/master/frontend/static/js/components/LocationSelect.vue

  Развернуть 1 комментарий

@vas3k, в целом вот так, убрал все лишнее, заменил лого и запихнул все в один скрипт, который подсасывается к элементу с id worm-runner-game

И теперь червячок ползет с самого начала, но игра начинается только когда жмакаешь пробел / тапаешь на ~хомяка~ червяка

Темную тему я вообще убрал, вроде так даже лучше, но если что она делается просто через filter: invert(1) на весь блок

  Развернуть 1 комментарий

@torch, ну всё, готово https://vas3k.club/ya_poteryalso

Уважаемый топикстартер, победителю нужно выдать две бехи!

А победитель, у нас там жалобы пошли, что оно ломается на некоторых системах, причем на каких мы пока не выяснили (на маке во всех браузерах всё ок, а на линуксе и на винде были жалобы)

  Развернуть 1 комментарий

@vas3k, кайф!

Похоже кто-то все таки нашел как в этой игре пользоваться базукой)

Готов расчехлять свой браузерстэк, баги если что можно в меня закидивать - в каком нить телеграмном барном чате или в личку

  Развернуть 1 комментарий

@torch, а бэх нету? Кактусы как-то не оч интересно))

  Развернуть 1 комментарий

@mikaakim, есть тот что я выше кидал, спрайт заменить дело пары минут

Может сделаем рандом, по типу в 10% случае выпадает спрайт с бэхами?

  Развернуть 1 комментарий

@torch, будет шик. Отличная идея

  Развернуть 1 комментарий

@mikaakim, done, можно идти ее ловить)

  Развернуть 1 комментарий

@torch, Я, конечно, подушню, но кто-то должен это остановить.

404 страница — это не страница потери связи в хроме.

Страница с динозавтром в хроме нужна чтобы:

  1. Кэп: показать о проблеме связи
  2. Удерживать пользователя на странице, пока не появилась связь

404 страница, нужна… да если честно, нахер не нужна
404 страница — артефакт веб 1.0, когда разработчики не заботились о людях и просто пихали коды ошибок. Вместо 404й лучше предложить пользователю варианты того, что он возможно хотел получить и вывести на главную страницу — всё.

Поэтому не надо совать туда этого злощастного динозаврика или какую-либо другую игру. Да и динозаврико-клоны, запхиваемые повсеместно, честно говоря, уже давно всех утомили

  Развернуть 1 комментарий

@zever, с продуктовой точки зрения ты абсолютно прав!

И в том числе потому что эта страница нахер никому не нужна - можно добавить в нее что-то интересное, для души и just for fun, будь то игра, пасхалка, мем или что еще сможет придумать коллективный разум клубней

В любом случае у нас тут не анархия, и итоговый вариант будет проходить через vas3k - так что какая нибудь фигня, явно не соответствующая ценностям клуба, дальше не пройдет

  Развернуть 1 комментарий

@zever, нужна чтобы сайт честно сказал "эта ссылка нынче не работает" и у меня была возможность посмотреть на ссылку и что-то ещё с ней сделать. А не потерять ссылку в недрах перенаправлений на главную страницу. Жутко бесит.

  Развернуть 1 комментарий

@yeputons,
Ну вот чо ты? Я тут пытался быть самым душным.
Короче:
Сверху хуячишь крест вастрика: он типа и логотип и огромный крест на мечтах пользователя увидеть страницу. А, каково?

Внизу пишешь: Сорри, мы проебали страницу, но зырь чо у нас тут обсуждают:
Сверху строка поиска, штоб юзер типа сам поискал, а дальше списком текущие топики.

Я просто не участвую, патамушта все бэхи соберу. Перед пасанами не удобна будет

  Развернуть 1 комментарий
🕵️ Юзер скрыл свои комментарии от публичного просмотра...

@torch, а еще бы препядствия и сверху с интересными, но разрешимыми игровыми ситуациями. И вообще раннер (кажется это так называется)

  Развернуть 1 комментарий
Вастрик Блогер, погромист, мизантроп 2 декабря 2025

И чтоб динозаврик прыгал! И можно было грабить корованы

  Развернуть 1 комментарий
🕵️ Юзер скрыл свои комментарии от публичного просмотра...
🕵️ Юзер скрыл свои комментарии от публичного просмотра...

Предлагаю свой вариант для вастрика.

Анимация полностью векторная, всего 3KB вес странички.

Здесь ставлю screen capture.
-> Ошибка при загрузке файла :( = can't insert an animated GIF here?
Oops.

Рабочее демо 404 странички:

404_v3k.htm

  Развернуть 1 комментарий

Working demo removed as the challenge has ended. Thanks so much for the votes! 🤝

  Развернуть 1 комментарий

Не знаю что за бэхи и для чего они нужны, но почему бы и не попробовать )))
Для тёмной темы


и для светлой

  Развернуть 1 комментарий

Не 404, но
Буквально на днях наткнулась на самую офигенно обыгранную 500ку:

  Развернуть 1 комментарий

На Вастрик.Квесте на др клуба в 2023 были интересные работы, некоторые бы подошли для 404 страницы:

например, такие от @tetelevm и @ievilwolf


  Развернуть 1 комментарий

Простите, я не умею играть с шрифтами)

  Развернуть 1 комментарий

на долю секунды загорается фото заблокированного сайта, а потом появляется (картинка ) и голосом Вастрика говорит "бу испугался? не бойся нас пока не заблокировали, просто твоя страничка не найдена. можешь пока посмотреть другие странички ниже" и список новых или горячих страниц ниже (или даже попробовать сделать результаты поиска по данным, которые в адресной строке и которые не найдены для этих страничек, но это может быть слишком сложно и просто можно горячее или недавнее показывать)

  Развернуть 1 комментарий

Присоединюсь к раздаче Бэх!
Добавлю от себя еще 3 бэхи победителю :)

  Развернуть 1 комментарий

@kutovoys, вау, круто! Добавил к описанию приза!

  Развернуть 1 комментарий

Правда 500 ошибка

  Развернуть 1 комментарий

@salavatd, ехехе, есть возможность вытащить картинку?

  Развернуть 1 комментарий

@mikaakim, исходника нет, попалось на просторах. Я думаю можно подобное сгенерировать

  Развернуть 1 комментарий

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

  Развернуть 1 комментарий

@stfbee,

близких к культурному коду клубчанам: хабра

Пикабу забыл 🌚

  Развернуть 1 комментарий

Вдохновение по 404 можно поискать тут 😁
https://www.instagram.com/p/DOOALWODdPU/

  Развернуть 1 комментарий
🕵️ Юзер скрыл свои комментарии от публичного просмотра...

😎

Автор поста открыл его для большого интернета, но комментирование и движухи доступны только участникам Клуба

Что вообще здесь происходит?


Войти  или  Вступить в Клуб