Настройка логотипа

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

Чтобы это сделать, выполните следующие шаги:

To do it, perform the following steps:

1. Откройте консоль виртуальной машины;

2. Создайте новую директорию, например: mkdir /opt/my-logo

3. Загрузите лого и фавикон в новую директорию. В большинстве случаев вам понадобятся только 3 файла: :

   • favicon.ico - иконка во вкладке браузера, закладках и адресной строке;
   • logo-mini.svg - лого в левой панели навигации (размер лого должен быть 200 x 55 px);
   • logo.svg - лого в верхней панели навигации и странице логина (размер лого должен быть 200 x 55 px).

4. Откройте файл /opt/hw-fh/config/user.ini (требуются права root);

5. Добавьте строку v.deck.logotypes.dir в раздел [main] и укажите путь к лого: v.deck.logotypes.dir = /opt/my-logo

6. Чтобы применить изменения, выполните команду: /opt/hw-vmp/bin/reconfig

7. Помимо этого, вы можете использовать любой генератор иконок для создания собственного набора фавиконок в разных форматах для разных браузеров (например, Chrome, Safari, и т.п.) и платформ (например, iOS, Android, и т.д.), после чего также добавить в вашу директорию. Пример:

   • apple-touch-icon.png
   • favicon-32x32.png
   • favicon-194x194.png
   • android-chrome-192x192.png
   • favicon-16x16.png
   • safari-pinned-tab.svg

Если вы хотите использовать фавиконы разных размеров, добавьте файл site.webmanifest в вашу директорию с логотипом и пропишите необходимые настройки. Пример:

{
  "icons": [
    {
      "src": "./android-chrome-36x36.png",
      "sizes": "36x36",
      "type": "image/png"
    },
    {
      "src": "./android-chrome-48x48.png",
      "sizes": "48x48",
      "type": "image/png"
    },
    {
      "src": "./android-chrome-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "./android-chrome-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "./android-chrome-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "./android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "./android-chrome-256x256.png",
      "sizes": "256x256",
      "type": "image/png"
    },
    {
      "src": "./android-chrome-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "./android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}