Эстетический процессор html-кода

Мы живём в эпоху экранной культуры. Экран даёт нам работу и организует наш досуг. Крупнейшие веб-сервисы и их метафоры пользовательского интерфейса являются значимой частью нашей повседневности. А наша задача — делать знакомое странным.

Данное веб-приложение получает доступ к исходному коду веб-сайта и вмешивается в логику его работы. Каждый раз это реализуется уникальной комбинацией методов. Алгоритм осуществляет порядка 1000 вторжений в код в секунду, используя для этого 369 151 937 способов.

Посвящается Netochka Nezvanova.
В честь двадцатилетия nebula.m81.

Подробности

Алгоритм также описывает все свои действия в консоли, работа которой доступна в десктопной версии сайта (F12 → Console) и выглядит так:

Консоль интересна тем, что это отдельный вид интерфейса и здесь мы можем одновременно наблюдать и графическое и текстовое выражение одних и тех же процессов.

На видео, кстати, запечатлён интересный момент. Там деформируется сайт Amazon, который, видимо, чует неладное и выдаёт плашку о том, что, мол, мы заметили подозрительную активность, введите капчу, чтобы доказать что вы не робот. Ну, а это на самом деле и есть робот, который тут же расправляется с кодом страницы.

Работа посвящается двадцатилетию веб-браузера nebula.m81, созданного анонимным автором Netochka Nezvanova, который интерпретировал код веб-сайтов в графику и звук.

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

Количество способов деформации, указанное выше (369 151 937), получается если пересчитать все HTML-теги, их свойства и диапазон возможных значений, из которых выбирает random-функция.

Предуведомление о технических ограничениях

Некоторые сайты невозможно деформировать ввиду технических особенностей их архитектуры.

Мощность алгоритма достаточна, чтобы на некоторых устройствах вывести из строя весь браузер. Будьте к этому готовы, желательно закрыть соседние вкладки. Используйте lite-режим (это порядка 6 вторжений в секунду), чтобы обойти неполадки.

Чтобы запустить деформацию заново — перезагрузите страницу.

Ниже небольшой список веб-ресурсов, на которых работа алгоритма протестирована:

— https://www.google.com
— https://yandex.ru
— https://www.reddit.com
— https://www.netflix.com
— https://bandcamp.com
— https://www.behance.net
— https://www.amazon.com
— https://aliexpress.com
— https://wikipedia.org
— https://www.youtube.com
— https://github.com

Цель для деформации:

Aesthetic processor of html-code

We live in the age of screen culture. The screen gives us a job and organizes our leisure time. The largest web services and their metaphors of the user interface are an important part of our everyday life. And our task is to make the familiar — strange.

This web application accesses the source code of the website and interferes with its logic. Each time it is implemented by a unique combination of methods. The algorithm performs about 1000 interventions per second, using 369 151 937 methods.

Dedicated to Netochka Nezvanova.
In the 20th anniversary of nebula.m81.

Details

The algorithm also describes all its actions in the console, which is available in the desktop version of the site (F12 → Console) and looks like this:

The console is interesting because it is a specific type of interface and here we can simultaneously observe both graphical and text expression of the same processes.

The video captured an interesting moment. It deforms the site of Amazon, which sees something strange and gives out a plaque that "we noticed suspicious activity, enter the captcha to prove that you are not a robot". Well, this is actually a robot that immediately resolves the code of the page.

The work is dedicated to the 20th anniversary of the web browser nebula.m81, created by the anonymous author Netochka Nezvanova, who interpreted the code of websites into the graphics and sound.

Deformation is realized in the form of an infinite cycle, restarting every millisecond three times nested random-function (we can call it a randomness of the third order), which selects the element-property-value and embeds the calculated mutation in the code.

The number of deformation methods described above (369 151 937) is obtained by recalculating all the tags, their properties and the range of possible values from which the random function chooses.

Notification of technical restrictions

Some sites cannot be deformed due to technical features of their architecture.

The power of the algorithm is sufficient to disable the entire browser on some devices. Be prepared for this, it is desirable to close the neighboring tabs. Use lite-mode (about 6 interventions per second) to bypass the problem.

To restart the deformation, reload the page.

Below is a small list of web resources where the algorithm has been tested:

— https://www.google.com
— https://yandex.ru
— https://www.reddit.com
— https://www.netflix.com
— https://bandcamp.com
— https://www.behance.net
— https://www.amazon.com
— https://aliexpress.com
— https://wikipedia.org
— https://www.youtube.com
— https://github.com

Target for deformation: