Skip to content

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

added splash screens to both pages, corrected adaptability. updated the list of…

added splash screens to both pages, corrected adaptability. updated the list of distributions to download
parent 24e900f7
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 83 additions and 254 deletions
Ximper-Linux.css
View file @ 79c9758c
.u-section-1 { .u-section-1 {
background-image: linear-gradient(#4b00e5, #c200d9); background-image: url("images/mainmokup.jpg");
background-position: 50% 72.24%;
} }
.u-section-1 .u-sheet-1 { .u-section-1 .u-sheet-1 {
min-height: 764px; min-height: 575px;
position: relative;
}
.u-section-1 .u-layout-wrap-1 {
margin: 40px auto -26px 0;
}
.u-section-1 .u-layout-cell-1 {
min-height: 724px;
}
.u-section-1 .u-container-layout-1 {
padding-top: 0;
padding-bottom: 0;
}
.u-section-1 .u-shape-1 {
height: 560px;
margin: 20px auto 0 0;
} }
.u-section-1 .u-group-1 { .u-section-1 .u-group-1 {
width: 486px; width: 570px;
min-height: 644px; min-height: 192px;
margin: -520px auto 0 0; height: auto;
background-image: none;
margin: 37px auto 60px 11px;
} }
.u-section-1 .u-container-layout-2 { .u-section-1 .u-container-layout-1 {
padding: 0; padding-left: 30px;
padding-right: 30px;
} }
.u-section-1 .u-text-1 { .u-section-1 .u-text-1 {
--animation-custom_in-translate_x: -200px; margin-top: 24px;
--animation-custom_in-translate_y: 0px; margin-bottom: 0;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 181px 30px 0;
} }
.u-section-1 .u-text-2 { .u-section-1 .u-text-2 {
margin-bottom: 0;
margin-top: 20px;
font-style: italic; font-style: italic;
--animation-custom_in-translate_x: -200px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 20px 30px 0;
}
.u-section-1 .u-layout-cell-2 {
min-height: 724px;
}
.u-section-1 .u-container-layout-3 {
padding-top: 0;
padding-bottom: 0;
}
.u-section-1 .u-image-1 {
height: 552px;
width: 752px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: -300px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 20px auto 0 -182px;
} }
@media (max-width: 1199px) { @media (max-width: 1199px) {
.u-section-1 .u-sheet-1 { .u-section-1 .u-sheet-1 {
min-height: 745px; min-height: 600px;
}
.u-section-1 .u-layout-wrap-1 {
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-layout-cell-1 {
min-height: 540px;
}
.u-section-1 .u-shape-1 {
margin-right: initial;
margin-left: initial;
} }
.u-section-1 .u-group-1 { .u-section-1 .u-group-1 {
width: 470px; height: auto;
margin-bottom: -104px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 25px;
padding-right: 25px;
} }
.u-section-1 .u-text-1 { .u-section-1 .u-container-layout-1 {
margin-left: 22px; padding-top: 30px;
margin-right: 22px; padding-bottom: 30px;
}
.u-section-1 .u-text-2 {
margin-left: 22px;
margin-right: 23px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 540px;
width: 470px;
height: 600px;
}
.u-section-1 .u-image-1 {
height: 345px;
width: 470px;
margin-left: 0;
} }
} }
@media (max-width: 991px) { @media (max-width: 767px) {
.u-section-1 .u-sheet-1 { .u-section-1 .u-sheet-1 {
min-height: 601px; min-height: 584px;
}
.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: 580px;
}
.u-section-1 .u-shape-1 {
margin-top: 0;
margin-right: initial;
margin-left: initial;
} }
.u-section-1 .u-group-1 { .u-section-1 .u-group-1 {
width: 360px; min-height: 165px;
} margin-top: 36px;
.u-section-1 .u-container-layout-2 {
padding-left: 0;
padding-right: 0;
}
.u-section-1 .u-text-1 {
margin-left: 0;
margin-right: 0;
}
.u-section-1 .u-text-2 {
margin-left: 0;
margin-right: 0;
}
.u-section-1 .u-layout-cell-2 {
min-height: 580px;
width: 360px;
}
.u-section-1 .u-image-1 {
height: 264px;
margin-top: 122px;
margin-right: initial; margin-right: initial;
margin-left: initial; margin-left: initial;
width: auto; width: auto;
} }
}
@media (max-width: 767px) {
.u-section-1 .u-sheet-1 {
min-height: 726px;
}
.u-section-1 .u-layout-cell-1 {
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 { .u-section-1 .u-container-layout-1 {
min-height: 321px; padding-left: 0;
margin-top: -401px; padding-right: 0;
margin-bottom: -56px;
} }
.u-section-1 .u-text-1 { .u-section-1 .u-text-1 {
width: auto; width: auto;
margin-top: 113px; margin-top: 38px;
margin-right: 17px;
margin-left: 27px;
} }
.u-section-1 .u-text-2 { .u-section-1 .u-text-2 {
width: auto; width: auto;
margin-top: 24px; margin-top: 9px;
} margin-left: 27px;
margin-right: 27px;
.u-section-1 .u-layout-cell-2 {
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) { @media (max-width: 575px) {
.u-section-1 .u-sheet-1 { .u-section-1 .u-sheet-1 {
min-height: 447px; min-height: 321px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 181px;
} }
.u-section-1 .u-group-1 { .u-section-1 .u-group-1 {
margin-top: -386px; min-height: 159px;
margin-bottom: -356px; margin-top: 60px;
width: auto;
margin-right: initial; margin-right: initial;
margin-left: initial; margin-left: initial;
width: auto;
} }
.u-section-1 .u-text-1 { .u-section-1 .u-text-1 {
margin-top: 17px; margin-top: 33px;
margin-right: -12px;
margin-left: 12px;
} }
.u-section-1 .u-layout-cell-2 { .u-section-1 .u-text-2 {
min-height: 264px; margin-top: 12px;
width: 340px; margin-left: 12px;
height: 264px; margin-right: 12px;
}
.u-section-1 .u-image-1 {
height: 249px;
margin-top: -18px;
width: auto;
margin-right: initial;
margin-left: initial;
} }
} .u-section-2 { } .u-section-2 {
background-image: url("images/44.png"); background-image: url("images/44.png");
...@@ -505,7 +346,11 @@ ...@@ -505,7 +346,11 @@
@media (max-width: 575px) { @media (max-width: 575px) {
.u-section-2 .u-sheet-1 { .u-section-2 .u-sheet-1 {
min-height: 356px; min-height: 1976px;
}
.u-section-2 .u-list-1 {
margin-top: 10px;
} }
.u-section-2 .u-repeater-1 { .u-section-2 .u-repeater-1 {
...@@ -516,12 +361,12 @@ ...@@ -516,12 +361,12 @@
} }
.u-section-3 .u-sheet-1 { .u-section-3 .u-sheet-1 {
min-height: 670px; min-height: 600px;
} }
.u-section-3 .u-layout-wrap-1 { .u-section-3 .u-layout-wrap-1 {
margin-top: 35px; margin-top: 0;
margin-bottom: 35px; margin-bottom: 0;
} }
.u-section-3 .u-image-1 { .u-section-3 .u-image-1 {
...@@ -623,16 +468,15 @@ ...@@ -623,16 +468,15 @@
@media (max-width: 767px) { @media (max-width: 767px) {
.u-section-3 .u-sheet-1 { .u-section-3 .u-sheet-1 {
min-height: 595px; min-height: 499px;
} }
.u-section-3 .u-layout-wrap-1 { .u-section-3 .u-layout-wrap-1 {
margin-top: 94px; margin-top: 8px;
margin-bottom: 9px;
} }
.u-section-3 .u-image-1 { .u-section-3 .u-image-1 {
min-height: 346px; min-height: 393px;
} }
.u-section-3 .u-container-layout-1 { .u-section-3 .u-container-layout-1 {
...@@ -650,13 +494,13 @@ ...@@ -650,13 +494,13 @@
} }
.u-section-3 .u-text-1 { .u-section-3 .u-text-1 {
margin-top: -411px; margin-top: -385px;
margin-left: 4px; margin-left: 8px;
margin-right: 4px;
} }
.u-section-3 .u-btn-1 { .u-section-3 .u-btn-1 {
margin-top: 411px; margin-top: 387px;
margin-right: 116px;
margin-left: auto; margin-left: auto;
} }
} }
...@@ -667,8 +511,8 @@ ...@@ -667,8 +511,8 @@
} }
.u-section-3 .u-layout-wrap-1 { .u-section-3 .u-layout-wrap-1 {
margin-top: 52px; margin-top: 42px;
margin-bottom: 31px; margin-bottom: 42px;
} }
.u-section-3 .u-image-1 { .u-section-3 .u-image-1 {
...@@ -682,11 +526,11 @@ ...@@ -682,11 +526,11 @@
.u-section-3 .u-text-1 { .u-section-3 .u-text-1 {
margin-top: -381px; margin-top: -381px;
margin-left: 0; margin-left: 0;
margin-right: 0;
} }
.u-section-3 .u-btn-1 { .u-section-3 .u-btn-1 {
margin-top: 362px; margin-top: 341px;
margin-right: auto;
} }
} }
......
index.html
View file @ 79c9758c
...@@ -77,34 +77,18 @@ borders: top right bottom left !important ...@@ -77,34 +77,18 @@ borders: top right bottom left !important
</div> </div>
</nav> </nav>
</div></header> </div></header>
<section class="u-clearfix u-gradient u-section-1" id="sec-e731"> <section class="u-clearfix u-image u-section-1" id="sec-96de" data-image-width="7200" data-image-height="3580">
<div class="u-clearfix u-sheet u-valign-middle-sm u-valign-middle-xs u-sheet-1"> <div class="u-clearfix u-sheet 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-border-no-bottom u-border-no-left u-border-no-right u-border-no-top u-container-style u-expanded-width-sm u-expanded-width-xs u-grey-75 u-group u-opacity u-opacity-95 u-radius-50 u-shape-round u-group-1">
<div class="u-layout"> <div class="u-container-layout u-container-layout-1">
<div class="u-layout-row"> <h2 class="u-text u-text-1">Ximper Linux</h2>
<div class="u-container-style u-layout-cell u-left-cell u-size-30 u-layout-cell-1"> <p class="u-text u-text-2"> Роллинг-релиз дистрибутив на основе ALT Sisyphus с рабочим столом GNOME</p>
<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-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>
</div>
</div>
</div>
</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-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>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="u-align-center u-clearfix u-image u-section-2" id="sec-c6c0" data-image-width="3840" data-image-height="2160"> <section class="u-align-center u-clearfix u-image u-section-2" id="sec-c6c0" data-image-width="3840" data-image-height="2160">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1"> <div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-sheet-1">
<div class="u-expanded-width u-list u-list-1"> <div class="u-expanded-width u-list u-list-1">
<div class="u-repeater u-repeater-1"> <div class="u-repeater u-repeater-1">
<div class="u-align-center u-container-style u-list-item u-repeater-item u-list-item-1" data-animation-name="customAnimationIn" data-animation-duration="1000"> <div class="u-align-center u-container-style u-list-item u-repeater-item u-list-item-1" data-animation-name="customAnimationIn" data-animation-duration="1000">
...@@ -154,7 +138,7 @@ borders: top right bottom left !important ...@@ -154,7 +138,7 @@ borders: top right bottom left !important
</div> </div>
</section> </section>
<section class="u-clearfix u-gradient u-section-3" id="sec-0884"> <section class="u-clearfix u-gradient u-section-3" id="sec-0884">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-xl u-sheet-1"> <div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-xl 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="data-layout-selected u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout" style=""> <div class="u-layout" style="">
<div class="u-layout-row" style=""> <div class="u-layout-row" style="">
......
nicepage.css
View file @ 79c9758c
...@@ -42337,9 +42337,9 @@ a.u-link.u-text-hover-grey-90:hover { ...@@ -42337,9 +42337,9 @@ a.u-link.u-text-hover-grey-90:hover {
.u-header .u-menu-1 { .u-header .u-menu-1 {
width: auto; width: auto;
margin-top: -58px; margin-top: -57px;
margin-right: -24px; margin-right: 0;
margin-bottom: 33px; margin-bottom: 32px;
} }
} }
.u-footer { .u-footer {
...@@ -42351,11 +42351,11 @@ a.u-link.u-text-hover-grey-90:hover { ...@@ -42351,11 +42351,11 @@ a.u-link.u-text-hover-grey-90:hover {
} }
.u-footer .u-social-icons-1 { .u-footer .u-social-icons-1 {
height: 30px; height: 26px;
min-height: 16px; min-height: 16px;
width: 69px; width: 63px;
min-width: 42px; min-width: 42px;
margin: 33px auto 0 0; margin: 34px auto 0 0;
} }
.u-footer .u-icon-1 { .u-footer .u-icon-1 {
...@@ -42368,7 +42368,7 @@ a.u-link.u-text-hover-grey-90:hover { ...@@ -42368,7 +42368,7 @@ a.u-link.u-text-hover-grey-90:hover {
.u-footer .u-text-1 { .u-footer .u-text-1 {
font-size: 0.875rem; font-size: 0.875rem;
margin: 7px auto 0; margin: 9px auto 0;
} }
.u-footer .u-icon-3 { .u-footer .u-icon-3 {
...@@ -42379,7 +42379,7 @@ a.u-link.u-text-hover-grey-90:hover { ...@@ -42379,7 +42379,7 @@ a.u-link.u-text-hover-grey-90:hover {
} }
@media (max-width: 1199px) { @media (max-width: 1199px) {
.u-footer .u-social-icons-1 { .u-footer .u-social-icons-1 {
width: 69px; width: 63px;
} }
.u-footer .u-text-1 { .u-footer .u-text-1 {
...@@ -42392,6 +42392,7 @@ a.u-link.u-text-hover-grey-90:hover { ...@@ -42392,6 +42392,7 @@ a.u-link.u-text-hover-grey-90:hover {
height: 53px; height: 53px;
margin-top: -63px; margin-top: -63px;
margin-right: 0; margin-right: 0;
margin-bottom: 23px;
} }
} }
@media (max-width: 991px) { @media (max-width: 991px) {
...@@ -42409,7 +42410,7 @@ a.u-link.u-text-hover-grey-90:hover { ...@@ -42409,7 +42410,7 @@ a.u-link.u-text-hover-grey-90:hover {
.u-footer .u-icon-3 { .u-footer .u-icon-3 {
margin-top: -71px; margin-top: -71px;
margin-bottom: 25px; margin-bottom: 28px;
} }
} }
@media (max-width: 767px) { @media (max-width: 767px) {
...@@ -42424,8 +42425,8 @@ a.u-link.u-text-hover-grey-90:hover { ...@@ -42424,8 +42425,8 @@ a.u-link.u-text-hover-grey-90:hover {
.u-footer .u-icon-3 { .u-footer .u-icon-3 {
width: 136px; width: 136px;
height: 46px; height: 46px;
margin-top: -68px; margin-top: -67px;
margin-bottom: 25px; margin-bottom: 28px;
} }
} }
@media (max-width: 575px) { @media (max-width: 575px) {
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