Commit 57456c4b authored by prolinux's avatar prolinux

version-05-12

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