Aleksei Podgaev

Нужно, чтобы первая открытая вкладка объявляла себя "мастером" и отвечала за все подобные вещи, в остальные, при открытии проверяли есть ли уже мастер и если есть, то пропускали инициализацию сервисов. В идеале вообще запускать для этого сервис воркер.

Если поиграться вот с этим примером (убрать тени например), то можно получить то, что нужно:
https://css-tricks.com/snippets/css/tucked-corners/

Если вы не знаете как вставить javascript в html, то я даже не знаю. Может начать с изучения азов? Например как работает тег <script>. JSON это по сути объект Javascript. Т.е. объявляете в javascript переменную и присваиваете ей содержимое этого файла. Только не забудьте потом переделать вашу функцию, чтобы она не запрашивала эти данные с сервера, а использовала значение объявленной переменной.

Вообще лучше пользоваться button - это лучше с точки зрения доступности страницы. Разные скринридеры для слабовидящих опираются на разметку при чтении. Ну и вообще, если есть в спецификации кнопка и ссылка, то и нужно их использовать по назначению. Используют div вместо кнопки в некоторых случаях, когда не хотят или не умеют бороться с ненужными в конкретном случае особенностями рендеринга элемента button.

Код профессионала может прочитать и понять любой дилетант. Код дилетанта иногда даже профессионал понять не может.