Лабораторная 2

2023-12-03 18:52:09 +03:00 · 2023-12-03 18:52:09 +03:00 · 0d9eff0c49
commit 0d9eff0c49
parent 369de44bb0
7240 changed files with 792423 additions and 0 deletions
--- a/.eslintrc.json
+++ b/.eslintrc.json
@ -0,0 +1,20 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": "airbnb-base",
+    "parserOptions": {
+        "ecmaVersion": 12,
+        "sourceType": "module"
+    },
+    "rules": {
+        "quotes": "off",
+        "indent": "off",
+        "no-console": "off",
+        "no-use-before-define": "off",
+        "no-alert": "off",
+        "no-restricted-globals": "off",
+        "quote-props": "off"
+    }
+}
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@ -0,0 +1,15 @@
+{
+    // Используйте IntelliSense, чтобы узнать о возможных атрибутах.
+    // Наведите указатель мыши, чтобы просмотреть описания существующих атрибутов.
+    // Для получения дополнительной информации посетите: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Запустить Chrome на localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
--- a/(1).docx
+++ b/(1).docx
--- a/about.html
+++ b/about.html
@ -0,0 +1,115 @@
+<html lang="ru">
+<head>
+    <meta charset="utf-8">
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://fonts.cdnfonts.com/css/correction-tape" rel="stylesheet">
+    <title>About</title>
+    <script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
+    <link href="./bootstrap/bootstrap.min.css" rel="stylesheet">
+    <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
+    <link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
+    <link rel="stylesheet" href="./style.css">
+
+    <script>
+        function getRandomVideo() {
+            var videos = [
+                "videos/mainVideo1.mp4",
+                "videos/mainVideo2.mp4",
+                "videos/mainVideo3.mp4",
+                "videos/mainVideo4.mp4"
+            ];
+            var randomIndex = Math.floor(Math.random() * videos.length);
+            var randomVideo = videos[randomIndex];
+            var videoElement = document.getElementById("video");
+            videoElement.src = randomVideo;
+        }
+    </script>
+
+    <script>
+        function toggleMenu() {
+            var menuWrapper = document.getElementById("menu-wrapper");
+            menuWrapper.classList.toggle("open");
+        }
+    </script>
+
+</head>
+<body class="h-100 d-flex flex-column">
+    <div id="menu-wrapper">
+        <div id="menu">
+            <ul>
+                <li><a href="/">Главная</a></li>
+                <li><a href="./page2(cinema).html">Кино</a></li>
+                <li><a href="./page2(concerts).html">Концерты</a></li>
+                <li><a href="./page2(theatre).html">Театр</a></li>
+                <li><a href="./myTickets.html">Мои билеты</a></li>
+               <!-- <li><a href="./about.html">О сайте</a></li> -->
+            </ul>
+        </div>
+    </div>
+<header>
+    <nav class="navbar navbar-expand-md navbar-dark">
+        <div class="container-fluid">
+            
+            <!-- <p id="toggle-menu" onclick="toggleMenu()">Кликни здесь для открытия/закрытия меню</p> -->
+            <a id="toggle-menu" onclick="toggleMenu()">
+                <h1>TicketsBook</h1>
+            </a>            
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
+                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="navbar-collapse collapse justify-content-end" id="navbarNav">
+                <div class="navbar-nav"> 
+                    <a class="nav-link" href="./signingIn.html">вход/регистрация</a>  
+                    <a class="nav-link" href="./lkAdmin.html">админ</a>                                           
+                </div>
+            </div>
+        </div>
+    </nav>
+</header>
+<main class="container-fluid p-2">
+    <div class="row">
+        <main class="center">
+            <div id="video-container">
+                <video id="video" class="w-100" autoplay muted loop></video>
+                <div class="text-button-overlay">
+                    <div class="text-overlay">
+                        TicketsBook
+                    </div>
+                    <div class="underText-overlay-about">
+                       TicketsBook - Это сайт для покупки билетов на разнообразные мероприятия, такие как концерты, кино и театры.
+                    </div> 
+                    <div class="underText-overlay-about-orange">
+                        Выберите категорию ниже:
+                     </div>
+                    <div class="button-row">
+                        <button onclick="location.href='./page2(concerts).html'">Билеты на концерты -></button>
+                    </div>
+                    <div class="button-row">
+                        <button onclick="location.href='./page2(cinema).html'">Билеты в кино -></button>
+                    </div>   
+                    <div class="button-row">
+                        <button onclick="location.href='./page2(theatre).html'">Билеты в театр -></button>
+                    </div>
+                </div>         
+            </div>  
+            <script>
+                window.addEventListener('DOMContentLoaded', (event) => { getRandomVideo(); });
+                window.addEventListener('resize', (event) => { setOverlayPosition(); });
+        
+                function setOverlayPosition() {
+                    var videoElement = document.getElementById("video");
+                    var textOverlayElement = document.getElementById("text-overlay");
+                    textOverlayElement.style.top = (videoElement.offsetHeight / 2 - textOverlayElement.offsetHeight / 2) + "px";
+                    textOverlayElement.style.left = (videoElement.offsetWidth / 2 - textOverlayElement.offsetWidth / 2) + "px";
+                }
+            </script>                        
+        </main>
+    </div>
+</main>
+<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
+    Иевлева Милана, 2023
+</footer>
+</body>
+</html>
--- a/artists/ac_dc-dates.txt
+++ b/artists/ac_dc-dates.txt
@ -0,0 +1,2 @@
+15.05.2023
+19.12.2024
--- a/artists/ac_dc-description.txt
+++ b/artists/ac_dc-description.txt
@ -0,0 +1 @@
+AC/DC - австралийская рок-группа, образованная в 1973 году. Их музыка сочетает в себе элементы хард-рока и блюза, создавая энергичное и зажигательное звучание. AC/DC известны своими хитами, включая "Highway to Hell", "Back in Black" и "Thunderstruck". Группа славится своими мощными гитарными рифами, мелодичными припевами и хриплым вокалом Брайана Джонсона. Они стали одной из самых успешных и влиятельных рок-групп в истории, продав более 200 миллионов копий своих альбомов. AC/DC оставили неизгладимый след в музыкальной индустрии и остаются почитаемыми и узнаваемыми до сих пор.
--- a/artists/ac_dc-performers.txt
+++ b/artists/ac_dc-performers.txt
@ -0,0 +1 @@
+AC/DC
--- a/artists/deftones-dates.txt
+++ b/artists/deftones-dates.txt
@ -0,0 +1,2 @@
+15.05.2023
+19.12.2024
--- a/artists/deftones-description.txt
+++ b/artists/deftones-description.txt
@ -0,0 +1 @@
+Deftones - американская рок-группа, образованная в 1988 году. Их музыка сочетает в себе элементы альтернативного метала, ню-метала и шугейзинга, создавая уникальное звучание. Группа известна своим энергичным звуком, мощными гитарными рифами и харизматичным вокалом Чино Морено. Они выпустили ряд успешных альбомов, включая "White Pony" (2000), "Diamond Eyes" (2010) и "Gore" (2016). Deftones получили мировое признание и оказали значительное влияние на альтернативную музыку.
--- a/artists/deftones-performers.txt
+++ b/artists/deftones-performers.txt
@ -0,0 +1 @@
+Deftones
--- a/artists/placebo-dates.txt
+++ b/artists/placebo-dates.txt
@ -0,0 +1,2 @@
+15.05.2023
+19.12.2024
--- a/artists/placebo-description.txt
+++ b/artists/placebo-description.txt
@ -0,0 +1,7 @@
+Placebo - британская альтернативная рок-группа, основанная в 1994 году. Они известны своим уникальным звучанием, погружающим слушателей в меланхоличную атмосферу и наполняющим музыку эмоциональным содержанием.
+
+Группа состоит из трех участников: Брайана Молко (вокал, гитара), Стефана Олсдала (бас-гитара) и Стива Хьюитта (ударные). Их музыкальный стиль объединяет элементы альтернативного рока, гранжа, инди и электроники, что создает неповторимую их звуковую палитру.
+
+Placebo известны своими яркими и эмоциональными текстами, в которых Брайан Молко касается тем тоски, любви, одиночества и личных борьб. Они обладают узнаваемым стилем исполнения, в котором эмоциональный вокал Молко смешивается с мощными гитарными рифами и характерной ритм-секцией группы.
+
+С самого начала своей карьеры Placebo получили широкую популярность в Европе и за ее пределами. Они выпустили множество успешных альбомов, включая "Without You I'm Nothing" (1998), "Black Market Music" (2000), "Meds" (2006) и "Loud Like Love" (2013).
--- a/artists/placebo-performers.txt
+++ b/artists/placebo-performers.txt
@ -0,0 +1,24 @@
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
+placeboplacebo
--- a/artists/slipknot-dates.txt
+++ b/artists/slipknot-dates.txt
@ -0,0 +1,2 @@
+15.05.2023
+19.12.2024
--- a/artists/slipknot-description.txt
+++ b/artists/slipknot-description.txt
@ -0,0 +1 @@
+Slipknot - американская ню-метал группа, основанная в 1995 году. Они известны своим агрессивным звучанием, смешением хардкор-панк и тяжелого метала с индастриалом и элементами альтернативного рока. Группа состоит из 9 участников, носит маски и выпускает энергичные и бескомпромиссные песни, в которых затрагиваются темы психологической напряженности, стресса и яростной самоидентификации. Своими выступлениями Slipknot стали известными своими интенсивными концертами и эпатажной визуальной эстетикой. Они получили широкую популярность и стали влиятельной группой в своем жанре.
--- a/artists/slipknot-performers.txt
+++ b/artists/slipknot-performers.txt
@ -0,0 +1 @@
+Slipknot
--- a/artists/the_cure-dates.txt
+++ b/artists/the_cure-dates.txt
@ -0,0 +1,2 @@
+15.05.2023
+19.12.2024
--- a/artists/the_cure-description.txt
+++ b/artists/the_cure-description.txt
@ -0,0 +1 @@
+The Cure - британская рок-группа, образованная в 1976 году. Их музыка отличается меланхоличными и атмосферными звучанием, смешивая элементы пост-панка, готического рока и новой волны. Вокал Роберта Смита и неповторимое звучание группы создают неповторимую и замечательную эмоциональную ауру. The Cure стали иконами альтернативной и инди-музыки и получили широкое признание за свои хиты, такие как "Lovesong", "Boys Don't Cry" и "Friday I'm in Love".
--- a/artists/the_cure-performers.txt
+++ b/artists/the_cure-performers.txt
@ -0,0 +1 @@
+The Cure
--- a/artists/weezer-dates.txt
+++ b/artists/weezer-dates.txt
@ -0,0 +1,2 @@
+15.05.2023
+19.12.2024
--- a/artists/weezer-description.txt
+++ b/artists/weezer-description.txt
@ -0,0 +1 @@
+Weezer - американская альтернативная рок-группа, образованная в 1992 году. Их музыка сочетает в себе элементы рок-попа, панка и гранжа, создавая яркий и мелодичный звук. Weezer известны своими популярными хитами, такими как "Buddy Holly", "Island in the Sun" и "Say It Ain't So". Группа славится своим энергичным стилем и уникальным чувством юмора, привнесенным в свои песни и тексты. Они остаются популярными и влиятельными в современной музыкальной сцене.
--- a/artists/weezer-performers.txt
+++ b/artists/weezer-performers.txt
@ -0,0 +1 @@
+Weezer
--- a/bootstrap/bootstrap.bundle.min.js
+++ b/bootstrap/bootstrap.bundle.min.js
--- a/bootstrap/bootstrap.min.css
+++ b/bootstrap/bootstrap.min.css
--- a/data.json
+++ b/data.json
@ -0,0 +1,19 @@
+{
+    "posts": [
+      {
+        "id": 1,
+        "title": "json-server",
+        "author": "typicode"
+      }
+    ],
+    "comments": [
+      {
+        "id": 1,
+        "body": "some comment",
+        "postId": 1
+      }
+    ],
+    "profile": {
+      "name": "typicode"
+    }
+  }
--- a/detail_page.html
+++ b/detail_page.html
@ -0,0 +1,147 @@
+<html lang="ru">
+<head>
+    <meta charset="utf-8">
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://fonts.cdnfonts.com/css/correction-tape" rel="stylesheet">
+    <title>Detail</title>
+    <script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
+    <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
+    <link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
+    <link rel="stylesheet" href="./style.css">
+
+    <script>
+        function toggleMenu() {
+            var menuWrapper = document.getElementById("menu-wrapper");
+            menuWrapper.classList.toggle("open");
+        }
+    </script>
+</head>
+<body class="h-100 flex-column">
+<div id="menu-wrapper">
+        <div id="menu">
+            <ul>
+                <li><a href="/">Главная</a></li>
+                <!-- <li><a href="./page2(cinema).html">Кино</a></li> -->
+                <li><a href="./page2(concerts).html">Концерты</a></li>
+                <li><a href="./page2(theatre).html">Театр</a></li>
+                <li><a href="./myTickets.html">Мои билеты</a></li>
+                <li><a href="./about.html">О сайте</a></li>
+            </ul>
+        </div>
+</div>
+<header>
+    <nav class="navbar navbar-expand-md navbar-dark">
+        <div class="container-fluid">
+            
+            <!-- <p id="toggle-menu" onclick="toggleMenu()">Кликни здесь для открытия/закрытия меню</p> -->
+            <a id="toggle-menu" onclick="toggleMenu()">
+                <h1>TicketsBook</h1>
+            </a>            
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
+                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="navbar-collapse collapse justify-content-end" id="navbarNav">
+                <div class="navbar-nav"> 
+                    <a class="nav-link" href="./signingIn.html">вход/регистрация</a>  
+                    <a class="nav-link" href="./lkAdmin.html">админ</a>                                        
+                </div>
+            </div>
+        </div>
+    </nav>
+</header>
+<main class="container-fluid p-2">
+    <div id="image-container">
+        <img id="background-image" src="" alt="Background Image"></img>
+        <div class="text-overlay" id="header"></div>
+    </div>   
+    <div id="container1">     
+        <div id="row1">
+            <div class="info">
+                <div class="info-text">
+                    <h1>Описание</h1>
+                    <p id="description"></p>
+                </div>
+            </div>
+            <div class="info">
+                <div class="info-text">
+                    <h1>Даты</h1>
+                    <p id="additional-info1"></p>
+                </div>
+            </div>
+        </div>
+        <div class="info">
+            <div class="info-text">
+                <h1>Прочее</h1>
+                <p id="additional-info2"></p>
+            </div>
+            <div class="button-overlayAdd">
+                <button onclick="">add to cart</button>
+            </div> 
+        </div>
+    </div>
+
+    <script>
+        // Функция для получения значения параметра из URL
+        function getParameterByName(name, url = window.location.href) {
+            name = name.replace(/[\[\]]/g, '\\$&');
+            var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
+                results = regex.exec(url);
+            if (!results) return null;
+            if (!results[2]) return '';
+            return decodeURIComponent(results[2].replace(/\+/g, ' '));
+        }
+
+        // Получаем значение параметра "название" из URL
+        var name = getParameterByName('name');
+
+        // Устанавливаем значение названия в верхней части экрана
+        var header = document.getElementById('header');
+        header.textContent = name;
+
+        // Устанавливаем фоновое изображение
+        var backgroundImage = document.getElementById('background-image');
+        backgroundImage.src = 'pictures/' + name + '.jpg';
+
+        // Загружаем содержимое файла описания
+        var description = document.getElementById('description');
+        fetch('artists/' + name + '-description.txt')
+            .then(response => response.text())
+            .then(data => {
+                description.textContent = data;
+            });
+
+        // Загружаем содержимое файла дополнительной информации 1
+        var additionalInfo1 = document.getElementById('additional-info1');
+        fetch('artists/' + name + '-dates.txt')
+            .then(response => response.text())
+            .then(data => {
+                additionalInfo1.textContent = data;
+            });
+
+        // Загружаем содержимое файла дополнительной информации 2
+        var additionalInfo2 = document.getElementById('additional-info2');
+        fetch('artists/' + name + '-performers.txt')
+            .then(response => response.text())
+            .then(data => {
+                additionalInfo2.textContent = data;
+            });
+    </script>
+</main>
+
+<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
+    Иевлева Милана, 2023
+</footer>
+</body>
+<script>
+    // Получаем параметры из URL
+    const urlParams = new URLSearchParams(window.location.search);
+    const artistName = urlParams.get('artist');
+    
+    // Выполняем загрузку данных сразу после загрузки страницы
+    if (artistName) {
+        loadArtistData(artistName);
+    }
+</script>
+</html>
--- a/index.html
+++ b/index.html
@ -0,0 +1,102 @@
+<html lang="ru">
+<head>
+    <meta charset="utf-8">
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://fonts.cdnfonts.com/css/correction-tape" rel="stylesheet">
+    <title>TicketsBook</title>
+    <script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
+    <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
+    <link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
+    <link rel="stylesheet" href="./style.css">
+
+    <script>
+        function getRandomVideo() {
+            var videos = [
+                "videos/mainVideo1.mp4",
+                "videos/mainVideo2.mp4",
+                "videos/mainVideo3.mp4",
+                "videos/mainVideo4.mp4"
+            ];
+            var randomIndex = Math.floor(Math.random() * videos.length);
+            var randomVideo = videos[randomIndex];
+            var videoElement = document.getElementById("video");
+            videoElement.src = randomVideo;
+        }
+    </script>
+
+    <script>
+        function toggleMenu() {
+            var menuWrapper = document.getElementById("menu-wrapper");
+            menuWrapper.classList.toggle("open");
+        }
+    </script>   
+</head>
+<body class="h-100 d-flex flex-column">
+    <div id="menu-wrapper">
+        <div id="menu">
+            <ul>
+                <li><a href="./page2(cinema).html">Кино</a></li>
+                <li><a href="./page2(concerts).html">Концерты</a></li>
+                <li><a href="./page2(theatre).html">Театр</a></li>
+                <li><a href="./myTickets.html">Мои билеты</a></li>
+                <li><a href="./about.html">О сайте</a></li>
+            </ul>
+        </div>
+    </div>
+<header>
+    <nav class="navbar navbar-expand-md navbar-dark">
+        <div class="container-fluid">
+            <a id="toggle-menu" onclick="toggleMenu()">
+                <h1>TicketsBook</h1>
+            </a>            
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
+                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="navbar-collapse collapse justify-content-end" id="navbarNav">
+                <div class="navbar-nav"> 
+                    <a class="nav-link" href="./signingIn.html">вход/регистрация</a>  
+                    <a class="nav-link" href="./lkAdmin.html">админ</a>                                          
+                </div>
+            </div>
+        </div>
+    </nav>
+</header>
+<main class="container-fluid">
+    <div class="row">
+        <main class="center">
+            <div id="video-container">
+                <video id="video" class="w-100" autoplay muted loop></video><!--w-100?-->
+                <div class="text-button-overlay">
+                    <div class="text-overlay">
+                        TicketsBook
+                    </div>
+                    <div class="underText-overlay">
+                        Сайт для покупки билетов
+                    </div>
+                    <div class="button-overlay">
+                        <button onclick="location.href='./about.html'">Начать покупку -></button>
+                    </div>    
+                </div>         
+            </div>  
+            <script>
+                window.addEventListener('DOMContentLoaded', (event) => { getRandomVideo(); });
+                window.addEventListener('resize', (event) => { setOverlayPosition(); });
+        
+                function setOverlayPosition() {
+                    var videoElement = document.getElementById("video");
+                    var textOverlayElement = document.getElementById("text-overlay");
+                    textOverlayElement.style.top = (videoElement.offsetHeight / 2 - textOverlayElement.offsetHeight / 2) + "px";
+                    textOverlayElement.style.left = (videoElement.offsetWidth / 2 - textOverlayElement.offsetWidth / 2) + "px";
+                }
+            </script>                        
+        </main>
+    </div>
+</main>
+<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
+    Иевлева Милана, 2023
+</footer>
+</body>
+</html>
+<!doctype html>
--- a/js/detailPage.js
+++ b/js/detailPage.js
@ -0,0 +1,18 @@
+const express = require('express');
+const fs = require('fs');
+const app = express();
+
+app.get('/artist/:name', (req, res) => {
+    const artistName = req.params.name;
+    fs.readFile(`artists/${artistName}.txt`, 'utf8', (err, data) => {
+        if (err) {
+            res.status(404).send('File Not Found');
+        } else {
+            res.send(data);
+        }
+    });
+});
+
+app.listen(5500, () => {
+    console.log('Server is running on port 5500');
+});
--- a/js/script.js
+++ b/js/script.js
@ -0,0 +1,33 @@
+    document.addEventListener("DOMContentLoaded", function() {
+    const eventName = ''; // Получаем название мероприятия из предыдущей страницы
+    const urlParams = new URLSearchParams(window.location.search);
+    const artistName = urlParams.get('name');
+    document.getElementById('artistName').textContent = artistName;
+
+    const heroSection = document.getElementById('heroSection');
+    const eventDescription = document.getElementById('eventDescription');
+    const eventDates = document.getElementById('eventDates');
+    const eventPerformers = document.getElementById('eventPerformers');
+  
+    // Загрузка изображения мероприятия
+    heroSection.style.background = `url('pictures/${eventName}.jpg') center/cover no-repeat`;
+  
+    // Загрузка информации из .txt файлов с помощью JavaScript
+    fetch(`artists/${eventName}-description.txt`)
+      .then(response => response.text())
+      .then(data => {
+        eventDescription.textContent = data;
+      });
+  
+    fetch(`artists/${eventName}-dates.txt`)
+      .then(response => response.text())
+      .then(data => {
+        eventDates.textContent = data;
+      });
+  
+    fetch(`artists/${eventName}-performers.txt`)
+      .then(response => response.text())
+      .then(data => {
+        eventPerformers.textContent = data;
+      });
+  });
--- a/lkAdmin.html
+++ b/lkAdmin.html
@ -0,0 +1,156 @@
+<html lang="ru">
+<head>
+    <meta charset="utf-8">
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://fonts.cdnfonts.com/css/correction-tape" rel="stylesheet">
+    <title>Admin</title>
+    <script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
+    <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
+    <link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
+    <link rel="stylesheet" href="./style.css">
+
+    <script>
+        function toggleMenu() {
+            var menuWrapper = document.getElementById("menu-wrapper");
+            menuWrapper.classList.toggle("open");
+        }
+    </script>
+
+</head>
+<body class="h-100 d-flex flex-column">
+    <div id="menu-wrapper">
+        <div id="menu">
+            <ul>
+                <li><a href="/">Главная</a></li>
+                <li><a href="./page2(cinema).html">Кино</a></li>
+                <li><a href="./page2(concerts).html">Концерты</a></li>
+                <li><a href="./page2(theatre).html">Театр</a></li>
+                <li><a href="./about.html">О сайте</a></li>
+            </ul>
+        </div>
+    </div>
+<header>
+    <nav class="navbar navbar-expand-md navbar-dark">
+        <div class="container-fluid">
+            <a id="toggle-menu" onclick="toggleMenu()">
+                <h1>TicketsBook</h1>
+            </a>            
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
+                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="navbar-collapse collapse justify-content-end" id="navbarNav">
+                <div class="navbar-nav"> 
+                    <a class="nav-link" href="./signingIn.html">вход/регистрация</a>  
+                    <a class="nav-link" href="./lkAdmin.html">админ</a>                                          
+                </div>
+            </div>
+        </div>
+    </nav>
+</header>
+
+<main class="container-fluid p-2">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-8">
+                <div class="info">
+                    <h1>Таблица событий</h1>
+                    <div class="info-text container" style="max-height: 25vh; overflow-y: auto;">
+                        <table class="table" style="color: aliceblue;">
+                            <thead>
+                                <tr>
+                                  <th>Дата покупки</th>
+                                  <th>Название</th>
+                                  <th>Дата проведения</th>
+                                  <th>Стоимость</th>
+                                  <th>Место проведения</th>
+                                  <th></th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td>Ячейка 1</td>
+                                  <td>Ячейка 2</td>
+                                  <td>Ячейка 3</td>
+                                  <td>Ячейка 4</td>
+                                  <td>Ячейка 5</td>
+                                  <td><button class="btn btn-primary" onclick="">отменить</button></td>
+                                </tr>                         
+                              </tbody>
+                        </table>
+                    </div>
+                </div>
+                <div class="info">
+                    <h1>Таблица пользователей</h1>
+                    <div class="info-text container" style="max-height: 25vh; overflow-y: auto;">
+                        <table class="table" style="color: aliceblue;">
+                            <thead>
+                                <tr>
+                                  <th>Дата покупки</th>
+                                  <th>Название</th>
+                                  <th>Дата проведения</th>
+                                  <th>Стоимость</th>
+                                  <th>Место проведения</th>
+                                  <th></th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td>Ячейка 1</td>
+                                  <td>Ячейка 2</td>
+                                  <td>Ячейка 3</td>
+                                  <td>Ячейка 4</td>
+                                  <td>Ячейка 5</td>
+                                  <td><button class="btn btn-primary" onclick="">отменить</button></td>
+                                </tr>                                                       
+                              </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="info" style="max-height: 90vh; overflow-y: auto;">
+                    <h1>Добавить событие</h1>
+                    <form>
+                        <div class="mb-1">
+                            <label for="name" class="form-label">Название</label>
+                            <input type="text" class="form-control" id="name" placeholder="Введите название">
+                        </div>
+                        <div class="mb-1">
+                            <label for="type" class="form-label">Тип</label>
+                            <select class="form-control" id="type" name="type" placeholder="Выберите тип">
+                                <option value="option1">Концерт</option>
+                                <option value="option2">Кино</option>
+                                <option value="option3">Театр</option>
+                              </select>
+                        </div>
+                        <div class="mb-1">
+                            <label for="date" class="form-label">Дата</label>
+                            <input type="date" class="form-control" id="date">
+                        </div>
+                        <div class="mb-1">
+                            <label for="price" class="form-label">Стоимость</label>
+                            <input id="price" name="price" class="form-control" type="number" value="0.00" min="1000.00"
+                            step="0.50" required placeholder="Введите стоимость">
+                        </div>
+                        <div class="mb-1">
+                            <label for="description" class="form-label">Описание</label>
+                            <textarea class="form-control" id="description" rows="3" placeholder="Введите описание"></textarea>
+                        </div>
+                        <div class="mb-1">
+                            <label for="photo" class="form-label">Фото</label>
+                            <input type="file" class="form-control" id="photo">
+                        </div>
+                        <button type="submit" class="btn btn-primary">Добавить</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</main>
+<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
+    Иевлева Милана, 2023
+</footer>
+</body>
+</html>
--- a/myTickets.html
+++ b/myTickets.html
@ -0,0 +1,91 @@
+<html lang="ru">
+<head>
+    <meta charset="utf-8">
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://fonts.cdnfonts.com/css/correction-tape" rel="stylesheet">
+    <title>myTickets</title>
+    <script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
+    <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
+    <link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
+    <link rel="stylesheet" href="./style.css">
+
+    <script>
+        function toggleMenu() {
+            var menuWrapper = document.getElementById("menu-wrapper");
+            menuWrapper.classList.toggle("open");
+        }
+    </script>
+
+</head>
+<body class="h-100 d-flex flex-column">
+    <div id="menu-wrapper">
+        <div id="menu">
+            <ul>
+                <li><a href="/">Главная</a></li>
+                <li><a href="./page2(cinema).html">Кино</a></li>
+                <li><a href="./page2(concerts).html">Концерты</a></li>
+                <li><a href="./page2(theatre).html">Театр</a></li>
+                <li><a href="./about.html">О сайте</a></li>
+            </ul>
+        </div>
+    </div>
+<header>
+    <nav class="navbar navbar-expand-md navbar-dark">
+        <div class="container-fluid">
+            <a id="toggle-menu" onclick="toggleMenu()">
+                <h1>TicketsBook</h1>
+            </a>            
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
+                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="navbar-collapse collapse justify-content-end" id="navbarNav">
+                <div class="navbar-nav"> 
+                    <a class="nav-link" href="./signingIn.html">вход/регистрация</a>  
+                    <a class="nav-link" href="./lkAdmin.html">админ</a>                                          
+                </div>
+            </div>
+        </div>
+    </nav>
+</header>
+<main class="container-fluid p-2">
+    <div class="container ">
+        <div class="row">
+            <div class="col-md">
+                <div class="info">
+                    <h1>Текущие заказы</h1>
+                    <div class="info-text container" style="max-height: 25vh; overflow-y: auto;">
+                        <table class="table" style="color: aliceblue;">
+                            <thead>
+                                <tr>
+                                  <th>Дата покупки</th>
+                                  <th>Название</th>
+                                  <th>Дата проведения</th>
+                                  <th>Стоимость</th>
+                                  <th>Место проведения</th>
+                                  <th></th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td>Ячейка 1</td>
+                                  <td>Ячейка 2</td>
+                                  <td>Ячейка 3</td>
+                                  <td>Ячейка 4</td>
+                                  <td>Ячейка 5</td>
+                                  <td><button class="btn btn-primary" onclick="">отменить</button></td>
+                                </tr>                         
+                              </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</main>
+<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
+    Иевлева Милана, 2023
+</footer>
+</body>
+</html>
--- a/node_modules/.bin/esbuild
+++ b/node_modules/.bin/esbuild
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../esbuild/bin/esbuild" "$@"
+else 
+  exec node  "$basedir/../esbuild/bin/esbuild" "$@"
+fi
--- a/node_modules/.bin/esbuild.cmd
+++ b/node_modules/.bin/esbuild.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\esbuild\bin\esbuild" %*
--- a/node_modules/.bin/esbuild.ps1
+++ b/node_modules/.bin/esbuild.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../esbuild/bin/esbuild" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../esbuild/bin/esbuild" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../esbuild/bin/esbuild" $args
+  } else {
+    & "node$exe"  "$basedir/../esbuild/bin/esbuild" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/he
+++ b/node_modules/.bin/he
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../he/bin/he" "$@"
+else 
+  exec node  "$basedir/../he/bin/he" "$@"
+fi
--- a/node_modules/.bin/he.cmd
+++ b/node_modules/.bin/he.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\he\bin\he" %*
--- a/node_modules/.bin/he.ps1
+++ b/node_modules/.bin/he.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../he/bin/he" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../he/bin/he" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../he/bin/he" $args
+  } else {
+    & "node$exe"  "$basedir/../he/bin/he" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/http-server
+++ b/node_modules/.bin/http-server
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../http-server/bin/http-server" "$@"
+else 
+  exec node  "$basedir/../http-server/bin/http-server" "$@"
+fi
--- a/node_modules/.bin/http-server.cmd
+++ b/node_modules/.bin/http-server.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\http-server\bin\http-server" %*
--- a/node_modules/.bin/http-server.ps1
+++ b/node_modules/.bin/http-server.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../http-server/bin/http-server" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../http-server/bin/http-server" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../http-server/bin/http-server" $args
+  } else {
+    & "node$exe"  "$basedir/../http-server/bin/http-server" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/mime
+++ b/node_modules/.bin/mime
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../mime/cli.js" "$@"
+else 
+  exec node  "$basedir/../mime/cli.js" "$@"
+fi
--- a/node_modules/.bin/mime.cmd
+++ b/node_modules/.bin/mime.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\mime\cli.js" %*
--- a/node_modules/.bin/mime.ps1
+++ b/node_modules/.bin/mime.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../mime/cli.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../mime/cli.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../mime/cli.js" $args
+  } else {
+    & "node$exe"  "$basedir/../mime/cli.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/mkdirp
+++ b/node_modules/.bin/mkdirp
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../mkdirp/bin/cmd.js" "$@"
+else 
+  exec node  "$basedir/../mkdirp/bin/cmd.js" "$@"
+fi
--- a/node_modules/.bin/mkdirp.cmd
+++ b/node_modules/.bin/mkdirp.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\mkdirp\bin\cmd.js" %*
--- a/node_modules/.bin/mkdirp.ps1
+++ b/node_modules/.bin/mkdirp.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../mkdirp/bin/cmd.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../mkdirp/bin/cmd.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../mkdirp/bin/cmd.js" $args
+  } else {
+    & "node$exe"  "$basedir/../mkdirp/bin/cmd.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/nanoid
+++ b/node_modules/.bin/nanoid
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../nanoid/bin/nanoid.cjs" "$@"
+else 
+  exec node  "$basedir/../nanoid/bin/nanoid.cjs" "$@"
+fi
--- a/node_modules/.bin/nanoid.cmd
+++ b/node_modules/.bin/nanoid.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\nanoid\bin\nanoid.cjs" %*
--- a/node_modules/.bin/nanoid.ps1
+++ b/node_modules/.bin/nanoid.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../nanoid/bin/nanoid.cjs" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../nanoid/bin/nanoid.cjs" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../nanoid/bin/nanoid.cjs" $args
+  } else {
+    & "node$exe"  "$basedir/../nanoid/bin/nanoid.cjs" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/npm-run-all
+++ b/node_modules/.bin/npm-run-all
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../npm-run-all/bin/npm-run-all/index.js" "$@"
+else 
+  exec node  "$basedir/../npm-run-all/bin/npm-run-all/index.js" "$@"
+fi
--- a/node_modules/.bin/npm-run-all.cmd
+++ b/node_modules/.bin/npm-run-all.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\npm-run-all\bin\npm-run-all\index.js" %*
--- a/node_modules/.bin/npm-run-all.ps1
+++ b/node_modules/.bin/npm-run-all.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../npm-run-all/bin/npm-run-all/index.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../npm-run-all/bin/npm-run-all/index.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../npm-run-all/bin/npm-run-all/index.js" $args
+  } else {
+    & "node$exe"  "$basedir/../npm-run-all/bin/npm-run-all/index.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/opener
+++ b/node_modules/.bin/opener
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../opener/bin/opener-bin.js" "$@"
+else 
+  exec node  "$basedir/../opener/bin/opener-bin.js" "$@"
+fi
--- a/node_modules/.bin/opener.cmd
+++ b/node_modules/.bin/opener.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\opener\bin\opener-bin.js" %*
--- a/node_modules/.bin/opener.ps1
+++ b/node_modules/.bin/opener.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../opener/bin/opener-bin.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../opener/bin/opener-bin.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../opener/bin/opener-bin.js" $args
+  } else {
+    & "node$exe"  "$basedir/../opener/bin/opener-bin.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/pidtree
+++ b/node_modules/.bin/pidtree
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../pidtree/bin/pidtree.js" "$@"
+else 
+  exec node  "$basedir/../pidtree/bin/pidtree.js" "$@"
+fi
--- a/node_modules/.bin/pidtree.cmd
+++ b/node_modules/.bin/pidtree.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\pidtree\bin\pidtree.js" %*
--- a/node_modules/.bin/pidtree.ps1
+++ b/node_modules/.bin/pidtree.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../pidtree/bin/pidtree.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../pidtree/bin/pidtree.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../pidtree/bin/pidtree.js" $args
+  } else {
+    & "node$exe"  "$basedir/../pidtree/bin/pidtree.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/resolve
+++ b/node_modules/.bin/resolve
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../resolve/bin/resolve" "$@"
+else 
+  exec node  "$basedir/../resolve/bin/resolve" "$@"
+fi
--- a/node_modules/.bin/resolve.cmd
+++ b/node_modules/.bin/resolve.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\resolve\bin\resolve" %*
--- a/node_modules/.bin/resolve.ps1
+++ b/node_modules/.bin/resolve.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../resolve/bin/resolve" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../resolve/bin/resolve" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../resolve/bin/resolve" $args
+  } else {
+    & "node$exe"  "$basedir/../resolve/bin/resolve" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/rollup
+++ b/node_modules/.bin/rollup
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../rollup/dist/bin/rollup" "$@"
+else 
+  exec node  "$basedir/../rollup/dist/bin/rollup" "$@"
+fi
--- a/node_modules/.bin/rollup.cmd
+++ b/node_modules/.bin/rollup.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\rollup\dist\bin\rollup" %*
--- a/node_modules/.bin/rollup.ps1
+++ b/node_modules/.bin/rollup.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../rollup/dist/bin/rollup" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../rollup/dist/bin/rollup" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../rollup/dist/bin/rollup" $args
+  } else {
+    & "node$exe"  "$basedir/../rollup/dist/bin/rollup" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/run-p
+++ b/node_modules/.bin/run-p
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../npm-run-all/bin/run-p/index.js" "$@"
+else 
+  exec node  "$basedir/../npm-run-all/bin/run-p/index.js" "$@"
+fi
--- a/node_modules/.bin/run-p.cmd
+++ b/node_modules/.bin/run-p.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\npm-run-all\bin\run-p\index.js" %*
--- a/node_modules/.bin/run-p.ps1
+++ b/node_modules/.bin/run-p.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../npm-run-all/bin/run-p/index.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../npm-run-all/bin/run-p/index.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../npm-run-all/bin/run-p/index.js" $args
+  } else {
+    & "node$exe"  "$basedir/../npm-run-all/bin/run-p/index.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/run-s
+++ b/node_modules/.bin/run-s
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../npm-run-all/bin/run-s/index.js" "$@"
+else 
+  exec node  "$basedir/../npm-run-all/bin/run-s/index.js" "$@"
+fi
--- a/node_modules/.bin/run-s.cmd
+++ b/node_modules/.bin/run-s.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\npm-run-all\bin\run-s\index.js" %*
--- a/node_modules/.bin/run-s.ps1
+++ b/node_modules/.bin/run-s.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../npm-run-all/bin/run-s/index.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../npm-run-all/bin/run-s/index.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../npm-run-all/bin/run-s/index.js" $args
+  } else {
+    & "node$exe"  "$basedir/../npm-run-all/bin/run-s/index.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.bin/vite
+++ b/node_modules/.bin/vite
@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../vite/bin/vite.js" "$@"
+else 
+  exec node  "$basedir/../vite/bin/vite.js" "$@"
+fi
--- a/node_modules/.bin/vite.cmd
+++ b/node_modules/.bin/vite.cmd
@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\vite\bin\vite.js" %*
--- a/node_modules/.bin/vite.ps1
+++ b/node_modules/.bin/vite.ps1
@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../vite/bin/vite.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../vite/bin/vite.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../vite/bin/vite.js" $args
+  } else {
+    & "node$exe"  "$basedir/../vite/bin/vite.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
--- a/node_modules/.package-lock.json
+++ b/node_modules/.package-lock.json
--- a/node_modules/.vite/deps/@popperjs_core.js
+++ b/node_modules/.vite/deps/@popperjs_core.js
--- a/node_modules/.vite/deps/@popperjs_core.js.map
+++ b/node_modules/.vite/deps/@popperjs_core.js.map
--- a/node_modules/.vite/deps/_metadata.json
+++ b/node_modules/.vite/deps/_metadata.json
@ -0,0 +1,13 @@
+{
+  "hash": "6ab68219",
+  "browserHash": "d57d5172",
+  "optimized": {
+    "@popperjs/core": {
+      "src": "../../@popperjs/core/lib/index.js",
+      "file": "@popperjs_core.js",
+      "fileHash": "0bea50e2",
+      "needsInterop": false
+    }
+  },
+  "chunks": {}
+}
--- a/node_modules/.vite/deps/package.json
+++ b/node_modules/.vite/deps/package.json
@ -0,0 +1,3 @@
+{
+  "type": "module"
+}
--- a/node_modules/@esbuild/win32-x64/README.md
+++ b/node_modules/@esbuild/win32-x64/README.md
@ -0,0 +1,3 @@
+# esbuild
+
+This is the Windows 64-bit binary for esbuild, a JavaScript bundler and minifier. See https://github.com/evanw/esbuild for details.
--- a/node_modules/@esbuild/win32-x64/esbuild.exe
+++ b/node_modules/@esbuild/win32-x64/esbuild.exe
--- a/node_modules/@esbuild/win32-x64/package.json
+++ b/node_modules/@esbuild/win32-x64/package.json
@ -0,0 +1,17 @@
+{
+  "name": "@esbuild/win32-x64",
+  "version": "0.18.20",
+  "description": "The Windows 64-bit binary for esbuild, a JavaScript bundler.",
+  "repository": "https://github.com/evanw/esbuild",
+  "license": "MIT",
+  "preferUnplugged": true,
+  "engines": {
+    "node": ">=12"
+  },
+  "os": [
+    "win32"
+  ],
+  "cpu": [
+    "x64"
+  ]
+}
--- a/node_modules/@fortawesome/fontawesome-free/LICENSE.txt
+++ b/node_modules/@fortawesome/fontawesome-free/LICENSE.txt
@ -0,0 +1,165 @@
+Fonticons, Inc. (https://fontawesome.com)
+
+--------------------------------------------------------------------------------
+
+Font Awesome Free License
+
+Font Awesome Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+Full Font Awesome Free license: https://fontawesome.com/license/free.
+
+--------------------------------------------------------------------------------
+
+# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
+
+The Font Awesome Free download is licensed under a Creative Commons
+Attribution 4.0 International License and applies to all icons packaged
+as SVG and JS file types.
+
+--------------------------------------------------------------------------------
+
+# Fonts: SIL OFL 1.1 License
+
+In the Font Awesome Free download, the SIL OFL license applies to all icons
+packaged as web and desktop font files.
+
+Copyright (c) 2023 Fonticons, Inc. (https://fontawesome.com)
+with Reserved Font Name: "Font Awesome".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+SIL OPEN FONT LICENSE
+Version 1.1 - 26 February 2007
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting — in part or in whole — any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Code: MIT License (https://opensource.org/licenses/MIT)
+
+In the Font Awesome Free download, the MIT license applies to all non-font and
+non-icon files.
+
+Copyright 2023 Fonticons, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in the
+Software without restriction, including without limitation the rights to use, copy,
+modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
+and to permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Attribution
+
+Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
+Awesome Free files already contain embedded comments with sufficient
+attribution, so you shouldn't need to do anything additional when using these
+files normally.
+
+We've kept attribution comments terse, so we ask that you do not actively work
+to remove them from files, especially code. They're a great way for folks to
+learn about Font Awesome.
+
+--------------------------------------------------------------------------------
+
+# Brand Icons
+
+All brand icons are trademarks of their respective owners. The use of these
+trademarks does not indicate endorsement of the trademark holder by Font
+Awesome, nor vice versa. **Please do not use brand logos for any purpose except
+to represent the company, product, or service to which they refer.**
--- a/node_modules/@fortawesome/fontawesome-free/attribution.js
+++ b/node_modules/@fortawesome/fontawesome-free/attribution.js
@ -0,0 +1,4 @@
+console.log(`Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+Copyright 2023 Fonticons, Inc.
+`)
--- a/node_modules/@fortawesome/fontawesome-free/css/all.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/all.css
--- a/node_modules/@fortawesome/fontawesome-free/css/all.min.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/all.min.css
--- a/node_modules/@fortawesome/fontawesome-free/css/brands.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/brands.css
--- a/node_modules/@fortawesome/fontawesome-free/css/brands.min.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/brands.min.css
--- a/node_modules/@fortawesome/fontawesome-free/css/fontawesome.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/fontawesome.css
--- a/node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css
--- a/node_modules/@fortawesome/fontawesome-free/css/regular.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/regular.css
@ -0,0 +1,19 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-style-family-classic: 'Font Awesome 6 Free';
+  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }
+
+@font-face {
+  font-family: 'Font Awesome 6 Free';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
+
+.far,
+.fa-regular {
+  font-weight: 400; }
--- a/node_modules/@fortawesome/fontawesome-free/css/regular.min.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/regular.min.css
@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}
--- a/node_modules/@fortawesome/fontawesome-free/css/solid.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/solid.css
@ -0,0 +1,19 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-style-family-classic: 'Font Awesome 6 Free';
+  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }
+
+@font-face {
+  font-family: 'Font Awesome 6 Free';
+  font-style: normal;
+  font-weight: 900;
+  font-display: block;
+  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
+
+.fas,
+.fa-solid {
+  font-weight: 900; }
--- a/node_modules/@fortawesome/fontawesome-free/css/solid.min.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/solid.min.css
@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}
--- a/node_modules/@fortawesome/fontawesome-free/css/svg-with-js.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/svg-with-js.css
@ -0,0 +1,639 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Solid';
+  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Regular';
+  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Light';
+  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Thin';
+  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
+  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
+  --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp';
+  --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';
+  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }
+
+svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
+  overflow: visible;
+  box-sizing: content-box; }
+
+.svg-inline--fa {
+  display: var(--fa-display, inline-block);
+  height: 1em;
+  overflow: visible;
+  vertical-align: -.125em; }
+  .svg-inline--fa.fa-2xs {
+    vertical-align: 0.1em; }
+  .svg-inline--fa.fa-xs {
+    vertical-align: 0em; }
+  .svg-inline--fa.fa-sm {
+    vertical-align: -0.07143em; }
+  .svg-inline--fa.fa-lg {
+    vertical-align: -0.2em; }
+  .svg-inline--fa.fa-xl {
+    vertical-align: -0.25em; }
+  .svg-inline--fa.fa-2xl {
+    vertical-align: -0.3125em; }
+  .svg-inline--fa.fa-pull-left {
+    margin-right: var(--fa-pull-margin, 0.3em);
+    width: auto; }
+  .svg-inline--fa.fa-pull-right {
+    margin-left: var(--fa-pull-margin, 0.3em);
+    width: auto; }
+  .svg-inline--fa.fa-li {
+    width: var(--fa-li-width, 2em);
+    top: 0.25em; }
+  .svg-inline--fa.fa-fw {
+    width: var(--fa-fw-width, 1.25em); }
+
+.fa-layers svg.svg-inline--fa {
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  position: absolute;
+  right: 0;
+  top: 0; }
+
+.fa-layers-text, .fa-layers-counter {
+  display: inline-block;
+  position: absolute;
+  text-align: center; }
+
+.fa-layers {
+  display: inline-block;
+  height: 1em;
+  position: relative;
+  text-align: center;
+  vertical-align: -.125em;
+  width: 1em; }
+  .fa-layers svg.svg-inline--fa {
+    -webkit-transform-origin: center center;
+            transform-origin: center center; }
+
+.fa-layers-text {
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  -webkit-transform-origin: center center;
+          transform-origin: center center; }
+
+.fa-layers-counter {
+  background-color: var(--fa-counter-background-color, #ff253a);
+  border-radius: var(--fa-counter-border-radius, 1em);
+  box-sizing: border-box;
+  color: var(--fa-inverse, #fff);
+  line-height: var(--fa-counter-line-height, 1);
+  max-width: var(--fa-counter-max-width, 5em);
+  min-width: var(--fa-counter-min-width, 1.5em);
+  overflow: hidden;
+  padding: var(--fa-counter-padding, 0.25em 0.5em);
+  right: var(--fa-right, 0);
+  text-overflow: ellipsis;
+  top: var(--fa-top, 0);
+  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
+          transform: scale(var(--fa-counter-scale, 0.25));
+  -webkit-transform-origin: top right;
+          transform-origin: top right; }
+
+.fa-layers-bottom-right {
+  bottom: var(--fa-bottom, 0);
+  right: var(--fa-right, 0);
+  top: auto;
+  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
+          transform: scale(var(--fa-layers-scale, 0.25));
+  -webkit-transform-origin: bottom right;
+          transform-origin: bottom right; }
+
+.fa-layers-bottom-left {
+  bottom: var(--fa-bottom, 0);
+  left: var(--fa-left, 0);
+  right: auto;
+  top: auto;
+  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
+          transform: scale(var(--fa-layers-scale, 0.25));
+  -webkit-transform-origin: bottom left;
+          transform-origin: bottom left; }
+
+.fa-layers-top-right {
+  top: var(--fa-top, 0);
+  right: var(--fa-right, 0);
+  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
+          transform: scale(var(--fa-layers-scale, 0.25));
+  -webkit-transform-origin: top right;
+          transform-origin: top right; }
+
+.fa-layers-top-left {
+  left: var(--fa-left, 0);
+  right: auto;
+  top: var(--fa-top, 0);
+  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
+          transform: scale(var(--fa-layers-scale, 0.25));
+  -webkit-transform-origin: top left;
+          transform-origin: top left; }
+
+.fa-1x {
+  font-size: 1em; }
+
+.fa-2x {
+  font-size: 2em; }
+
+.fa-3x {
+  font-size: 3em; }
+
+.fa-4x {
+  font-size: 4em; }
+
+.fa-5x {
+  font-size: 5em; }
+
+.fa-6x {
+  font-size: 6em; }
+
+.fa-7x {
+  font-size: 7em; }
+
+.fa-8x {
+  font-size: 8em; }
+
+.fa-9x {
+  font-size: 9em; }
+
+.fa-10x {
+  font-size: 10em; }
+
+.fa-2xs {
+  font-size: 0.625em;
+  line-height: 0.1em;
+  vertical-align: 0.225em; }
+
+.fa-xs {
+  font-size: 0.75em;
+  line-height: 0.08333em;
+  vertical-align: 0.125em; }
+
+.fa-sm {
+  font-size: 0.875em;
+  line-height: 0.07143em;
+  vertical-align: 0.05357em; }
+
+.fa-lg {
+  font-size: 1.25em;
+  line-height: 0.05em;
+  vertical-align: -0.075em; }
+
+.fa-xl {
+  font-size: 1.5em;
+  line-height: 0.04167em;
+  vertical-align: -0.125em; }
+
+.fa-2xl {
+  font-size: 2em;
+  line-height: 0.03125em;
+  vertical-align: -0.1875em; }
+
+.fa-fw {
+  text-align: center;
+  width: 1.25em; }
+
+.fa-ul {
+  list-style-type: none;
+  margin-left: var(--fa-li-margin, 2.5em);
+  padding-left: 0; }
+  .fa-ul > li {
+    position: relative; }
+
+.fa-li {
+  left: calc(var(--fa-li-width, 2em) * -1);
+  position: absolute;
+  text-align: center;
+  width: var(--fa-li-width, 2em);
+  line-height: inherit; }
+
+.fa-border {
+  border-color: var(--fa-border-color, #eee);
+  border-radius: var(--fa-border-radius, 0.1em);
+  border-style: var(--fa-border-style, solid);
+  border-width: var(--fa-border-width, 0.08em);
+  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
+
+.fa-pull-left {
+  float: left;
+  margin-right: var(--fa-pull-margin, 0.3em); }
+
+.fa-pull-right {
+  float: right;
+  margin-left: var(--fa-pull-margin, 0.3em); }
+
+.fa-beat {
+  -webkit-animation-name: fa-beat;
+          animation-name: fa-beat;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
+          animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+
+.fa-bounce {
+  -webkit-animation-name: fa-bounce;
+          animation-name: fa-bounce;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
+          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
+
+.fa-fade {
+  -webkit-animation-name: fa-fade;
+          animation-name: fa-fade;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+
+.fa-beat-fade {
+  -webkit-animation-name: fa-beat-fade;
+          animation-name: fa-beat-fade;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+
+.fa-flip {
+  -webkit-animation-name: fa-flip;
+          animation-name: fa-flip;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
+          animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+
+.fa-shake {
+  -webkit-animation-name: fa-shake;
+          animation-name: fa-shake;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
+          animation-timing-function: var(--fa-animation-timing, linear); }
+
+.fa-spin {
+  -webkit-animation-name: fa-spin;
+          animation-name: fa-spin;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 2s);
+          animation-duration: var(--fa-animation-duration, 2s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
+          animation-timing-function: var(--fa-animation-timing, linear); }
+
+.fa-spin-reverse {
+  --fa-animation-direction: reverse; }
+
+.fa-pulse,
+.fa-spin-pulse {
+  -webkit-animation-name: fa-spin;
+          animation-name: fa-spin;
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
+          animation-timing-function: var(--fa-animation-timing, steps(8)); }
+
+@media (prefers-reduced-motion: reduce) {
+  .fa-beat,
+  .fa-bounce,
+  .fa-fade,
+  .fa-beat-fade,
+  .fa-flip,
+  .fa-pulse,
+  .fa-shake,
+  .fa-spin,
+  .fa-spin-pulse {
+    -webkit-animation-delay: -1ms;
+            animation-delay: -1ms;
+    -webkit-animation-duration: 1ms;
+            animation-duration: 1ms;
+    -webkit-animation-iteration-count: 1;
+            animation-iteration-count: 1;
+    -webkit-transition-delay: 0s;
+            transition-delay: 0s;
+    -webkit-transition-duration: 0s;
+            transition-duration: 0s; } }
+
+@-webkit-keyframes fa-beat {
+  0%, 90% {
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+  45% {
+    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
+            transform: scale(var(--fa-beat-scale, 1.25)); } }
+
+@keyframes fa-beat {
+  0%, 90% {
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+  45% {
+    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
+            transform: scale(var(--fa-beat-scale, 1.25)); } }
+
+@-webkit-keyframes fa-bounce {
+  0% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); }
+  10% {
+    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
+            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
+  30% {
+    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
+            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
+  50% {
+    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
+            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
+  57% {
+    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
+            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
+  64% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); }
+  100% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); } }
+
+@keyframes fa-bounce {
+  0% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); }
+  10% {
+    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
+            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
+  30% {
+    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
+            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
+  50% {
+    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
+            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
+  57% {
+    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
+            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
+  64% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); }
+  100% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); } }
+
+@-webkit-keyframes fa-fade {
+  50% {
+    opacity: var(--fa-fade-opacity, 0.4); } }
+
+@keyframes fa-fade {
+  50% {
+    opacity: var(--fa-fade-opacity, 0.4); } }
+
+@-webkit-keyframes fa-beat-fade {
+  0%, 100% {
+    opacity: var(--fa-beat-fade-opacity, 0.4);
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+  50% {
+    opacity: 1;
+    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
+            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
+
+@keyframes fa-beat-fade {
+  0%, 100% {
+    opacity: var(--fa-beat-fade-opacity, 0.4);
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+  50% {
+    opacity: 1;
+    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
+            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
+
+@-webkit-keyframes fa-flip {
+  50% {
+    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
+            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
+
+@keyframes fa-flip {
+  50% {
+    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
+            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
+
+@-webkit-keyframes fa-shake {
+  0% {
+    -webkit-transform: rotate(-15deg);
+            transform: rotate(-15deg); }
+  4% {
+    -webkit-transform: rotate(15deg);
+            transform: rotate(15deg); }
+  8%, 24% {
+    -webkit-transform: rotate(-18deg);
+            transform: rotate(-18deg); }
+  12%, 28% {
+    -webkit-transform: rotate(18deg);
+            transform: rotate(18deg); }
+  16% {
+    -webkit-transform: rotate(-22deg);
+            transform: rotate(-22deg); }
+  20% {
+    -webkit-transform: rotate(22deg);
+            transform: rotate(22deg); }
+  32% {
+    -webkit-transform: rotate(-12deg);
+            transform: rotate(-12deg); }
+  36% {
+    -webkit-transform: rotate(12deg);
+            transform: rotate(12deg); }
+  40%, 100% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); } }
+
+@keyframes fa-shake {
+  0% {
+    -webkit-transform: rotate(-15deg);
+            transform: rotate(-15deg); }
+  4% {
+    -webkit-transform: rotate(15deg);
+            transform: rotate(15deg); }
+  8%, 24% {
+    -webkit-transform: rotate(-18deg);
+            transform: rotate(-18deg); }
+  12%, 28% {
+    -webkit-transform: rotate(18deg);
+            transform: rotate(18deg); }
+  16% {
+    -webkit-transform: rotate(-22deg);
+            transform: rotate(-22deg); }
+  20% {
+    -webkit-transform: rotate(22deg);
+            transform: rotate(22deg); }
+  32% {
+    -webkit-transform: rotate(-12deg);
+            transform: rotate(-12deg); }
+  36% {
+    -webkit-transform: rotate(12deg);
+            transform: rotate(12deg); }
+  40%, 100% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); } }
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+.fa-rotate-90 {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg); }
+
+.fa-rotate-180 {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg); }
+
+.fa-rotate-270 {
+  -webkit-transform: rotate(270deg);
+          transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+  -webkit-transform: scale(-1, 1);
+          transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+  -webkit-transform: scale(1, -1);
+          transform: scale(1, -1); }
+
+.fa-flip-both,
+.fa-flip-horizontal.fa-flip-vertical {
+  -webkit-transform: scale(-1, -1);
+          transform: scale(-1, -1); }
+
+.fa-rotate-by {
+  -webkit-transform: rotate(var(--fa-rotate-angle, none));
+          transform: rotate(var(--fa-rotate-angle, none)); }
+
+.fa-stack {
+  display: inline-block;
+  vertical-align: middle;
+  height: 2em;
+  position: relative;
+  width: 2.5em; }
+
+.fa-stack-1x,
+.fa-stack-2x {
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: var(--fa-stack-z-index, auto); }
+
+.svg-inline--fa.fa-stack-1x {
+  height: 1em;
+  width: 1.25em; }
+
+.svg-inline--fa.fa-stack-2x {
+  height: 2em;
+  width: 2.5em; }
+
+.fa-inverse {
+  color: var(--fa-inverse, #fff); }
+
+.sr-only,
+.fa-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0; }
+
+.sr-only-focusable:not(:focus),
+.fa-sr-only-focusable:not(:focus) {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0; }
+
+.svg-inline--fa .fa-primary {
+  fill: var(--fa-primary-color, currentColor);
+  opacity: var(--fa-primary-opacity, 1); }
+
+.svg-inline--fa .fa-secondary {
+  fill: var(--fa-secondary-color, currentColor);
+  opacity: var(--fa-secondary-opacity, 0.4); }
+
+.svg-inline--fa.fa-swap-opacity .fa-primary {
+  opacity: var(--fa-secondary-opacity, 0.4); }
+
+.svg-inline--fa.fa-swap-opacity .fa-secondary {
+  opacity: var(--fa-primary-opacity, 1); }
+
+.svg-inline--fa mask .fa-primary,
+.svg-inline--fa mask .fa-secondary {
+  fill: black; }
+
+.fad.fa-inverse,
+.fa-duotone.fa-inverse {
+  color: var(--fa-inverse, #fff); }
--- a/node_modules/@fortawesome/fontawesome-free/css/svg-with-js.min.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/svg-with-js.min.css
--- a/node_modules/@fortawesome/fontawesome-free/css/v4-font-face.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/v4-font-face.css
@ -0,0 +1,26 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+@font-face {
+  font-family: 'FontAwesome';
+  font-display: block;
+  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
+
+@font-face {
+  font-family: 'FontAwesome';
+  font-display: block;
+  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
+
+@font-face {
+  font-family: 'FontAwesome';
+  font-display: block;
+  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
+  unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; }
+
+@font-face {
+  font-family: 'FontAwesome';
+  font-display: block;
+  src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"), url("../webfonts/fa-v4compatibility.ttf") format("truetype");
+  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
--- a/node_modules/@fortawesome/fontawesome-free/css/v4-font-face.min.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/v4-font-face.min.css
@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
--- a/node_modules/@fortawesome/fontawesome-free/css/v4-shims.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/v4-shims.css
--- a/node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css
--- a/node_modules/@fortawesome/fontawesome-free/css/v5-font-face.css
+++ b/node_modules/@fortawesome/fontawesome-free/css/v5-font-face.css
@ -0,0 +1,22 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+  font-display: block;
+  font-weight: 400;
+  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
+
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-display: block;
+  font-weight: 900;
+  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
+
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-display: block;
+  font-weight: 400;
+  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				AC/DC - австралийская рок-группа, образованная в 1973 году. Их музыка сочетает в себе элементы хард-рока и блюза, создавая энергичное и зажигательное звучание. AC/DC известны своими хитами, включая "Highway to Hell", "Back in Black" и "Thunderstruck". Группа славится своими мощными гитарными рифами, мелодичными припевами и хриплым вокалом Брайана Джонсона. Они стали одной из самых успешных и влиятельных рок-групп в истории, продав более 200 миллионов копий своих альбомов. AC/DC оставили неизгладимый след в музыкальной индустрии и остаются почитаемыми и узнаваемыми до сих пор.
				`@ -0,0 +1 @@`
				Deftones - американская рок-группа, образованная в 1988 году. Их музыка сочетает в себе элементы альтернативного метала, ню-метала и шугейзинга, создавая уникальное звучание. Группа известна своим энергичным звуком, мощными гитарными рифами и харизматичным вокалом Чино Морено. Они выпустили ряд успешных альбомов, включая "White Pony" (2000), "Diamond Eyes" (2010) и "Gore" (2016). Deftones получили мировое признание и оказали значительное влияние на альтернативную музыку.
				`@ -0,0 +1 @@`
				Slipknot - американская ню-метал группа, основанная в 1995 году. Они известны своим агрессивным звучанием, смешением хардкор-панк и тяжелого метала с индастриалом и элементами альтернативного рока. Группа состоит из 9 участников, носит маски и выпускает энергичные и бескомпромиссные песни, в которых затрагиваются темы психологической напряженности, стресса и яростной самоидентификации. Своими выступлениями Slipknot стали известными своими интенсивными концертами и эпатажной визуальной эстетикой. Они получили широкую популярность и стали влиятельной группой в своем жанре.
				`@ -0,0 +1 @@`
				The Cure - британская рок-группа, образованная в 1976 году. Их музыка отличается меланхоличными и атмосферными звучанием, смешивая элементы пост-панка, готического рока и новой волны. Вокал Роберта Смита и неповторимое звучание группы создают неповторимую и замечательную эмоциональную ауру. The Cure стали иконами альтернативной и инди-музыки и получили широкое признание за свои хиты, такие как "Lovesong", "Boys Don't Cry" и "Friday I'm in Love".
				`@ -0,0 +1 @@`
				Weezer - американская альтернативная рок-группа, образованная в 1992 году. Их музыка сочетает в себе элементы рок-попа, панка и гранжа, создавая яркий и мелодичный звук. Weezer известны своими популярными хитами, такими как "Buddy Holly", "Island in the Sun" и "Say It Ain't So". Группа славится своим энергичным стилем и уникальным чувством юмора, привнесенным в свои песни и тексты. Они остаются популярными и влиятельными в современной музыкальной сцене.