This commit is contained in:
Valeria Fadeeva 2023-11-03 13:58:43 +05:00
parent d863c793f4
commit 425991b27c
6 changed files with 754 additions and 13 deletions

View File

@ -0,0 +1,69 @@
/* stylelint-disable selector-list-comma-newline-after */
.blog-header {
border-bottom: 1px solid #e5e5e5;
}
.blog-header-logo {
font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
font-size: 2.25rem;
}
.blog-header-logo:hover {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
}
.display-4 {
font-size: 2.5rem;
}
@media (min-width: 768px) {
.display-4 {
font-size: 3rem;
}
}
.flex-auto {
flex: 0 0 auto;
}
.h-250 { height: 250px; }
@media (min-width: 768px) {
.h-md-250 { height: 250px; }
}
/* Pagination */
.blog-pagination {
margin-bottom: 4rem;
}
/*
* Blog posts
*/
.blog-post {
margin-bottom: 4rem;
}
.blog-post-title {
font-size: 2.5rem;
}
.blog-post-meta {
margin-bottom: 1.25rem;
color: #727272;
}
/*
* Footer
*/
.blog-footer {
padding: 2.5rem 0;
color: #727272;
text-align: center;
background-color: #f9f9f9;
border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
margin-bottom: 0;
}

View File

@ -0,0 +1,69 @@
/* stylelint-disable selector-list-comma-newline-after */
.blog-header {
border-bottom: 1px solid #e5e5e5;
}
.blog-header-logo {
font-family: Amiri, Georgia, "Times New Roman", serif;
font-size: 2.25rem;
}
.blog-header-logo:hover {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: Amiri, Georgia, "Times New Roman", serif;
}
.display-4 {
font-size: 2.5rem;
}
@media (min-width: 768px) {
.display-4 {
font-size: 3rem;
}
}
.flex-auto {
flex: 0 0 auto;
}
.h-250 { height: 250px; }
@media (min-width: 768px) {
.h-md-250 { height: 250px; }
}
/* Pagination */
.blog-pagination {
margin-bottom: 4rem;
}
/*
* Blog posts
*/
.blog-post {
margin-bottom: 4rem;
}
.blog-post-title {
font-size: 2.5rem;
}
.blog-post-meta {
margin-bottom: 1.25rem;
color: #727272;
}
/*
* Footer
*/
.blog-footer {
padding: 2.5rem 0;
color: #727272;
text-align: center;
background-color: #f9f9f9;
border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
margin-bottom: 0;
}

View File

