melawy-en-site/public/index.html

709 lines
32 KiB
HTML
Raw Normal View History

2023-10-31 14:50:36 +05:00
<!doctype html>
<html lang="ru-RU" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:type" content="website">
<meta name="author" content="Valeria Fadeeva">
<meta name="keywords" content="melawy,linux,melawylinux,melawy-linux,arch,archlinux">
<title>Melawy Linux</title>
<meta property="og:title" content="Melawy Linux">
<meta property="og:site_name" content="Melawy Linux">
<link rel="canonical" href="https://melawy.ru">
<meta property="og:url" content="https://melawy.ru/">
<link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml">
<link rel="alternate icon" href="assets/img/favicon.png" type="image/png">
<meta property="og:image" content="assets/ico/logo.png">
<meta name="description" content="Melawy Linux - Arch Linux based distro">
<meta property="og:description" content="Melawy Linux - Arch Linux based distro">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css"
integrity="sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Custom styles for this template -->
<link href="assets/css/carousel.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<button type="button" class="btn btn-danger btn-floating btn-lg" id="btn-back-to-top">
<i class="fas fa-arrow-up"></i>
</button>
<header class="mb-auto">
<nav class="navbar navbar-dark bg-dark fixed-top border-bottom">
<div class="container-fluid">
<a class="navbar-brand justify-content-center float-md-start mb-0" href="/">
<img src="assets/ico/Melawy_Linux_64x32.svg" alt="Melawy Linux" width="96" height="48" class="d-inline-block align-text-top">
</a>
<nav class="nav nav-underline">
<a href="/" class="nav-link text-light active" aria-current="page">
Главная
</a>
<a href="/download" class="nav-link">
Скачать
</a>
<a href="https://www.tinkoff.ru/cf/7OmVoFjdFNI" target="_blank" class="nav-link">
Поддержать проект
</a>
2023-10-31 15:12:25 +05:00
<a href="/cooperation" class="nav-link">
2023-10-31 14:50:36 +05:00
Сотрудничество
</a>
<a href="/about" class="nav-link">
Об авторе
</a>
</nav>
<div class="col-md-2 col-sm-12 align-items-end text-decoration-none">
<ul class="nav justify-content-end list-unstyled d-flex p-3">
<li class="ms-3">
<button type="button" id="btnSwitch" class="btn btn-outline-secondary"><i class="fa-solid fa-moon"></i></button>
</li>
<li class="ms-3">
<a class="text-muted" href="https://discord.gg/725zXx7RhJ" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="Сообщество">
<i class="fa-brands fa-discord text-secondary"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://www.youtube.com/@Melawy" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="YouTube-канал">
<i class="fa-brands fa-youtube text-secondary"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://t.me/Melawy_news" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="Новости">
<i class="fa-brands fa-telegram text-secondary"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://t.me/Melawy_chat" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="Чат">
<i class="fa-brands fa-telegram text-secondary"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://github.com/Melawy" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="Исходный код">
<i class="fa-brands fa-square-git text-secondary"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://www.tinkoff.ru/cf/7OmVoFjdFNI" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="Поддержать проект">
<i class="fa-solid fa-circle-dollar-to-slot text-secondary"></i>
</a>
</li>
</ul>
<!-- <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button> -->
</div>
<!--
<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">Dark offcanvas</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu dropdown-menu-dark">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
</ul>
<form class="d-flex mt-3" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</div>
</div> -->
</div>
</nav>
</header>
<main>
<div id="myCarousel" class="carousel slide carousel-fade carousel-light py-4" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/img/slide1.png" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="assets/img/slide4.png" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="assets/img/slide6.png" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="assets/img/slide8.png" class="d-block w-100">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<div class="p-4 p-md-5 mb-4 rounded text-bg-dark">
<div class="col-md-12 px-0">
<h1 class="display-4 fst-italic">Melawy Linux</h1>
<p class="lead my-3">
Дистрибутив операционной системы Linux, основанный на пакетной базе Arch Linux, установщике Calamares,
с индивидуально разработанным оформлением под загрузчик rEFInd, экран загрузки Plymouth, менеджер входа в систему SDDM,
рабочий стол KDE Plasma.
</p>
<p>
Продукт является открытым программным обеспечением со свободной лицензией.
</p>
<p>
Проект нацелен на сегмент ПК и ноутбуков.</p>
</div>
</div>
<!-- Three columns of text below the carousel -->
<div class="row justify-content-center align-items-center text-center">
<div class="col-lg-12 col-md-12 col-sm-12 justify-content-center align-items-center">
<h5 class="text-muted">Список ключевых особенностей</h5>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div>
<p>
<ul class="list-unstyled text-start">
<li>ISO: ArchISO</li>
<li>Installer: Calamares</li>
<li>Loader: rEFInd</li>
<li>Kernel: Linux Xanmod Anbox</li>
</ul>
</p>
</div>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4 col-md-6 col-sm-12">
<div>
<p>
<ul class="list-unstyled text-start">
<li>Initrd: Dracut, Dracut-UKIFY</li>
<li>EFI, Secure Boot, TPM</li>
<li>Splash screen: Plymouth</li>
<li>Init: Systemd</li>
</ul>
</p>
</div>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4 col-md-6 col-sm-12">
<div>
<p>
<ul class="list-unstyled text-start">
<li>DM: SDDM</li>
<li>DE: KDE Plasma</li>
<li>PM: pacman, pamac</li>
</ul>
</p>
</div>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Установка Melawy Linux c диска</span></h2>
<p class="lead">В ISO-образе имеется всё необходимое для начала работы</p>
<p>Необходимые программы можно легко установить через пакетный менеджер</p>
</div>
<div class="col-md-7 order-md-1">
<div class="iframe-container">
<iframe src="https://www.youtube-nocookie.com/embed/uZ84n0eiZ2Et7WkQ?rel=0" title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen class="responsive-iframe"></iframe>
</div>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-1">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Установка по сети</span></h2>
<p class="lead">Позволяет выбрать дополнительные компоненты до установки</p>
</div>
<div class="col-md-7 order-md-2">
<img src="assets/img/online.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Загрузчик rEFInd</span></h2>
<p class="lead">Позволяет загрузить Linux, Unix, MacOS, Windows и другие операционные системы</p>
</div>
<div class="col-md-7 order-md-1">
<img src="assets/img/refind.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-1">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Загрузочный экран Plymouth</span></h2>
<p class="lead">Позволяет скрыть текстовый вывод этапа загрузки</p>
<p>Позволяет ввести пароль для разблокировки диска</p>
<p>Вернуться в текстовый режим и обратно можно кнопкой HOME на клавиатуре</p>
</div>
<div class="col-md-7 order-md-2">
<img src="assets/img/plymouth.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Экран входа в систему SDDM</span></h2>
<p class="lead">Позволяет выбрать доступных для входа в систему пользователей и произвести вход</p>
<p>При необходимости можно показать вводимый пароль, чтобы не ошибиться при вводе</p>
</div>
<div class="col-md-7 order-md-1">
<img src="assets/img/sddm.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-1">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Рабочий стол KDE Plasma</span></h2>
<!-- <p class="lead">Обозреватель папок, Dolphin, имеет возможность открывать вкладки как в браузере,
работать в режиме двух панелей, когда слева и справа в одном окне открыты разные папки</p>
<p>Командный терминал, Konsole, позволяет открывать вкладки, делить экран термнинала вертикально, горизонтально</p> -->
</div>
<div class="col-md-7 order-md-2">
<img src="assets/img/plasma.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Главное меню</span></h2>
<p class="lead">Позволяет получать простой доступ к необходимым программам</p>
<p>Закреплять в избранном необходимые программы и выносить их на панель задач</p>
</div>
<div class="col-md-7 order-md-1">
<img src="assets/img/start-menu.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-1">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Обозреватель папок, Dolphin</span></h2>
<p class="lead">Обозреватель папок, Dolphin, имеет возможность открывать вкладки как в браузере, работать в режиме
двух панелей, когда слева и справа в одном окне открыты разные папки</p>
<p>Командный терминал, Konsole, позволяет открывать вкладки, делить экран термнинала вертикально, горизонтально</p>
</div>
<div class="col-md-7 order-md-2">
<img src="assets/img/dolphin.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Пакетный менеджер Pamac</span></h2>
<p class="lead">Позволяет устанавливать и удалять программы</p>
<p>В некоторых случаях не обойтись без использования консоли и консольного пакетного менеджера Pacman</p>
</div>
<div class="col-md-7 order-md-1">
<img src="assets/img/pamac.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-1">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Апплет и программа обновления системы</span></h2>
<p class="lead">Проверяют наличие обновлений системы и программ</p>
<p>Позволяют скачать и установить обновления в любое время по щелчку на кнопке</p>
</div>
<div class="col-md-7 order-md-2">
<img src="assets/img/updater-and-applet.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Модифицированное ядро XanMod</span></h2>
<p class="lead">
Это оптимизированное ядро Linux, которое разработано для повышения производительности и улучшения отзывчивости системы.
</p>
<p class="d-inline-flex gap-1">
Оно включает в себя множество патчей и оптимизаций, которые позволяют значительно ускорить работу компьютера.
</p>
<p class="d-inline-flex gap-1">
Преимущества
</p>
<ul>
<li>
Содержит оптимизации для улучшения производительности и снижения задержек в играх и других приложениях с высокими
требованиями к производительности.
</li>
<li>
Поддержка многопоточности и многопроцессорных систем.
</li>
<li>
Оптимизация работы сетевых подсистем, что позволяет увеличить скорость передачи данных.
</li>
<li>
Улучшение работы с файловой системой, что повышает скорость чтения и записи данных на диск.
</li>
<li>
Поддержка новых технологий и устройств, таких как NVMe и USB 3.0.
</li>
<li>
Улучшение работы с памятью, что позволяет увеличить производительность приложений.
</li>
<li>
Поддержка новых функций безопасности, таких как защита от атак Spectre и Meltdown.
</li>
<li>
Оптимизация работы с графическими картами, что улучшает производительность игр и других графических приложений.
</li>
<li>
Модифицированное ядро XanMod может быть установлено на любой дистрибутив Linux и предоставляет значительные
преимущества
для пользователей, которые нуждаются в максимальной производительности и отзывчивости своей системы.
</li>
<li>
Оно также содержит некоторые дополнительные функции и патчи, которые не включены в стандартное ядро Linux. XanMod
предназначен для пользователей, которые хотят получить максимальную производительность из своей системы Linux.
</li>
<li>
Модуль ядра Anbox — свободное программное обеспечение с открытым исходным кодом, представляет собой слой
совместимости, который
позволяет мобильным приложениям и мобильным играм, разработанным для OS Android, работать в дистрибутивах GNU/Linux.
</li>
</ul>
<p class="d-inline-flex gap-1">
ВНИМАНИЕ
</p>
<ul>
<li>
Некоторые патчи и оптимизации могут привести к нестабильной работе системы или совместимости с некоторым программным
обеспечением.
</li>
<li>
Некоторые оптимизации могут привести к увеличению потребления энергии, что может негативно сказаться на времени
работы
от аккумулятора в ноутбуках.
</li>
</ul>
</div>
<div class="col-md-7 order-md-1">
<img src="assets/img/xanmod.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row">
<div class="col-lg-12">
<p class="d-inline-flex gap-1">
<button class="btn btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
Набор программ и репозиториев
</button>
</p>
<div class="collapse" id="collapse2">
<p>Репозитории:</p>
<ul>
<li>melawy</li>
<li>melawy-3party</li>
<li>core</li>
<li>extra</li>
<li>community</li>
<li>multilib</li>
<li>arcolinux_repo</li>
<li>arcolinux_repo_xlarge</li>
<li>arcolinux_repo_3party</li>
<li>chaotic</li>
</ul>
<p>Не используются специфичные для ArcoLinux программы и оформление.</p>
<p>Системные компоненты:</p>
<ul>
<li>refind</li>
<li>btrfs</li>
<li>efi</li>
<li>vmlinuz + initrd</li>
<li>ukify</li>
<li>dracut</li>
<li>systemd 253+</li>
<li>timeshift</li>
<li>plymouth</li>
<li>sddm</li>
<li>kde</li>
<li>pipewire</li>
</ul>
<p>Пакетные менеджеры:</p>
<ul>
<li>pacman</li>
<li>pamac</li>
<li>octopi</li>
<li>paru</li>
<li>yay</li>
</ul>
<p>Обновление зеркал пакетов:</p>
<ul>
<li>Reflector</li>
</ul>
<p>Стандартный набор программ:</p>
<ul>
<li>FreeOffice</li>
<li>LibreOffice</li>
<li>OnlyOffice</li>
<li>Firefox</li>
<li>Firefox Dev</li>
<li>Chrome</li>
<li>Telegram</li>
<li>Discord</li>
<li>VS Code</li>
<li>Zoom</li>
<li>Skype</li>
<li>KeePassXC</li>
<li>YandexDisk</li>
<li>AnyDesk</li>
</ul>
<p>Графические редакторы:</p>
<ul>
<li>Gimp</li>
<li>InkScape</li>
<li>Krita</li>
</ul>
<p>Мультимедиа:</p>
<ul>
<li>ObsStudio with Browser support</li>
<li>Haruna</li>
<li>Vlc</li>
<li>Mpv</li>
<li>Elisa</li>
<li>Audacious</li>
<li>Audacity</li>
<li>Avidemux</li>
</ul>
<p>Почта:</p>
<ul>
<li>Mailspring</li>
<li>Thunderbird</li>
</ul>
<p>При необходимости можно установить:</p>
<ul>
<li>Brave</li>
<li>Opera</li>
<li>WhatsApp</li>
</ul>
</div>
</div>
</div>
<!-- /END THE FEATURETTES -->
</div><!-- /.container -->
<!-- FOOTER -->
<!-- d-flex flex-wrap justify-content-between align-items-center py-3 my-4 -->
<footer class="container border-top py-3 my-4">
<div class="row">
<div class="col-lg-4 justify-content-start align-items-center">
<p class="mb-0 text-muted">&copy; 2023 Melawy (Valeria Fadeeva)</p>
<a href="/download" role="button" class="btn btn-outline-secondary">
Скачать
</a>
<a href="https://www.tinkoff.ru/cf/7OmVoFjdFNI" target="_blank" role="button" class="btn btn-outline-secondary">
Поддержать проект
</a>
</div>
<div class="col-lg-4 align-items-center justify-content-between">
<a href="/" class="mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
<img src="assets/ico/Melawy_Linux_64x32.png">
</a>
</div>
<div class="col-lg-4">
<ul class="nav justify-content-end list-unstyled p-3">
<li class="ms-3">
<a class="text-muted" href="https://discord.gg/725zXx7RhJ" target="_blank" data-bs-toggle="tooltip"
data-bs-title="Сообщество">
<i class="fa-brands fa-discord"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://www.youtube.com/@Melawy" target="_blank" data-bs-toggle="tooltip"
data-bs-title="YouTube-канал">
<i class="fa-brands fa-youtube"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://t.me/Melawy_news" target="_blank" data-bs-toggle="tooltip"
data-bs-title="Новости">
<i class="fa-brands fa-telegram"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://t.me/Melawy_chat" target="_blank" data-bs-toggle="tooltip" data-bs-title="Чат">
<i class="fa-brands fa-telegram"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://github.com/Melawy" target="_blank" data-bs-toggle="tooltip"
data-bs-title="Исходный код">
<i class="fa-brands fa-square-git"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://www.tinkoff.ru/cf/7OmVoFjdFNI" target="_blank" data-bs-toggle="tooltip"
data-bs-title="Поддержать проект">
<i class="fa-solid fa-circle-dollar-to-slot"></i>
</a>
</li>
</ul>
</div>
</div>
</footer>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js" integrity="sha512-X/YkDZyjTf4wyc2Vy16YGCPHwAY8rZJY+POgokZjQB2mhIRFJCckEGc6YyX9eNsPfn0PzThEuNs+uaomE5CO6A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js" integrity="sha512-uKQ39gEGiyUJl4AI6L+ekBdGKpGw4xJ55+xyJG7YFlJokPNYegn9KwQ3P8A7aFQAUtUsAQHep+d/lrGqrbPIDQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="assets/js/script.js"></script>
</body>
</html>