Commit 57456c4b authored by prolinux's avatar prolinux

version-05-12

parent ac4a8d27
......@@ -27,6 +27,11 @@
align-items: center;
margin-bottom: 50px;
flex-wrap: wrap;
background-image: url("images/bg_3.png");
background-repeat: no-repeat;
background-size: cover;
border: 0px solid var(--border);
border-radius: 20px;
}
.download-left {
......@@ -43,9 +48,6 @@
.download-right {
flex: 1;
padding: 20px;
background: var(--bg);
border: 2px solid var(--border);
border-radius: 15px;
color: #fff;
margin-left: 20px;
}
......@@ -63,8 +65,6 @@
.install-guide {
padding: 20px;
background: var(--bg);
border: 2px solid var(--border);
border-radius: 15px;
color: #fff;
margin-top: 40px;
text-align: center;
......@@ -100,45 +100,6 @@
margin-bottom: 20px;
}
/* Стили для блока с исходниками */
.explore-source {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
flex-wrap: wrap;
}
.source-left {
flex: 1;
text-align: center;
}
.source-left img {
width: 100%;
height: auto;
max-width: 600px;
}
.source-right {
flex: 1;
padding: 20px;
background: var(--bg);
border: 2px solid var(--border);
border-radius: 15px;
color: #fff;
margin-left: 20px;
}
.source-right h3 {
font-size: 24px;
}
.source-right p {
font-size: 16px;
margin-bottom: 20px;
}
/* Медиа-запросы для основного контента */
@media (max-width: 768px) {
.download-distro, .explore-source {
......
......@@ -22,7 +22,7 @@
<body>
<header>
<div class="header-left">
<a href="index.html" class="home-link">
<a href="#" class="home-link">
<img src="images/ximperlinux.svg" alt="Ximper" class="logo">
<h1>Ximper Linux</h1>
</a>
......@@ -30,8 +30,8 @@
<div class="header-center">
<nav class="header-menu">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="#">Загрузки</a></li>
<li><a href="#">Главная</a></li>
<li><a href="downloads.html">Загрузки</a></li>
<li><a href="news.html">Новости</a></li>
<li><a href="https://wiki.ximperlinux.ru">Wiki</a></li>
</ul>
......@@ -40,6 +40,7 @@
<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>
<a href="https://gitlab.eterfund.ru/ximperlinux" class="social-icon"><i class="fab fa-gitlab"></i></a>
</div>
</header>
<main>
......@@ -48,7 +49,7 @@
<h2 class="styled-title">Загрузить Ximper Linux прямо сейчас</h2>
<div class="download-distro">
<div class="download-left">
<img src="images/ximpernvda.png" alt="Ximper Linux GNOME с поддержкой Nvidia">
<img src="images/mock_gnome_nvidia.png" alt="Ximper Linux GNOME с поддержкой Nvidia">
</div>
<div class="download-right">
<h3>Ximper Linux 0.9.3 GNOME с поддержкой Nvidia</h3>
......@@ -59,6 +60,9 @@
</div>
</div>
<div class="download-distro">
<div class="download-left">
<img src="images/mock_gnome.png" alt="Ximper Linux GNOME">
</div>
<div class="download-right">
<h3>Ximper Linux GNOME 0.9.3</h3>
<p>Варианты загрузки:</p>
......@@ -66,13 +70,10 @@
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/Current/ISO/ximper-gnome-0.9.3-x86_64.torrent" class="button outline">Torrent</a>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/Current/ISO/ximper-gnome-0.9.3-x86_64.iso.md5" class="button outline">Контрольные суммы (md5sum)</a>
</div>
<div class="download-left">
<img src="images/ximperclassicd.png" alt="Ximper Linux GNOME">
</div>
</div>
<div class="download-distro">
<div class="download-left">
<img src="images/ximphnvdd.png" alt="Ximper Linux Hyprland с поддержкой Nvidia">
<img src="images/mock_hyprland_nvidia.png" alt="Ximper Linux Hyprland с поддержкой Nvidia">
</div>
<div class="download-right">
<h3>Ximper Linux Hyprland 0.9.3 с поддержкой Nvidia</h3>
......@@ -83,6 +84,9 @@
</div>
</div>
<div class="download-distro">
<div class="download-left">
<img src="images/mock_hyprland.png" alt="Ximper Linux Hyprland">
</div>
<div class="download-right">
<h3>Ximper Linux Hyprland 0.9.3</h3>
<p>Варианты загрузки:</p>
......@@ -90,9 +94,6 @@
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/Current/ISO/ximper-hyprland-0.9.3-x86_64.torrent" class="button outline">Torrent</a>
<a href="https://download.etersoft.ru/pub/Etersoft/XimperLinux/Current/ISO/ximper-hyprland-0.9.3-x86_64.iso.md5" class="button outline">Контрольные суммы (md5sum)</a>
</div>
<div class="download-left">
<img src="images/ximpbookhypr.png" alt="Ximper Linux Hyprland">
</div>
</div>
<div class="install-guide">
<div class="guide-content">
......@@ -101,16 +102,6 @@
<a href="https://wiki.ximperlinux.ru/ru/start/installing-image-on-USB-flash-drive" class="button outline">Перейти к инструкции</a>
</div>
</div>
<div class="explore-source">
<div class="source-left">
<img src="images/source.png" alt="Исходный код">
</div>
<div class="source-right">
<h3>Исследуйте исходный код</h3>
<p>Исследуйте исходный код для более глубокого понимания Ximper Linux</p>
<a href="https://gitlab.eterfund.ru/ximperlinux" class="button outline">GitLab</a>
</div>
</div>
<div class="repo-info-static">
<div class="repo-header">
<h3><i class="fas fa-database"></i> Информация о состоянии репозитория</h3>
......
images/mock_gnome.png

44.8 KB | W: | H:

images/mock_gnome.png

522 KB | W: | H:

images/mock_gnome.png
images/mock_gnome.png
images/mock_gnome.png
images/mock_gnome.png
  • 2-up
  • Swipe
  • Onion skin
images/mock_hyprland.png

59.4 KB | W: | H:

images/mock_hyprland.png

776 KB | W: | H:

images/mock_hyprland.png
images/mock_hyprland.png
images/mock_hyprland.png
images/mock_hyprland.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -143,9 +143,6 @@
<button id="next-section" class="button_download">Перейти в загрузки</button>
</div>
</div>
<div class="download-text-block">
<h1>Скачайте Ximper Linux и наслаждайтесь его возможностями!</h1>
</div>
......
......@@ -13,11 +13,10 @@
.styled-title {
font-size: 48px;
margin-bottom: 50px;
color: #fff;
background: linear-gradient(45deg, #fff 30%, #b79ced 100%);
color: #ffffff;
background: #ffffff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 2px 4px rgba(126, 1, 255, 0.3);
position: relative;
display: inline-block;
}
......@@ -30,14 +29,16 @@
transform: translateX(-50%);
width: 100px;
height: 3px;
background: linear-gradient(90deg, #7E01FF, #b79ced);
background: #ffffff;
border-radius: 3px;
}
.news-block {
background: rgba(11, 14, 29, 0.8);
border: 2px solid var(--border);
border-radius: 15px;
background-image: url("images/head.png");
background-repeat: no-repeat;
background-size: cover;
border: 0px solid var(--border);
border-radius: 20px;
color: #fff;
padding: 0;
margin-bottom: 50px;
......@@ -91,7 +92,7 @@
}
.news-content b {
color: #b79ced;
color: #ffffff;
font-weight: 600;
}
......
......@@ -23,7 +23,7 @@
<header>
<div class="header-left">
<a href="index.html" class="home-link">
<a href="#" class="home-link">
<img src="images/ximperlinux.svg" alt="Ximper" class="logo">
<h1>Ximper Linux</h1>
</a>
......@@ -31,9 +31,9 @@
<div class="header-center">
<nav class="header-menu">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="#">Главная</a></li>
<li><a href="downloads.html">Загрузки</a></li>
<li><a href="#">Новости</a></li>
<li><a href="news.html">Новости</a></li>
<li><a href="https://wiki.ximperlinux.ru">Wiki</a></li>
</ul>
</nav>
......@@ -41,6 +41,7 @@
<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>
<a href="https://gitlab.eterfund.ru/ximperlinux" class="social-icon"><i class="fab fa-gitlab"></i></a>
</div>
</header>
......@@ -243,12 +244,10 @@
<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>
<p id="contact-info">© ООО «Этерсофт». Санкт-Петербург <a href="license.html" id="license-link">Лицензионное соглашение</a></p>
</div>
<div class="footer-center">
<p id="contact-info">© ООО «Этерсофт». Санкт-Петербург</p>
<a href="license.html" id="license-link">Лицензионное соглашение</a>
</div>
<div class="footer-right">
<a href="https://etersoft.ru"><img src="images/logoteamv2.png" alt="Etersoft" class="logo"></a>
......
......@@ -51,6 +51,7 @@ body {
display: flex;
flex-direction: column;
min-height: 100vh;
max-width: 1700px;
}
body::before {
......@@ -193,7 +194,7 @@ header {
box-sizing: border-box;
border: 0px solid var(--border);
border-radius: 0px;
max-width: 1700px;
}
.header-left {
......@@ -432,6 +433,8 @@ main {
}
.hero-image {
display: flex;
flex-wrap: nowrap;
margin-bottom: 20px;
width: auto;
}
......@@ -443,7 +446,7 @@ main {
}
.hero-text {
float: right;
max-width: 60%;
}
......@@ -531,7 +534,7 @@ main {
#blocks-text {
text-align: center;
padding: 10px;
padding: 15px 0px 0px 0px;
background-color: var(--bg);
}
......@@ -539,6 +542,7 @@ main {
.text-hr {
width: 50%;
max-width: 500px;
}
.info-block {
......@@ -717,7 +721,7 @@ main {
/* Стили для футера */
footer {
background-color: var(--bg);
padding: 0px 20px;
padding: 0px 60px;
color: #fff;
display: flex;
justify-content: space-between;
......@@ -942,7 +946,6 @@ footer {
/* Стили для статического блока информации о репозитории */
.repo-info-static {
background: rgba(11, 14, 29, 0.8);
border: 2px solid var(--border);
border-radius: 20px;
padding: 25px;
......@@ -995,13 +998,13 @@ footer {
padding: 12px 15px;
border-radius: 8px;
transition: background 0.3s ease;
background: rgba(126, 1, 255, 0.15);
background: #141415;
font-weight: bold;
border-left: 3px solid var(--border);
}
.repo-data-item:hover {
background: rgba(126, 1, 255, 0.1);
background: #222226;
}
.data-label {
......@@ -1049,8 +1052,8 @@ footer {
.repo-footer {
text-align: center;
padding: 15px;
background: rgba(126, 1, 255, 0.1);
border-radius: 8px;
background: #141415;;
border-radius: 20px;
font-size: 0.9em;
color: rgba(255, 255, 255, 0.7);
}
......@@ -1182,10 +1185,12 @@ footer {
.distro-showcase {
padding: 10px;
margin: 60px 40px;
background-image: url("images/head_2.png");
background-repeat: no-repeat;
background-size: cover;
position: relative;
max-widch:
}
.distro-variant {
......
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