@ -44,7 +44,7 @@ document.addEventListener("DOMContentLoaded", ready);
// Загрузка HTML из файла при загрузке URL
async function bodyFetch(url) {
if (!url) {
tplUrl = 'root.tpl.html';
tplUrl = 'news.tpl.html';
} else {
tplUrl = url + ".tpl.html";
}
@ -63,7 +63,11 @@ async function bodyFetch(url) {
let query = window.location.pathname;
switch (query) {
case "/root":
case "/news":
bodyFetch(query);
break;
case "/overview":
bodyFetch(query);
break;

View File

@ -1,5 +1,5 @@
<!doctype html>
<html lang="ru-RU" data-bs-theme="auto">
<html lang="ru-RU" data-bs-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@ -30,6 +30,7 @@
<!-- Custom styles for this template -->
<link href="assets/css/carousel.css" rel="stylesheet">
<link href="assets/css/blog.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
@ -53,8 +54,20 @@
<div class="justify-content-center align-items-end text-decoration-none">
<nav class="nav nav-underline justify-content-center align-items-center">
<a href="root" class="menu nav-link">
Главная
<a href="news" class="menu nav-link">
Новости
</a>
<a href="overview" class="menu nav-link">
О дистрибутиве
</a>
<a href="about" class="menu nav-link">
Об авторе
</a>
<a href="cooperation" class="menu nav-link">
Сотрудничество
</a>
<a href="download" class="menu nav-link">
@ -64,14 +77,6 @@
<a href="donate" target="_blank" class="menu nav-link">
Поддержать проект
</a>
<a href="cooperation" class="menu nav-link">
Сотрудничество
</a>
<a href="about" class="menu nav-link">
Об авторе
</a>
</nav>
</div>

185
public/news.tpl.html Normal file
View File

@ -0,0 +1,185 @@
<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>
<div class="container py-5 my-5">
<div class="row g-5">
<div class="col-md-12">
<article class="blog-post">
<h2 class="blog-post-title mb-1">Релиз дистрибутива Melawy Linux</h2>
<p class="blog-post-meta">30 октября 2023 |
<i>
<img src="assets/avatar/Valeria_Fadeeva.jpg" style="max-width: 50px; max-height: 50px; border-radius: 50%;">
Валерия Фадеева
</i>
</p>
<p>
Тихо и почти незаметно спустя 1,5 года работы вышел первый релиз операционно системы Melawy Linux.
</p>
<h4>Что внутри?</h4>
<ul>
<li>
Установка с диска и по сети с выбором загрузчика rEFInd, systemd-boot, Grub2 в одном установщике.
</li>
<li>
Возможность выбрать и установить версию драйверов для видеокарты Nvidia:
<ul>
<li>
установка с диска - драйверы только для новых видеокарт
</li>
<li>
установка по сети - выбор драйвера вручную
</li>
</ul>
</li>
<li>
Нестандартное ядро - с патчами на производительность и защиту от Meltdown и Spectre и др.
</li>
<li>
Сборщик начального окружения ядра с помощью модульного, автоматизированного Dracut.
</li>
<li>
Генерация цифровых подписей и подписывания ядра для старта через Secure Boot:
<ul>
<li>
Позже будет автоматизировано подписывание загрузчика и проверен полный цикл загрузки через Secure Boot.
</li>
<li>
Полный этап загрузки через Secure Boot защищает от вирусов начиная с загрузчика и загрузки ядра.
</li>
</ul>
</li>
<li>
Поддержка полнодискового шифрования Luks2 последним алгоритмом Аrgon2.
</li>
<li>
Красивое, информативное визуальное оформление:
<ul>
<li>
экран выбора заргузки операционной системы
</li>
<li>
этап загрузки ядра и базового окружения initrd
</li>
<li>
вход в систему
</li>
<li>
рабочее окружение:
<ul>
<li>
стили
</li>
<li>
цвет
</li>
<li>
иконки
</li>
<li>
курсоры
</li>
</ul>
</li>
<li>
Не надоедающий апплет проверки обновлений:
<ul>
<li>
автоматическая проверка при входе через 10 секунд - после того как всё запустится
</li>
<li>
кнопка принудительной проверки и кнопка установки
</li>
</ul>
</li>
</ul>
</li>
<li>
Предустановленные средства управления оборудованием AMD через пользовательский интерфейс и видеокартой Nvidia.
</li>
<li>
Заранее выбранный большой список программ, которые можно сразу использовать.
</li>
<li>
Возможность использовать все эти программы прямо на Live образе, без установки системы на диск.
</li>
<li>
И другое...
</li>
</ul>
</article>
<!--
<nav class="blog-pagination" aria-label="Pagination">
<a class="btn btn-outline-primary rounded-pill" href="#">Older</a>
<a class="btn btn-outline-secondary rounded-pill disabled">Newer</a>
</nav>
-->
</div>
</div>
</div>

409
public/overview.tpl.html Normal file
View File

@ -0,0 +1,409 @@
<div class="container marketing py-5 my-5">
<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/waCnwyxdSS0?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" alt="Установка по сети" class="fullscreen" onclick="showFullscreenImage(this)">
</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" alt="Загрузчик rEFInd" class="fullscreen" onclick="showFullscreenImage(this)">
</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" alt="Загрузочный экран Plymouth" class="fullscreen" onclick="showFullscreenImage(this)">
</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" alt="Экран входа в систему SDDM" class="fullscreen" onclick="showFullscreenImage(this)">
</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" alt="Рабочий стол KDE Plasma" class="fullscreen" onclick="showFullscreenImage(this)">
</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" alt="Главное меню" class="fullscreen" onclick="showFullscreenImage(this)">
</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" alt="Обозреватель папок, Dolphin" class="fullscreen" onclick="showFullscreenImage(this)">
</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" alt="Пакетный менеджер Pamac" class="fullscreen" onclick="showFullscreenImage(this)">
</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" alt="Апплет и программа обновления системы" class="fullscreen" onclick="showFullscreenImage(this)">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 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-5 order-md-1">
<img src="assets/img/xanmod.png" alt="Модифицированное ядро XanMod" class="fullscreen" onclick="showFullscreenImage(this)">
</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>garuda</li>
<li>chaotic</li>
</ul>
<p>Не используются специфичные для ArcoLinux, Garuda Linux программы и оформление.</p>
<p>Системные компоненты:</p>
<ul>
<li>refind</li>
<li>systemd-boot</li>
<li>grub2</li>
<li>linux-kernel-xanmod-anbox</li>
<li>btrfs</li>
<li>efi + ukify</li>
<li>vmlinuz + initrd</li>
<li>dracut</li>
<li>systemd 254+</li>
<li>timeshift</li>
<li>btrfs assistant</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>Brave</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>Opera</li>
<li>WhatsApp</li>
</ul>
</div>
</div>
</div>
</div><!-- /.container -->