Шохрух Шаймардонов

Используйте :after/:before и "вырежте из них 3угольники".

З.ы. геометрические фигуры на css в гугле даст вам подсказку

Я бы конечно переписал весь этот костыль, но это уже на ваше усмотрение

Заменить
if ('#tow') == ('Москва')
На
if ($("#tow").html().includes("Москва"))

P.s. пишу с телефона. Так что думаю разберетесь по логике

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

Однозначно!

как определить, какие стили используются на странице?

Описано тут [Google Developers]

Используйте localStorage для обмена данными между страницами. Самый простой костыль

С чего вы решили, что у вас что-то должно работать?!
Гитхаб пэйджс работает только со статикой. Никакого серверного кода! Так что либо бэк(пхп) переносите на другой сервер и стучитесь к нему, либо целиком проект перенесите на другой полноценный хостинг

В:

В чём разница между веб сайтом и веб приложением?

О:

The main difference between a website and a web application is USER INTERACTION. Website is defined by its content. Web App is defined by its user interaction. For example you can consider a news site as a website.

(Надеюсь с англ. нет проблем, иначе гугл/яндекс/иной транслейт)

В:

Почему большинство переходит на веб приложения?

О: Вы уверены, что правильно понимаете понятие "веб приложения"? Ибо если сайт написан с использованием "нечисти" (т.е. впихнут реакт/ангуляр//вью/свелт/и.т.д), это еще не делает его приложением (см.выше)

В:

Какие плюсы/минусы у каждой из технологий

О: Все технологии придуманы для облегчения жизнедеятельности людей. От этого и логика, фреймворк нужен не для того чтобы создать конкретно веб приложение вместо сайта, а чтобы упростить его разработку. Ничего более. Нравится все писать голыми руками и клепать 100500 шаблонных html файлов вместо 1 реюзабельного компонента? Пожалуйста, никто вас не останавливает (если это не оговорено в условиях договора/прочего документа). Плюсы у всех технологий (по крайней мере, задумывалось их создателями), облегчение труда/ускорение работы/уменьшение затрат(разных). Минусы: недоработанность/лишний код(который создается этими фреймворками)/много прочего

В:

неужто статическому интернету капут

О: Скорее нет, чем да. Ибо статика обрела новую жизнь, под названием JAMStack

Тарас Шульга уже дал логику. Как уточнение: 1. Использовать готовый плагин(такой точно имеется) 2. Вставлять готовый css как кастомные стили и js для управления стилями (как раз и по способу предыдущего ответа)

Так это верстка или редизайн? Если редизайн, то ничем не помогу (нет вкуса), но если редизайн+/верстка, то где код???

favicon
UPD
Googled it special for you

Как работает эта магия разжевана тут