Notes (Delete when publishing)

------------------------------------------------------------------------------------------------

- Update location name

- Update the location in map pop-up (iFrame)

- Add the Meeting Guide link in the VB Logo (bottom left)

- Update the navi points (adjust text in 'Normal' and 'Pressed')

- We're using text highlighting on these tours: https://trello.com/c/3EQKTfSz

---------------SUB NAVI---------------

If there is a sub-navi element in this skin, the arrows in the umbrella point need to be pointing left (▸) when the sub is closed and down (▾) when the sub is open.

Remove the arrows if there are no subs (check the pressed state of the button).

The navi buttons are set to 'toggle', the main buttons are in a group called 'main'. If the tour requires a sub navi, give the sub a group. If you don't understand, ask Aidan or Chiara.

Make sure the sub-navi points are adjusted in opacity from 50% to 40% (normal) and 70% to 60% (pressed).

Add show/hide actions on the umbrella point and on the other main points (so that the sub-navi will close when you go to an area outside of it).

When building the JavaScript text highlighting, set the umbrella point to also be 'true' for all areas within the sub-navi.

window.blazeIT.getComponentByName("BUTTON_NAME").set('pressed', true);

True = highlighting on, false = highlighting off.

---------------STATS---------------

The stats are the information VB has for each area.

In this skin they are made up of icons and text. To add stats for an area copy the existing example and edit the info. Name the container well as you will need to hide/show using the following JavaScript (e.g., 'stats-saal'):

window.blazeIT.hideComponent("NAME1");

window.blazeIT.showComponent("NAME2");

If there are no numbers given on the stats (k.A.), write: ---

---------------MOBILE---------------

The mobile skin needs to be created from the desktop skin. Set the orientation to portrait.

In the mobile skin open bottom-bar-con and then bar-con. Hide mid-con and right-con and set logo-con to 100% width. There are no stats visible in the mobile navi.

- Check that the share button notification is aligned correctly (one way to do this is by creating an additional container set at 100% width, 0% opacity and setting the share-btn-notification-con to be centered inside it)

- Hide copyright-con

- Resize the map-con to fit better (90% of screen) - adjust left and right position to be each at 5%

- Resize map-con closing button from 10x10 to 15x15 (via Edit Styles)

- Hide button-fullscreen and resize remaining buttons to be 10x larger (23x25)