Skip to content

X
Ximper-Linux-Site
Commit 5a03620d authored by Pavel Beketov's avatar Pavel Beketov
Browse files
Options

global update 0.9.3

parent e1d5981a
Expand all Show whitespace changes
Inline Side-by-side
Showing with 235 additions and 26 deletions
downloads.html
View file @ 5a03620d
......@@ -10,6 +10,15 @@
<link rel="stylesheet" href="libs/webfonts/css/all.min.css">
<script src="libs/jquery-3.6.0.min.js"></script>
</head>
<div class="menu-button">
<i class="fas fa-bars"></i>
</div>
<div class="mobile-menu">
<a href="index.html">Главная</a>
<a href="#">Загрузки</a>
<a href="news.html">Новости</a>
<a href="https://wiki.ximperlinux.ru">Wiki</a>
</div>
<body>
<header>
<div class="header-left">
......@@ -35,13 +44,37 @@
<section class="download-section">
<div class="download-container">
<h2 class="styled-title">Загрузить Ximper Linux прямо сейчас</h2>
<p class="styled-subtitle">Дистрибутив Ximper Linux доступен в двух вариантах: обычный и с поддержкой видеокарт NVIDIA. При наличии современной видеокарты NVIDIA вам потребуется использовать ISO-образ, содержащий драйвера NVIDIA.</p>
<p class="styled-subtitle">Дистрибутив Ximper Linux доступен в нескольких вариантах: классический, hyprland с поддержкой видеокарт NVIDIA и без. При наличии современной видеокарты NVIDIA вам потребуется использовать ISO-образ, содержащий драйвера NVIDIA.</p>
<div class="download-distro">
<div class="download-left">
<img src="images/ximphnvdd.png" alt="">
</div>
<div class="download-right">
<h3>Ximper Linux Hyprland 0.9.3 с поддержкой Nvidia</h3>
<p>Варианты загрузки:</p>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/0.9.2/ximper-gnome-nvidia-0.9.2-20240526-x86_64.iso" class="button">ISO-образ (6.4Гб)</a>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/0.9.2/ximper-gnome-nvidia-0.9.2-20240526-x86_64.torrent" class="button">Torrent</a>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/0.9.2/ximper-gnome-nvidia-0.9.2-20240526-x86_64.iso.md5" class="button">Контрольные суммы (md5sum)</a>
</div>
</div>
<div class="download-distro">
<div class="download-right">
<h3>Ximper Linux Hyprland</h3>
<p>Варианты загрузки:</p>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/0.9.2/ximper-gnome-0.9.2-20240526-x86_64.iso" class="button">ISO-образ (5.6Гб)</a>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/0.9.2/ximper-gnome-0.9.2-20240526-x86_64.torrent" class="button">Torrent</a>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/0.9.2/ximper-gnome-0.9.2-20240526-x86_64.iso.md5" class="button">Контрольные суммы (md5sum)</a>
</div>
<div class="download-left">
<img src="images/ximpbookhypr.png" alt="">
</div>
</div>
<div class="download-distro">
<div class="download-left">
<img src="images/3.png" alt="">
</div>
<div class="download-right">
<h3>Ximper Linux 0.9.2 с поддержкой Nvidia</h3>
<h3>Ximper Linux 0.9.3 с поддержкой Nvidia</h3>
<p>Варианты загрузки:</p>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/0.9.2/ximper-gnome-nvidia-0.9.2-20240526-x86_64.iso" class="button">ISO-образ (6.4Гб)</a>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/0.9.2/ximper-gnome-nvidia-0.9.2-20240526-x86_64.torrent" class="button">Torrent</a>
......@@ -50,7 +83,7 @@
</div>
<div class="download-distro">
<div class="download-right">
<h3>Ximper Linux 0.9.2</h3>
<h3>Ximper Linux Classic 0.9.3</h3>
<p>Варианты загрузки:</p>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/0.9.2/ximper-gnome-0.9.2-20240526-x86_64.iso" class="button">ISO-образ (5.6Гб)</a>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/0.9.2/ximper-gnome-0.9.2-20240526-x86_64.torrent" class="button">Torrent</a>
......@@ -69,7 +102,7 @@
</div>
<div class="explore-source">
<div class="source-left">
<img src="images/source1.png" alt="">
<img src="images/source.png" alt="">
</div>
<div class="source-right">
<h3>Исследуйте исходный код</h3>
......@@ -90,9 +123,8 @@
<a href="https://t.me/ximperlinux" class="social-icon"><i class="fab fa-telegram"></i></a>
<a href="https://vk.com/ximperlinux" class="social-icon"><i class="fab fa-vk"></i></a>
</div>
<div id="contact-info">
<!-- Контактная информация -->
<p>© ООО «Этерсофт». Санкт-Петербург</p>
<div class="footer-center">
<p id="contact-info">© ООО «Этерсофт». Санкт-Петербург</p>
</div>
<div class="footer-right">
<a href="https://etersoft.ru"><img src="images/logoteamv2.png" alt="Etersoft" class="logo"></a>
......
index.html
View file @ 5a03620d
......@@ -9,10 +9,19 @@
<link rel="stylesheet" href="libs/webfonts/css/all.min.css">
<script src="libs/jquery-3.6.0.min.js"></script>
</head>
<div class="menu-button">
<i class="fas fa-bars"></i>
</div>
<div class="mobile-menu">
<a href="#">Главная</a>
<a href="downloads.html">Загрузки</a>
<a href="news.html">Новости</a>
<a href="https://wiki.ximperlinux.ru">Wiki</a>
</div>
<body>
<header>
<div class="header-left">
<img src="images/ximperlinux.svg" alt="InnovateOS Logo" class="logo">
<img src="images/ximperlinux.svg" alt="Ximper" class="logo">
<h1>Ximper Linux</h1>
</div>
<div class="header-center">
......@@ -24,7 +33,7 @@
<li><a href="https://wiki.ximperlinux.ru">Wiki</a></li>
</ul>
</nav>
</div>
</div>
<div class="header-right">
<a href="https://vk.com/ximperlinux" class="social-icon"><i class="fab fa-vk"></i></a>
<a href="https://t.me/ximperlinux" class="social-icon"><i class="fab fa-telegram"></i></a>
......@@ -32,12 +41,69 @@
</header>
<main>
<div id="hero-section">
<div class="circle-container">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
<div class="hero-text">
<div class="hero-image">
<img src="images/ximperlinux.svg" alt="logo">
</div>
<h2>Ximper Linux</h2>
<p>Роллинг-релиз дистрибутив на основе ALT Sisyphus с рабочим столом GNOME</p>
<p>Роллинг-релиз на базе ALT Sisyphus, создан для тех, кто ищет идеальное сочетание высокой производительности, современного дизайна и стабильности.</p>
<button id="next-section">Узнать больше</button>
</div>
</div>
<div id="blocks-text">
<h1>Возможности и удобства</h1>
</div>
<div id="blocks-section">
<div class="info-block">
<img src="images/app.png" alt="">
......@@ -70,30 +136,57 @@
<p>Возможность выбора файловой системы при установке, включая BTRFS, дополняется интегрированным инструментом резервного копирования Timeshift, что способствует улучшению устойчивости системы.</p>
</div>
</div>
<div class="download-section">
<div class="download-left">
<img src="images/ximpermonitor.png" alt="">
<div class="variants-text">
<h1>Идеальный выбор для каждого</h1>
</div>
<div class="download-right">
<h2>Загрузить Ximper Linux прямо сейчас</h2>
<p>Выберите версию для вашей конфигурации и начните установку прямо сейчас!</p>
<a href="downloads.html" class="button">Загрузить</a>
<div class="cards-section">
<div class="card">
<img src="images/ximperclassic.png" alt="">
<div class="card-text">
<h3>Ximper Linux Classic</h3>
<p>Классический Ximper Linux с GNOME подходит для тех, кто ценит привычный, стабильный рабочий стол. Идеален для офисной работы, обучения и повседневного использования.</p>
</div>
</div>
</div>
<div class="card">
<img src="images/ximperhypr.png" alt="">
<div class="card-text">
<h3>Ximper Linux Hyprland</h3>
<p>Современный дистрибутив с оконным менеджером Hyprland для продвинутых пользователей, стремящихся к легкости и скорости работы. Идеален для экспериментов и нестандартных конфигураций.</p>
</div>
</div>
<div class="card">
<img src="images/ximpnvd.png" alt="">
<div class="card-text">
<h3>Ximper Linux NVIDIA</h3>
<p>Оптимизирован для видеокарт NVIDIA, этот вариант обеспечивает наилучшую производительность в играх и графических приложениях. Подходит для геймеров и специалистов в области дизайна.</p>
</div>
</div>
<div class="card">
<img src="images/ximphnvd.png" alt="">
<div class="card-text">
<h3>Ximper Linux Hyprland NVIDIA</h3>
<p>Оптимизирован для видеокарт NVIDIA. Обеспечивает быструю работу и высокую эффективность как в играх, так и в ресурсоемких графических приложениях. Идеален для геймеров и дизайнеров, ценящих скорость, стабильность и гибкость.</p>
</div>
</div>
</div>
<div class="download-text-block">
<h1>Скачайте Ximper Linux и наслаждайтесь его возможностями!</h1>
<a href="downloads.html" class="button">Перейти на страницу загрузок</a>
</div>
</main>
<footer>
<div class="footer-left">
<a href="https://t.me/ximperlinux" class="social-icon"><i class="fab fa-telegram"></i></a>
<a href="https://vk.com/ximperlinux" class="social-icon"><i class="fab fa-vk"></i></a>
</div>
<div id="contact-info">
<!-- Контактная информация -->
<p>© ООО «Этерсофт». Санкт-Петербург</p>
<div class="footer-center">
<p id="contact-info">© ООО «Этерсофт». Санкт-Петербург</p>
</div>
<div class="footer-right">
<a href="https://etersoft.ru"><img src="images/logoteamv2.png" alt="Etersoft" class="logo"></a>
</div>
</footer>
<script src="script.js"></script>\
<script src="script.js"></script>
</body>
</html>
news.html
View file @ 5a03620d
......@@ -10,6 +10,15 @@
<link rel="stylesheet" href="libs/webfonts/css/all.min.css">
<script src="libs/jquery-3.6.0.min.js"></script>
</head>
<div class="menu-button">
<i class="fas fa-bars"></i>
</div>
<div class="mobile-menu">
<a href="index.html">Главная</a>
<a href="downloads.html">Загрузки</a>
<a href="#">Новости</a>
<a href="https://wiki.ximperlinux.ru">Wiki</a>
</div>
<body>
<header>
<div class="header-left">
......@@ -225,9 +234,8 @@ $ epmi grub-btrfs</br>
<a href="https://t.me/ximperlinux" class="social-icon"><i class="fab fa-telegram"></i></a>
<a href="https://vk.com/ximperlinux" class="social-icon"><i class="fab fa-vk"></i></a>
</div>
<div id="contact-info">
<!-- Контактная информация -->
<p>© ООО «Этерсофт». Санкт-Петербург</p>
<div class="footer-center">
<p id="contact-info">© ООО «Этерсофт». Санкт-Петербург</p>
</div>
<div class="footer-right">
<a href="https://etersoft.ru"><img src="images/logoteamv2.png" alt="Etersoft" class="logo"></a>
......
script.js
View file @ 5a03620d
......@@ -3,7 +3,83 @@ $(document).ready(function(){
$('#next-section').click(function(){
// Плавная прокрутка к следующему блоку
$('html, body').animate({
scrollTop: $('#blocks-section').offset().top
scrollTop: $('#blocks-text').offset().top
}, 1500); //Время в секундах (можно поигарться)
});
});
// Ждем загрузки DOM
document.addEventListener("DOMContentLoaded", function () {
const container = document.querySelector(".circle-container");
const circles = Array.from(document.querySelectorAll(".circle"));
// Для каждого шарика создаём объект с физическими данными:
// Скорость будет постоянной, а направление определяется случайно
const constantSpeed = 100; // px/с
let circlesData = circles.map(el => {
const style = window.getComputedStyle(el);
let x = parseFloat(style.left);
let y = parseFloat(style.top);
let radius = el.offsetWidth / 2;
// Случайное направление
const angle = Math.random() * 2 * Math.PI;
let vx = Math.cos(angle) * constantSpeed;
let vy = Math.sin(angle) * constantSpeed;
// прозрачность
el.style.opacity = 0.35;
return { el, x, y, vx, vy, radius };
});
let lastTime = performance.now();
function animate(time) {
const dt = (time - lastTime) / 1000; // время в секундах
lastTime = time;
const containerWidth = container.clientWidth;
const containerHeight = container.clientHeight;
circlesData.forEach(circle => {
// Обновляем координаты с постоянной скоростью
circle.x += circle.vx * dt;
circle.y += circle.vy * dt;
// Столкновение с левой/правой границей – отражение по оси X
if (circle.x < 0) {
circle.x = 0;
circle.vx = Math.abs(circle.vx);
} else if (circle.x + circle.el.offsetWidth > containerWidth) {
circle.x = containerWidth - circle.el.offsetWidth;
circle.vx = -Math.abs(circle.vx);
}
// Столкновение с верхней/нижней границей – отражение по оси Y
if (circle.y < 0) {
circle.y = 0;
circle.vy = Math.abs(circle.vy);
} else if (circle.y + circle.el.offsetHeight > containerHeight) {
circle.y = containerHeight - circle.el.offsetHeight;
circle.vy = -Math.abs(circle.vy);
}
// Обновляем позицию элемента
circle.el.style.left = circle.x + "px";
circle.el.style.top = circle.y + "px";
});
requestAnimationFrame(animate);
}
requestAnimationFrame(animate);
});
$(document).ready(function () {
$(".menu-button").click(function () {
$(".mobile-menu").toggle();
});
// Закрытие меню при клике вне его области
$(document).click(function (event) {
if (!$(event.target).closest(".menu-button, .mobile-menu").length) {
$(".mobile-menu").hide();
}
});
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment