Артем Синеговский, ну раз без ошибок, то мои конгратуляции - ты успешно добавил SVG в header в качестве виджета. Все остальные проблемы на пути к анимации этих четырех букв строго говоря не имеют отношения к этому вопросу: куда в вордпрессе надо класть скрипты это ты узнаешь из гугла, так что осталось только стилизовать SVG так чтобы она нормально отображалась. Засим откланиваюсь
Смотрю первый ваш пример - вижу d3. Смотрю второй ваш пример - тоже вижу d3. По такому поводу непонятно что нужно в итоге
"я не понимаю, как переписать сущности chart, BezierCurve, line, tree и т.п. на обычный js" - это абсолютно нормально, ведь все перечисленные вами сущности реализованы с помощью обычного JS
"почему объявление переменных идёт в самом конце?" - потому что это не конец и не начало, а просто часть блока "live code", в котором можно выполнять куски кода прямо со страницы. Короче говоря, начало это или конец значения не имеет никакого
В админке WP зайди в редактор страниц или виджетов, поменяй эту синюю картинку на блок HTML в котором будет лежать твой SVG. Как вариант. Думаю скрипты временно тоже можно туда накидать.
На самом деле я думал перевести всё в растр и надеяться что итоговая картинка будет смотреться нормально, но конкретно с PNG пока вышло так же как и SVG.
Денис, ну да, теперь всё достаточно просто, минимум логики. Но суть не меняется - по клику вы скрываете ячейку грида, а так как от изменений в одной части грида может меняться что-то в другой части (независимо от того в каком месте грида происходит изменение), то пересчитывать грид приходится полностью.
В вашей ситуации грид вообще не нужен, это слишком сложный инструмент для решаемой вами задачи. В любом случае, независимо от того каким крутым инструментом вы пользуетесь, организовывать огромную таблицу из неадекватно длинной последовательности элементов - само по себе идея дурацкая. Попробуйте как-минимум сгруппировать ячейки в строки.
"если есть на странице допустим блок "content", то убирается блок "block", если есть блок "adaptive", то ничего не происходит" - вот это с русского дословно переведите на JS
Александр Епихин, а я не говорил про растр, я говорил про упаковку иконок в такой же векторный формат как и SVG - в шрифтовые наборы типа TTF, WOFF и другие.
Анна, это я вам наврал; у меня появился горизонтальный скрол и мобильное меню почему-то открылось с position: relative, а не fixed, от того создалось впечатление что все порушилось. Если меню это не проблема, то горизонтальный скрол это грустно
denum999, вообще я не особо по питону, но на вашем месте я бы просто сделал dictionary у которого ключами были бы классы, а значениями - списки животных. Это бы наверное всё упростило
