Одно из направлений в разработке The Free Speech Project было добавление так называемого White Label, для брендирования ПО под свои сервисы.
И запуск Readdle.me был как раз брендированием TFSP. Итак, что можно менять?
В самом главном файле dapp.html содержатся подключения скриптов и заголовок страницы. Туда имеет смысл вставить мета данные для SEO, заменить описание страницы.
В скрипте app.js содержатся переменные:
- whitelabel_account — основной viz аккаунт бренда, например readdle;
- whitelabel_accounts — массив аккаунтов на которые будет автоматически подписан пользователь, без возможности отписаться;
- whitelabel_deep — глубина загрузки истории сообщений с указанных аккаунтов;
- whitelabel_redirect — перенаправлять ли пользователя при первом входе в профиль основного аккаунта;
- whitelabel_app_title — заголовок внутри самого приложения;
- whitelabel_copy_link — возможность перезаписать событие при копировании ссылки на объект, заменяет строку viz:// на ваш uri.
- whitelabel_logo — логотип в svg формате который будет отображаться при загрузке приложения в момент инициализации.
В целом этого достаточно для простого брендирования, но у whitelabel_logo есть маленький бонус с добавлением анимации. Если для элемента path в svg указать class=»animation», то часть векторного логотипа будет анимирована от прозрачности 0% к 100%. Если указать class=»back-animation», то наоборот, объект будет становиться прозрачным. Таким простым образом можно получить улучшенный визуал для восприятия пользователем.
Есть так же параметры sync_cloud_url и preview_url отвечающие за синхронизацию и формирования превью для ссылок. Но их модификация будет возможна после разработки VIZ HUB с рядом микросервисов поддерживающих беспарольную авторизацию.
Позже выложу минификатор на php, который позволяет собрать все подключаемые стили и скрипты в один html файл.
Ко мне уже обращались с просьбой помочь запустить TFSP на своём домене. Несмотря на то, что там желаемые изменения выходят далеко за мои планы по разработке, я постараюсь вынести ещё больше настроек для возможности кастомизации сторонними силами.
Наградить автора поста
