Skip to content

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

added adaptability for laptops, tablets and smartphones

parent 54ce515c
Show whitespace changes
Inline Side-by-side
Showing with 381 additions and 122 deletions
Ximper-Linux.css 100644 → 100755
View file @ 567c7ff2
......@@ -128,11 +128,24 @@
@media (max-width: 991px) {
.u-section-1 .u-sheet-1 {
min-height: 629px;
min-height: 601px;
}
.u-section-1 .u-layout-wrap-1 {
margin-top: 1px;
margin-bottom: 1px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-layout-cell-1 {
min-height: 463px;
min-height: 580px;
}
.u-section-1 .u-shape-1 {
margin-top: 0;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-group-1 {
......@@ -155,121 +168,163 @@
}
.u-section-1 .u-layout-cell-2 {
min-height: 463px;
min-height: 580px;
width: 360px;
}
.u-section-1 .u-image-1 {
height: 264px;
width: 360px;
margin-top: 122px;
margin-right: initial;
margin-left: initial;
width: auto;
}
}
@media (max-width: 767px) {
.u-section-1 .u-sheet-1 {
min-height: 919px;
min-height: 726px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 520px;
min-height: 280px;
}
.u-section-1 .u-shape-1 {
height: 373px;
margin-top: 29px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-group-1 {
margin-bottom: -184px;
min-height: 321px;
margin-top: -401px;
margin-bottom: -56px;
}
.u-section-1 .u-text-1 {
width: auto;
margin-top: 113px;
}
.u-section-1 .u-text-2 {
width: auto;
margin-top: 24px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 412px;
min-height: 444px;
width: 540px;
height: 444px;
}
.u-section-1 .u-image-1 {
height: 404px;
margin-top: -35px;
width: auto;
margin-right: initial;
margin-left: initial;
}
}
@media (max-width: 575px) {
.u-section-1 .u-sheet-1 {
min-height: 708px;
min-height: 447px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 409px;
min-height: 181px;
}
.u-section-1 .u-group-1 {
width: 340px;
margin-bottom: -295px;
margin-top: -386px;
margin-bottom: -356px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-1 .u-text-1 {
margin-top: 17px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 233px;
min-height: 264px;
width: 340px;
height: 264px;
}
.u-section-1 .u-image-1 {
height: 249px;
width: 340px;
margin-top: -18px;
width: auto;
margin-right: initial;
margin-left: initial;
}
}.u-block-0983-5 {
}.u-block-0983-10 {
position: absolute;
top: auto;
bottom: 116px;
bottom: 61px;
}
.u-block-0983-6 {
.u-block-0983-11 {
position: absolute;
left: calc(((100% - 1140px) / 2) + 1px);
width: 45px;
height: 45px;
left: calc(((100% - 1140px) / 2) + 66px);
width: 27px;
height: 27px;
top: 280px;
right: auto;
padding: 5px;
padding: 2px;
}
.u-block-0983-7 {
.u-block-0983-12 {
position: absolute;
width: 45px;
height: 45px;
width: 27px;
height: 27px;
left: auto;
right: calc(((100% - 1140px) / 2) + 1px);
padding: 5px;
top: 280px;
right: calc(((100% - 1140px) / 2) + 4px);
padding: 2px;
}
@media (max-width: 1199px) {
.u-block-0983-6 {
left: calc(((100% - 940px) / 2));
.u-block-0983-11 {
left: calc(((100% - 940px) / 2) + 54px);
}
.u-block-0983-7 {
right: calc(((100% - 940px) / 2));
.u-block-0983-12 {
right: calc(((100% - 940px) / 2) + 4px);
}
}
@media (max-width: 991px) {
.u-block-0983-6 {
left: calc(((100% - 720px) / 2));
.u-block-0983-11 {
left: calc(((100% - 720px) / 2) + 41px);
}
.u-block-0983-7 {
right: calc(((100% - 720px) / 2));
.u-block-0983-12 {
right: calc(((100% - 720px) / 2) + 3px);
}
}
@media (max-width: 767px) {
.u-block-0983-6 {
left: calc(((100% - 540px) / 2));
.u-block-0983-11 {
left: calc(((100% - 540px) / 2) + 31px);
}
.u-block-0983-7 {
right: calc(((100% - 540px) / 2));
.u-block-0983-12 {
right: calc(((100% - 540px) / 2) + 2px);
}
}
@media (max-width: 575px) {
.u-block-0983-6 {
left: calc(((100% - 340px) / 2));
.u-block-0983-11 {
left: calc(((100% - 340px) / 2) + 20px);
}
.u-block-0983-7 {
right: calc(((100% - 340px) / 2));
.u-block-0983-12 {
right: calc(((100% - 340px) / 2) + 1px);
}
}
......@@ -350,16 +405,27 @@
}
@media (max-width: 575px) {
.u-section-2-1 .u-sheet-1 {
min-height: 405px;
}
.u-section-2-1 .u-shape-1 {
width: 340px;
height: 308px;
margin-top: 54px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-2-1 .u-text-1 {
font-size: 2.75rem;
font-size: 1.875rem;
margin-top: -236px;
}
.u-section-2-1 .u-text-2 {
width: 340px;
font-size: 0.875rem;
width: 251px;
margin: 17px auto 0;
}
}
......@@ -440,16 +506,27 @@
}
@media (max-width: 575px) {
.u-section-2-2 .u-sheet-1 {
min-height: 405px;
}
.u-section-2-2 .u-shape-1 {
width: 340px;
height: 312px;
margin-top: 54px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-2-2 .u-text-1 {
font-size: 2.75rem;
font-size: 1.875rem;
margin-top: -239px;
}
.u-section-2-2 .u-text-2 {
width: 340px;
font-size: 0.875rem;
width: 251px;
margin: 17px auto 0;
}
}
......@@ -530,16 +607,27 @@
}
@media (max-width: 575px) {
.u-section-2-3 .u-sheet-1 {
min-height: 405px;
}
.u-section-2-3 .u-shape-1 {
width: 340px;
height: 325px;
margin-top: 40px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-2-3 .u-text-1 {
font-size: 2.75rem;
font-size: 1.875rem;
margin-top: -252px;
}
.u-section-2-3 .u-text-2 {
width: 340px;
font-size: 0.875rem;
width: 251px;
margin: 17px auto 0;
}
}
......@@ -620,16 +708,27 @@
}
@media (max-width: 575px) {
.u-section-2-4 .u-sheet-1 {
min-height: 405px;
}
.u-section-2-4 .u-shape-1 {
width: 340px;
height: 321px;
margin-top: 42px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-2-4 .u-text-1 {
font-size: 2.75rem;
font-size: 1.875rem;
margin-top: -287px;
}
.u-section-2-4 .u-text-2 {
width: 340px;
font-size: 0.875rem;
width: 251px;
margin: 17px auto 0;
}
}
......@@ -651,7 +750,8 @@
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
margin: -299px 61px 0 62px;
width: 853px;
margin: -299px auto 0;
}
.u-section-2-5 .u-text-2 {
......@@ -672,11 +772,6 @@
width: 940px;
}
.u-section-2-5 .u-text-1 {
margin-right: 0;
margin-left: 0;
}
.u-section-2-5 .u-text-2 {
margin-left: 52px;
margin-right: 52px;
......@@ -688,6 +783,10 @@
width: 720px;
}
.u-section-2-5 .u-text-1 {
width: 720px;
}
.u-section-2-5 .u-text-2 {
width: 720px;
margin-left: 0;
......@@ -702,6 +801,7 @@
.u-section-2-5 .u-text-1 {
font-size: 3rem;
width: 540px;
}
.u-section-2-5 .u-text-2 {
......@@ -710,16 +810,28 @@
}
@media (max-width: 575px) {
.u-section-2-5 .u-sheet-1 {
min-height: 405px;
}
.u-section-2-5 .u-shape-1 {
width: 340px;
height: 321px;
margin-top: 42px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-2-5 .u-text-1 {
font-size: 2.75rem;
font-size: 1.875rem;
margin-top: -287px;
width: 340px;
}
.u-section-2-5 .u-text-2 {
width: 340px;
font-size: 0.875rem;
width: 251px;
margin: 17px auto 0;
}
}
......@@ -800,16 +912,27 @@
}
@media (max-width: 575px) {
.u-section-2-6 .u-sheet-1 {
min-height: 405px;
}
.u-section-2-6 .u-shape-1 {
width: 340px;
height: 321px;
margin-top: 42px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-2-6 .u-text-1 {
font-size: 2.75rem;
font-size: 1.875rem;
margin-top: -287px;
}
.u-section-2-6 .u-text-2 {
width: 340px;
font-size: 0.875rem;
width: 251px;
margin: 17px auto 0;
}
} .u-section-3 {
background-image: linear-gradient(#5300ff, #e300ff);
......@@ -853,6 +976,7 @@
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
font-size: 3rem;
margin: 119px 0 0;
}
......@@ -915,12 +1039,21 @@
}
@media (max-width: 991px) {
.u-section-3 .u-sheet-1 {
min-height: 491px;
}
.u-section-3 .u-layout-wrap-1 {
width: 720px;
margin-top: 10px;
margin-bottom: 60px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-3 .u-image-1 {
min-height: 379px;
min-height: 407px;
background-position: 57.89% 50%;
}
.u-section-3 .u-container-layout-1 {
......@@ -929,26 +1062,33 @@
}
.u-section-3 .u-layout-cell-2 {
min-height: 100px;
min-height: 407px;
}
.u-section-3 .u-container-layout-2 {
padding-left: 30px;
padding-right: 30px;
padding: 0 30px;
}
.u-section-3 .u-text-1 {
font-size: 1.875rem;
margin-top: 32px;
}
}
@media (max-width: 767px) {
.u-section-3 .u-sheet-1 {
min-height: 390px;
min-height: 920px;
}
.u-section-3 .u-layout-wrap-1 {
width: 540px;
margin-top: 3px;
width: auto;
margin-right: initial;
margin-left: initial;
}
.u-section-3 .u-image-1 {
min-height: 569px;
min-height: 548px;
}
.u-section-3 .u-container-layout-1 {
......@@ -956,6 +1096,10 @@
padding-right: 10px;
}
.u-section-3 .u-layout-cell-2 {
min-height: 278px;
}
.u-section-3 .u-container-layout-2 {
padding-left: 10px;
padding-right: 10px;
......@@ -964,15 +1108,40 @@
@media (max-width: 575px) {
.u-section-3 .u-sheet-1 {
min-height: 179px;
min-height: 781px;
}
.u-section-3 .u-layout-wrap-1 {
width: 340px;
margin-top: 1px;
margin-bottom: 1px;
width: auto;
margin-right: initial;
margin-left: initial;
}
.u-section-3 .u-image-1 {
min-height: 358px;
min-height: 347px;
background-position: 60.59% 20.13%;
background-size: auto 110%;
}
.u-section-3 .u-layout-cell-2 {
min-height: 433px;
}
.u-section-3 .u-text-1 {
width: auto;
margin-top: 13px;
}
.u-section-3 .u-text-2 {
width: auto;
margin-top: 26px;
}
.u-section-3 .u-btn-1 {
margin-top: 26px;
margin-right: 26px;
}
}
......
index.html 100644 → 100755
View file @ 567c7ff2
......@@ -37,30 +37,30 @@
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
<body data-home-page="index.html" data-home-page-title="Ximper Linux" class="u-body u-xl-mode" data-lang="ru"><header class="u-align-center-sm u-align-center-xs u-box-shadow u-clearfix u-grey-90 u-header u-sticky u-header" id="sec-0cc6" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction=""><style class="u-sticky-style" data-style-id="327d">.u-sticky-fixed.u-sticky-327d:before, .u-body.u-sticky-fixed .u-sticky-327d:before {
<body data-home-page="Ximper-Linux.html" data-home-page-title="Ximper Linux" class="u-body u-xl-mode" data-lang="ru"><header class="u-align-center-sm u-align-center-xs u-box-shadow u-clearfix u-grey-90 u-header u-sticky u-header" id="sec-0cc6" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction=""><style class="u-sticky-style" data-style-id="327d">.u-sticky-fixed.u-sticky-327d:before, .u-body.u-sticky-fixed .u-sticky-327d:before {
borders: top right bottom left !important
}</style><div class="u-clearfix u-sheet u-sheet-1">
<div class="u-social-icons u-spacing-10 u-social-icons-1" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-direction="X">
}</style><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
<div class="u-hidden-xs u-social-icons u-spacing-10 u-social-icons-1" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-direction="X">
<a class="u-social-url" title="VK" target="_blank" href="https://vk.com/ximperlinux"><span class="u-file-icon u-icon u-social-icon u-social-twitter u-text-white u-icon-1"><img src="images/81893-c902e573.png" alt=""></span>
</a>
<a class="u-social-url" title="Telegram" target="_blank" href="https://t.me/ximperlinux"><span class="u-file-icon u-icon u-social-facebook u-social-icon u-text-white u-icon-2"><img src="images/87413-d889bc09.png" alt=""></span>
</a>
</div>
<a href="index.html" class="u-image u-logo u-image-1" data-image-width="454" data-image-height="454" data-animation-name="customAnimationIn" data-animation-duration="1000" title="Ximper Linux">
<a href="Ximper-Linux.html" class="u-image u-logo u-image-1" data-image-width="454" data-image-height="454" data-animation-name="customAnimationIn" data-animation-duration="1000" title="Ximper Linux">
<img src="images/ximperlinux.svg" class="u-logo-image u-logo-image-1">
</a>
<p class="u-text u-text-body-alt-color u-text-default u-text-1" data-animation-name="customAnimationIn" data-animation-duration="1000">Ximper Linux<br>
<p class="u-text u-text-body-alt-color u-text-1" data-animation-name="customAnimationIn" data-animation-duration="1000">Ximper Linux<br>
</p>
</div></header>
<section class="u-clearfix u-gradient u-section-1" id="sec-e731">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-sheet u-valign-middle-sm u-valign-middle-xs u-sheet-1">
<div class="data-layout-selected u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-layout-cell u-left-cell u-size-30 u-layout-cell-1">
<div class="u-container-layout u-container-layout-1">
<div class="u-expanded-width u-shape u-shape-rectangle u-shape-1"></div>
<div class="u-align-left u-container-style u-group u-group-1">
<div class="u-align-left u-container-style u-expanded-width-xs u-group u-group-1">
<div class="u-container-layout u-container-layout-2">
<h3 class="u-text u-text-body-alt-color u-text-1" data-animation-name="customAnimationIn" data-animation-duration="1000">Ximper Linux</h3>
<p class="u-text u-text-body-alt-color u-text-2" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-delay="500"> Дистрибутив на основе ALT Sisyphus с рабочим столом GNOME</p>
......@@ -70,7 +70,7 @@ borders: top right bottom left !important
</div>
<div class="u-container-style u-layout-cell u-right-cell u-size-30 u-layout-cell-2">
<div class="u-container-layout u-container-layout-3">
<img class="u-image u-image-1" src="images/notebook-ximper.png" data-image-width="1024" data-image-height="722" data-animation-name="customAnimationIn" data-animation-duration="1000">
<img class="u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-image u-image-1" src="images/notebook-ximper.png" data-image-width="1024" data-image-height="722" data-animation-name="customAnimationIn" data-animation-duration="1000">
</div>
</div>
</div>
......@@ -78,67 +78,67 @@ borders: top right bottom left !important
</div>
</div>
</section>
<section class="u-carousel u-slide u-block-0983-1" id="carousel-9115" data-interval="5000" data-u-ride="carousel">
<ol class="u-absolute-hcenter u-carousel-indicators u-block-0983-5">
<li data-u-target="#carousel-9115" class="u-active u-grey-30" data-u-slide-to="0"></li>
<li data-u-target="#carousel-9115" class="u-grey-30" data-u-slide-to="1"></li>
<li data-u-target="#carousel-9115" class="u-grey-30" data-u-slide-to="2"></li>
<li data-u-target="#carousel-9115" class="u-grey-30" data-u-slide-to="3"></li>
<li data-u-target="#carousel-9115" class="u-grey-30" data-u-slide-to="4"></li>
<li data-u-target="#carousel-9115" class="u-grey-30" data-u-slide-to="5"></li>
<section class="u-carousel u-slide u-valign-middle-xs u-block-0983-1" id="carousel-e110" data-interval="5000" data-u-ride="carousel">
<ol class="u-absolute-hcenter u-carousel-indicators u-block-0983-10">
<li data-u-target="#carousel-e110" class="u-active u-grey-30" data-u-slide-to="0"></li>
<li data-u-target="#carousel-e110" class="u-grey-30" data-u-slide-to="1"></li>
<li data-u-target="#carousel-e110" class="u-grey-30" data-u-slide-to="2"></li>
<li data-u-target="#carousel-e110" class="u-grey-30" data-u-slide-to="3"></li>
<li data-u-target="#carousel-e110" class="u-grey-30" data-u-slide-to="4"></li>
<li data-u-target="#carousel-e110" class="u-grey-30" data-u-slide-to="5"></li>
</ol>
<div class="u-carousel-inner" role="listbox">
<div class="u-active u-align-center u-carousel-item u-clearfix u-section-2-1" src="">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-black u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<h1 class="u-align-center u-text u-text-body-alt-color u-title u-text-1" data-animation-name="customAnimationIn" data-animation-duration="3000">Sisyphus on board</h1>
<div class="u-black u-expanded-width-xs u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<h1 class="u-align-center u-text u-text-body-alt-color u-title u-text-1" data-animation-name="customAnimationIn" data-animation-duration="3000">Sysiphus on board</h1>
<p class="u-align-center u-large-text u-text u-text-body-alt-color u-text-variant u-text-2" data-animation-name="customAnimationIn" data-animation-duration="3000"> В наличии обширный репозиторий пакетов Sisyphus, у Вас всегда будет широкий выбор пакетов и приложений для установки.</p>
</div>
</div>
<div class="u-align-center u-carousel-item u-clearfix u-section-2-2" src="">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-black u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<div class="u-black u-expanded-width-xs u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<h1 class="u-align-center u-text u-text-body-alt-color u-title u-text-1" data-animation-name="customAnimationIn" data-animation-duration="3000"> Минимальная установка</h1>
<p class="u-align-center u-large-text u-text u-text-body-alt-color u-text-variant u-text-2" data-animation-name="customAnimationIn" data-animation-duration="3000"> Опционально доступна, позволяет пользователям настроить систему и добавить только необходимые компоненты.</p>
</div>
</div>
<div class="u-align-center u-carousel-item u-clearfix u-section-2-3" src="">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-black u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<div class="u-black u-expanded-width-xs u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<h1 class="u-align-center u-text u-text-body-alt-color u-title u-text-1" data-animation-name="customAnimationIn" data-animation-duration="3000"> Однородная цветовая гамма в GTK и QT</h1>
<p class="u-align-center u-large-text u-text u-text-body-alt-color u-text-variant u-text-2" data-animation-name="customAnimationIn" data-animation-duration="3000"> Единая цветовая гамма для GTK и QT придает системе стильный и согласованный внешний вид, повышая ее эстетическое качество.</p>
</div>
</div>
<div class="u-align-center u-carousel-item u-clearfix u-section-2-4" src="">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-black u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<div class="u-black u-expanded-width-xs u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<h1 class="u-align-center u-text u-text-body-alt-color u-title u-text-1" data-animation-name="customAnimationIn" data-animation-duration="3000"> Удобный пакетный менеджер EPM из коробки </h1>
<p class="u-align-center u-large-text u-text u-text-body-alt-color u-text-variant u-text-2" data-animation-name="customAnimationIn" data-animation-duration="3000"> Присутствие удобного пакетного менеджера EPM упрощает процесс установки, обновления и управления программами, делая опыт использования более комфортным.</p>
</div>
</div>
<div class="u-align-center u-carousel-item u-clearfix u-section-2-5" src="">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-black u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<div class="u-black u-expanded-width-xs u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<h1 class="u-align-center u-text u-text-body-alt-color u-title u-text-1" data-animation-name="customAnimationIn" data-animation-duration="3000"> Хорошая производительность в играх благодаря PortProton</h1>
<p class="u-align-center u-large-text u-text u-text-body-alt-color u-text-variant u-text-2" data-animation-name="customAnimationIn" data-animation-duration="3000"> PortProton - это проект, разработанный для того, чтобы сделать легким и удобным запуск Windows игр на Linux. Работает из коробки и настроен с заботой в Etersoft</p>
<p class="u-align-center u-large-text u-text u-text-body-alt-color u-text-variant u-text-2" data-animation-name="customAnimationIn" data-animation-duration="3000"> PortProton - это проект, разработанный для того, чтобы сделать легким и удобным запуск Windows игр на Linux. Работает из коробки.</p>
</div>
</div>
<div class="u-align-center u-carousel-item u-clearfix u-section-2-6" src="">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-black u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<div class="u-black u-expanded-width-xs u-opacity u-opacity-70 u-radius-50 u-shape u-shape-round u-shape-1"></div>
<h1 class="u-align-center u-text u-text-body-alt-color u-title u-text-1" data-animation-name="customAnimationIn" data-animation-duration="3000"> Выбор файловой системы при установке</h1>
<p class="u-align-center u-large-text u-text u-text-body-alt-color u-text-variant u-text-2" data-animation-name="customAnimationIn" data-animation-duration="3000"> Возможность выбора файловой системы при установке, включая BTRFS, дополняется интегрированным инструментом резервного копирования Timeshift, что способствует улучшению устойчивости системы.</p>
</div>
</div>
</div>
<a class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-icon-rectangle u-text-hover-grey-25 u-text-white u-block-0983-6" href="#carousel-9115" role="button" data-u-slide="prev">
<a class="u-carousel-control u-carousel-control-prev u-icon-rectangle u-text-hover-grey-25 u-text-white u-block-0983-11" href="#carousel-e110" role="button" data-u-slide="prev">
<span aria-hidden="true">
<svg class="u-svg-link" viewBox="0 0 477.175 477.175"><path d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225
c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"></path></svg>
</span>
<span class="sr-only">Previous</span>
</a>
<a class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-icon-rectangle u-text-hover-grey-25 u-text-white u-block-0983-7" href="#carousel-9115" role="button" data-u-slide="next">
<a class="u-carousel-control u-carousel-control-next u-icon-rectangle u-text-hover-grey-25 u-text-white u-block-0983-12" href="#carousel-e110" role="button" data-u-slide="next">
<span aria-hidden="true">
<svg class="u-svg-link" viewBox="0 0 477.175 477.175"><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5
c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"></path></svg>
......@@ -147,11 +147,11 @@ borders: top right bottom left !important
</a>
</section>
<section class="u-clearfix u-gradient u-section-3" id="sec-0884">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="data-layout-selected u-clearfix u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
<div class="data-layout-selected u-clearfix u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout" style="">
<div class="u-layout-row" style="">
<div class="u-align-left u-container-style u-image u-layout-cell u-left-cell u-size-30 u-size-xs-60 u-image-1" src="" data-image-width="1000" data-image-height="1000" data-animation-name="customAnimationIn" data-animation-duration="1000">
<div class="u-align-left u-container-style u-image u-image-contain u-layout-cell u-left-cell u-size-30 u-size-xs-60 u-image-1" src="" data-image-width="1000" data-image-height="1000" data-animation-name="customAnimationIn" data-animation-duration="1000">
<div class="u-container-layout u-valign-middle u-container-layout-1" src=""></div>
</div>
<div class="u-align-left u-container-style u-layout-cell u-right-cell u-shape-rectangle u-size-30 u-size-xs-60 u-layout-cell-2">
......@@ -177,7 +177,7 @@ borders: top right bottom left !important
<footer class="u-align-center-md u-align-center-sm u-align-center-xs u-clearfix u-footer u-grey-90 u-footer" id="sec-df47"><div class="u-clearfix u-sheet u-sheet-1">
<img class="u-image u-image-contain u-image-default u-image-1" src="images/logoteamwhite.png" alt="" data-image-width="2601" data-image-height="872">
<p class="u-text u-text-default u-text-1">ООО "Этерсофт". Все права защищены. 2023<br>
<p class="u-text u-text-default u-text-1"> © ООО «Этерсофт»<br>
</p>
<div class="u-social-icons u-spacing-10 u-social-icons-1">
<a class="u-social-url" title="Группа в ВК" target="_blank" href="https://vk.com/ximperlinux"><span class="u-file-icon u-icon u-social-facebook u-social-icon u-text-white u-icon-1"><img src="images/39699-bcd96a75.png" alt=""></span>
......@@ -189,7 +189,7 @@ borders: top right bottom left !important
<section class="u-align-center u-black u-clearfix u-container-style u-dialog-block u-opacity u-opacity-70 u-valign-middle u-dialog-section-8" id="sec-1c10">
<div class="u-container-style u-dialog u-grey-5 u-radius-35 u-shape-round u-dialog-1">
<div class="u-container-layout u-container-layout-1">
<h2 class="u-text u-text-default u-text-1">Скачать версию 0.7.7 (3,7ГБ)</h2>
<h2 class="u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1">Скачать версию 0.7.7 (3,7ГБ)</h2>
<a href="https://download.etersoft.ru/pub/download/ximper/ximper-install-0.7.7-20230823-x86_64.iso" class="u-border-none u-btn u-btn-round u-button-style u-gradient u-hover-feature u-hover-palette-1-light-1 u-none u-radius-30 u-btn-1">Наши сервера</a>
<a href="https://disk.yandex.ru/d/A1M8crSWKTEHQQ" class="u-border-none u-btn u-btn-round u-button-style u-gradient u-hover-feature u-hover-palette-1-light-1 u-none u-radius-30 u-btn-2">yandex disk funmade link</a>
<a href="https://download.etersoft.ru/pub/download/ximper/ximper-install-0.7.7-20230823-x86_64.md5" class="u-border-none u-btn u-btn-round u-button-style u-gradient u-hover-feature u-hover-palette-1-light-1 u-none u-radius-30 u-btn-3">контрольные суммы (md5sum)</a>
......
jquery.js 100644 → 100755
View file @ 567c7ff2
File mode changed from 100644 to 100755
nicepage.css 100644 → 100755
View file @ 567c7ff2
......@@ -41992,9 +41992,9 @@ a.u-link.u-text-hover-grey-90:hover {
.u-header .u-social-icons-1 {
white-space: nowrap;
height: 31px;
height: 24px;
min-height: 16px;
width: 72px;
width: 59px;
min-width: 42px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
......@@ -42002,7 +42002,7 @@ a.u-link.u-text-hover-grey-90:hover {
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
animation-timing-function: ease-in-out;
margin: 26px 10px 0 auto;
margin: 34px 15px 0 auto;
}
.u-header .u-icon-1 {
......@@ -42015,14 +42015,14 @@ a.u-link.u-text-hover-grey-90:hover {
.u-header .u-image-1 {
width: 63px;
height: 63px;
height: 62px;
filter: brightness(0.85);
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: -47px auto 0 0;
margin: -43px auto 0 0;
}
.u-header .u-logo-image-1 {
......@@ -42036,36 +42036,88 @@ a.u-link.u-text-hover-grey-90:hover {
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: -40px auto 33px 73px;
margin: -45px 940px 33px 78px;
}
@media (max-width: 1199px) {
.u-header .u-sheet-1 {
min-height: 98px;
}
.u-header .u-social-icons-1 {
margin-top: 37px;
margin-right: 14px;
}
.u-header .u-image-1 {
margin-top: -23px;
height: 61px;
margin-top: -43px;
}
.u-header .u-text-1 {
margin-top: -41px;
width: auto;
margin: -43px 732px 35px 77px;
}
}
@media (max-width: 991px) {
.u-header .u-sheet-1 {
min-height: 111px;
}
.u-header .u-social-icons-1 {
margin-top: 43px;
margin-right: 0;
}
.u-header .u-image-1 {
width: 61px;
margin-top: -43px;
}
.u-header .u-text-1 {
margin: -43px 514px 42px 70px;
}
}
@media (max-width: 767px) {
.u-header .u-sheet-1 {
min-height: 70px;
}
.u-header .u-social-icons-1 {
margin-top: 37px;
margin-right: auto;
height: 20px;
width: 50px;
margin-top: 22px;
margin-right: 12px;
}
.u-header .u-image-1 {
margin-top: -61px;
margin-left: auto;
width: 60px;
height: 60px;
margin-top: -38px;
margin-left: 12px;
}
.u-header .u-text-1 {
margin-bottom: 53px;
margin: -42px 349px 23px 77px;
}
}
@media (max-width: 575px) {
.u-header .u-sheet-1 {
min-height: 113px;
}
.u-header .u-social-icons-1 {
width: 50px;
margin-top: -115px;
}
.u-header .u-image-1 {
margin-top: -61px;
margin-top: 14px;
margin-left: auto;
}
.u-header .u-text-1 {
width: 113px;
margin: 0 auto 14px;
}
}
.u-footer {
......@@ -42112,9 +42164,47 @@ a.u-link.u-text-hover-grey-90:hover {
margin-top: -14px;
}
}
@media (max-width: 991px) {
.u-footer .u-image-1 {
width: 177px;
height: 41px;
margin-top: 20px;
}
.u-footer .u-text-1 {
margin-top: -7px;
}
}
@media (max-width: 767px) {
.u-footer .u-image-1 {
width: 177px;
}
.u-footer .u-text-1 {
margin-top: -7px;
}
}
@media (max-width: 575px) {
.u-footer .u-image-1 {
width: 121px;
height: 34px;
margin-top: 14px;
margin-right: -32px;
}
.u-footer .u-text-1 {
width: auto;
margin-top: 10px;
}
.u-footer .u-social-icons-1 {
height: 23px;
width: 56px;
margin-top: -60px;
margin-bottom: 37px;
margin-left: -28px;
}
}
/*begin-variables base-font-size*/
html { font-size: 16px; }
nicepage.js 100644 → 100755
View file @ 567c7ff2
File mode changed from 100644 to 100755
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