Skip to content

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

upd: in the mobile version, slide strips have been removed from the carousel, a…

upd: in the mobile version, slide strips have been removed from the carousel, a project support button has been added, minor changes in the text editing
parent d41e2763
Hide whitespace changes
Inline Side-by-side
Showing with 138 additions and 37 deletions
index.html
View file @ 3f92341a
......@@ -78,14 +78,14 @@ borders: top right bottom left !important
</div>
</div>
</section>
<section class="u-carousel u-slide u-valign-middle-xs u-block-0983-1" id="carousel-11c1" data-interval="5000" data-u-ride="carousel">
<ol class="u-absolute-hcenter u-carousel-indicators u-block-0983-13">
<li data-u-target="#carousel-11c1" class="u-active u-grey-30" data-u-slide-to="0"></li>
<li data-u-target="#carousel-11c1" class="u-grey-30" data-u-slide-to="1"></li>
<li data-u-target="#carousel-11c1" class="u-grey-30" data-u-slide-to="2"></li>
<li data-u-target="#carousel-11c1" class="u-grey-30" data-u-slide-to="3"></li>
<li data-u-target="#carousel-11c1" class="u-grey-30" data-u-slide-to="4"></li>
<li data-u-target="#carousel-11c1" 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-ce8c" data-interval="5000" data-u-ride="carousel">
<ol class="u-absolute-hcenter u-carousel-indicators u-hidden-md u-hidden-sm u-hidden-xs u-block-0983-13">
<li data-u-target="#carousel-ce8c" class="u-active u-grey-30" data-u-slide-to="0"></li>
<li data-u-target="#carousel-ce8c" class="u-grey-30" data-u-slide-to="1"></li>
<li data-u-target="#carousel-ce8c" class="u-grey-30" data-u-slide-to="2"></li>
<li data-u-target="#carousel-ce8c" class="u-grey-30" data-u-slide-to="3"></li>
<li data-u-target="#carousel-ce8c" class="u-grey-30" data-u-slide-to="4"></li>
<li data-u-target="#carousel-ce8c" 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="">
......@@ -131,14 +131,14 @@ borders: top right bottom left !important
</div>
</div>
</div>
<a class="u-carousel-control u-carousel-control-prev u-hidden-md u-hidden-sm u-hidden-xs u-icon-rectangle u-text-hover-grey-25 u-text-white u-block-0983-11" href="#carousel-11c1" role="button" data-u-slide="prev">
<a class="u-carousel-control u-carousel-control-prev u-hidden-md u-hidden-sm u-hidden-xs u-icon-rectangle u-text-hover-grey-25 u-text-white u-block-0983-11" href="#carousel-ce8c" 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-carousel-control u-carousel-control-next u-hidden-md u-hidden-sm u-hidden-xs u-icon-rectangle u-text-hover-grey-25 u-text-white u-block-0983-12" href="#carousel-11c1" role="button" data-u-slide="next">
<a class="u-carousel-control u-carousel-control-next u-hidden-md u-hidden-sm u-hidden-xs u-icon-rectangle u-text-hover-grey-25 u-text-white u-block-0983-12" href="#carousel-ce8c" 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>
......@@ -158,7 +158,7 @@ borders: top right bottom left !important
<div class="u-container-layout u-container-layout-2">
<h2 class="u-text u-text-body-alt-color u-text-1" data-animation-name="customAnimationIn" data-animation-duration="1000">Ощутите новый опыт уже сейчас!</h2>
<p class="u-text u-text-body-alt-color u-text-2" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-delay="500">Погрузитесь в мир Ximper Linux, загрузив и установив систему прямо сейчас. Полноценное воплощение свободы - и все это абсолютно бесплатно :)</p>
<a href="#sec-1c10" class="u-btn u-btn-round u-button-style u-dialog-link u-hover-feature u-palette-3-light-1 u-radius-26 u-text-hover-white u-btn-1" data-animation-name="customAnimationIn" data-animation-duration="1000">Скачать версию 0.8 (6,1ГБ)</a>
<a href="#sec-1c10" class="u-btn u-btn-round u-button-style u-dialog-link u-hover-feature u-palette-3-light-1 u-radius-26 u-text-hover-white u-btn-1" data-animation-name="customAnimationIn" data-animation-duration="1000">Скачать версию 0.8 (6,1 Гб)</a>
<a href="#sec-1f49" class="u-btn u-btn-round u-button-style u-dialog-link u-hover-feature u-palette-3-light-1 u-radius-26 u-text-hover-white u-btn-2" data-animation-name="customAnimationIn" data-animation-duration="1000">Посмотреть исходники</a>
</div>
</div>
......@@ -185,14 +185,16 @@ borders: top right bottom left !important
<p class="u-text u-text-default u-text-1"> © ООО «Этерсофт»<br>
</p><span class="u-file-icon u-icon u-icon-3" data-href="https://etersoft.ru/" data-target="_blank"><img src="images/logoteamv2.png" alt=""></span>
</div></footer>
<section class="u-align-center u-black u-clearfix u-container-style u-dialog-block u-opacity u-opacity-70 u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-dialog-section-8" id="sec-1c10">
<div class="u-align-center-xs u-container-align-center-xs u-container-style u-dialog u-grey-5 u-radius-30 u-shape-round u-dialog-1">
<section class="u-align-center u-black u-clearfix u-container-style u-dialog-block u-opacity u-opacity-70 u-dialog-section-8" id="sec-1c10">
<div class="u-align-center u-container-align-center-xs u-container-style u-dialog u-grey-5 u-radius-30 u-shape-round u-dialog-1">
<div class="u-container-layout u-container-layout-1">
<h2 class="u-align-center-xs u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1">Скачать версию 0.8 (6,1ГБ)</h2>
<h2 class="u-align-center u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1">Скачать версию 0.8 (6,1 Гб)</h2>
<a href="https://download.etersoft.ru/pub/download/ximper/ximper-0.8-20230902-x86_64.iso" class="u-align-center-xs 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-align-center-xs 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://disk.yandex.ru/d/AgyHMJklUNtAXQ" class="u-align-center-xs 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-0.8-20230902-x86_64.md5" class="u-align-center-xs 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>
</div><button class="u-dialog-close-button u-icon u-text-grey-40 u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 348.333 348.334" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9711"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 348.333 348.334" x="0px" y="0px" id="svg-9711" style="enable-background:new 0 0 348.333 348.334;"><g><path d="M336.559,68.611L231.016,174.165l105.543,105.549c15.699,15.705,15.699,41.145,0,56.85 c-7.844,7.844-18.128,11.769-28.407,11.769c-10.296,0-20.581-3.919-28.419-11.769L174.167,231.003L68.609,336.563 c-7.843,7.844-18.128,11.769-28.416,11.769c-10.285,0-20.563-3.919-28.413-11.769c-15.699-15.698-15.699-41.139,0-56.85 l105.54-105.549L11.774,68.611c-15.699-15.699-15.699-41.145,0-56.844c15.696-15.687,41.127-15.687,56.829,0l105.563,105.554 L279.721,11.767c15.705-15.687,41.139-15.687,56.832,0C352.258,27.466,352.258,52.912,336.559,68.611z"></path>
<a href="https://vk.ru/ximperlinux?source=description&amp;w=donut_payment-222120843" class="u-align-right u-border-none u-btn u-btn-round u-button-style u-gradient u-hover-feature u-none u-radius-4 u-text-white u-btn-4" target="_blank"><span class="u-file-icon u-icon u-icon-1"><img src="images/9246639.png" alt=""></span>&nbsp;Поддержать проект
</a>
</div><button class="u-dialog-close-button u-icon u-text-grey-40 u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 348.333 348.334" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9711"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 348.333 348.334" x="0px" y="0px" id="svg-9711" style="enable-background:new 0 0 348.333 348.334;"><g><path d="M336.559,68.611L231.016,174.165l105.543,105.549c15.699,15.705,15.699,41.145,0,56.85 c-7.844,7.844-18.128,11.769-28.407,11.769c-10.296,0-20.581-3.919-28.419-11.769L174.167,231.003L68.609,336.563 c-7.843,7.844-18.128,11.769-28.416,11.769c-10.285,0-20.563-3.919-28.413-11.769c-15.699-15.698-15.699-41.139,0-56.85 l105.54-105.549L11.774,68.611c-15.699-15.699-15.699-41.145,0-56.844c15.696-15.687,41.127-15.687,56.829,0l105.563,105.554 L279.721,11.767c15.705-15.687,41.139-15.687,56.832,0C352.258,27.466,352.258,52.912,336.559,68.611z"></path>
</g></svg></button>
</div>
<style class="u-btn-1 u-state-style">.u-dialog-section-8 .u-btn-1, .u-dialog-section-8 .u-btn-1:before, .u-dialog-section-8 .u-btn-1 > .u-container-layout:before {
......@@ -279,74 +281,129 @@ borders: top right bottom left !important
.u-container-layout.hover .u-dialog-section-8 .u-btn-3 {
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important
} </style>
<style class="u-btn-4 u-state-style">.u-dialog-section-8 .u-btn-4, .u-dialog-section-8 .u-btn-4:before, .u-dialog-section-8 .u-btn-4 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position
}
.u-dialog-section-8 .u-btn-4.u-btn-4.u-btn-4:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
box-shadow: 0px 0px 0px rgba(var(--black-r),var(--black-g),var(--black-b),0) !important;
text-shadow: 0px 0px 0px rgba(var(--black-r),var(--black-g),var(--black-b),0) !important
}
.u-dialog-section-8 .u-btn-4.u-btn-4.u-btn-4:hover:before {
background-color: var(--none) !important
}
.u-dialog-section-8 .u-btn-4 {
border-color: var(--transparent) !important
}
.u-dialog-section-8 .u-btn-4.u-btn-4.u-btn-4.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
box-shadow: 0px 0px 0px rgba(var(--black-r),var(--black-g),var(--black-b),0) !important;
text-shadow: 0px 0px 0px rgba(var(--black-r),var(--black-g),var(--black-b),0) !important
}
.u-dialog-section-8 .u-btn-4 {
border-color: var(--transparent) !important
}
.u-dialog-section-8 .u-container-layout:hover .u-btn-4 {
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important
}
.u-container-layout.hover .u-dialog-section-8 .u-btn-4 {
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important
} </style>
</section><style>.u-dialog-section-8 .u-dialog-1 {
width: 545px;
min-height: 337px;
min-height: 408px;
box-shadow: 0 0 14px 0 rgba(0,0,0,0.3);
background-image: none;
margin: 60px auto;
height: auto;
margin: 52px auto 60px;
}
.u-dialog-section-8 .u-container-layout-1 {
padding: 30px;
padding: 8px 30px;
}
.u-dialog-section-8 .u-text-1 {
font-size: 1.875rem;
margin: 19px 32px 0;
margin: 41px auto 0;
}
.u-dialog-section-8 .u-btn-1 {
font-weight: 700;
text-transform: uppercase;
font-size: 0.875rem;
font-size: 0.75rem;
letter-spacing: 1px;
transition-duration: 0.5s;
box-shadow: 2px 0 0 0 rgba(0,0,0,0);
text-shadow: 0px 0px 0px rgba(0,0,0,0);
transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
background-image: linear-gradient(to right, #5300ff, #e300ff);
margin: 19px auto 0;
margin: 28px auto 0 158px;
}
.u-dialog-section-8 .u-btn-2 {
font-weight: 700;
text-transform: uppercase;
font-size: 0.875rem;
font-size: 0.75rem;
letter-spacing: 1px;
transition-duration: 0.5s;
box-shadow: 2px 0 0 0 rgba(0,0,0,0);
text-shadow: 0px 0px 0px rgba(0,0,0,0);
transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
background-image: linear-gradient(to right, #5300ff, #e300ff);
margin: 32px auto 0;
margin: 32px auto 0 113px;
}
.u-dialog-section-8 .u-btn-3 {
font-weight: 700;
text-transform: uppercase;
font-size: 0.875rem;
font-size: 0.75rem;
letter-spacing: 1px;
transition-duration: 0.5s;
box-shadow: 2px 0 0 0 rgba(0,0,0,0);
text-shadow: 0px 0px 0px rgba(0,0,0,0);
transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
background-image: linear-gradient(to right, #5300ff, #e300ff);
margin: 32px auto 0;
margin: 32px auto 0 93px;
}
.u-dialog-section-8 .u-btn-4 {
transition-duration: 0.5s;
text-shadow: 0px 0px 0px rgba(0,0,0,0);
font-size: 0.75rem;
letter-spacing: 1px;
box-shadow: 0px 0px 0px rgba(0,0,0,0);
text-transform: uppercase;
font-weight: 700;
transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
background-image: linear-gradient(#478ac9, #2cccc4);
margin: 52px 19px 0 auto;
padding: 1px 4px 2px 3px;
}
.u-dialog-section-8 .u-icon-1 {
font-size: 1.6667em;
}
.u-dialog-section-8 .u-icon-2 {
width: 16px;
height: 16px;
left: auto;
top: 17px;
top: 22px;
position: absolute;
right: 16px;
right: 21px;
}
@media (max-width: 1199px) {
.u-dialog-section-8 .u-dialog-1 {
height: auto;
.u-dialog-section-8 .u-btn-1 {
margin-left: 158px;
}
.u-dialog-section-8 .u-btn-2 {
margin-left: 113px;
}
.u-dialog-section-8 .u-btn-3 {
margin-left: 93px;
}
}
......@@ -359,8 +416,6 @@ borders: top right bottom left !important
@media (max-width: 575px) {
.u-dialog-section-8 .u-dialog-1 {
width: 309px;
min-height: 331px;
margin-top: 179px;
}
.u-dialog-section-8 .u-container-layout-1 {
......@@ -373,25 +428,33 @@ borders: top right bottom left !important
font-size: 1.125rem;
width: 196px;
margin-top: 21px;
margin-left: auto;
margin-right: auto;
}
.u-dialog-section-8 .u-btn-1 {
font-size: 0.75rem;
width: 168px;
margin-top: 34px;
margin-right: 55px;
margin-left: 46px;
}
.u-dialog-section-8 .u-btn-2 {
font-size: 0.75rem;
width: 227px;
margin-right: 26px;
margin-left: 16px;
padding: 9px 15px 11px 13px;
}
.u-dialog-section-8 .u-btn-3 {
font-size: 0.75rem;
width: 259px;
margin-top: 32px;
margin-right: 10px;
margin-left: 0;
padding: 9px 11px 11px 10px;
}
.u-dialog-section-8 .u-btn-4 {
margin-right: 0;
}
}
.u-dialog-section-8 .u-btn-1,
......@@ -506,6 +569,44 @@ borders: top right bottom left !important
.u-container-layout.hover .u-dialog-section-8 .u-btn-3 {
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}
.u-dialog-section-8 .u-btn-4,
.u-dialog-section-8 .u-btn-4:before,
.u-dialog-section-8 .u-btn-4 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-dialog-section-8 .u-btn-4.u-btn-4.u-btn-4:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
text-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}
.u-dialog-section-8 .u-btn-4.u-btn-4.u-btn-4:hover:before {
background-color: transparent !important;
}
.u-dialog-section-8 .u-btn-4 {
border-color: transparent !important;
}
.u-dialog-section-8 .u-btn-4.u-btn-4.u-btn-4.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
text-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}
.u-dialog-section-8 .u-btn-4 {
border-color: transparent !important;
}
.u-dialog-section-8 .u-container-layout:hover .u-btn-4 {
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}
.u-container-layout.hover .u-dialog-section-8 .u-btn-4 {
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}</style><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-9" id="sec-1f49">
<div class="u-align-center u-container-style u-dialog u-radius-40 u-shape-round u-white u-dialog-1">
<div class="u-container-layout u-container-layout-1">
......
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