Брендирование the Free Speech Project

10.09.2021 12:05:36

Одно из направлений в разработке 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 на своем домене. Несмотря на то, что там желаемые изменения выходят далеко за мои планы по разработке, я постараюсь вынести еще больше настроек для возможности кастомизации сторонними силами.


0
0 Awards
Show comment form
Comments