Skip to content

N
NewSite v3.0
Commit 98089408 authored by Sergey Serov's avatar Sergey Serov
Browse files
Options

Main page without last slide

parent 09696283
Hide whitespace changes
Inline Side-by-side
Showing with 129 additions and 27 deletions
src/App.vue
View file @ 98089408
......@@ -41,6 +41,7 @@ body{
position: relative;
background-image: url('./source/Background.png') ;
background-size: cover;
overflow-x: hidden;
}
@font-face {
font-family: "Europe";
......@@ -135,12 +136,13 @@ img#logotip{
}
.WidthNavigation.TitlesNavigation #lang span{
padding: 10px;
border-radius: 40%;
font-size: 35px;
border-radius: 50%;
font-size: calc( 0.01 * 100vw + 11.2px );
line-height: calc( 0.01 * 100vw + 11.2px ); /* подробнее про line-height */
text-align: center;
}
.WidthNavigation.TitlesNavigation #lang span.active{
border-radius: 40%;
border-radius: 50%;
border: 3px solid white;
padding: 7px;
}
......
src/components/Main.vue
View file @ 98089408
......@@ -17,10 +17,9 @@
</div>
</div>
</div>
<div id="about" class="item">
<div>
<div class="about_block">
<div class="row">
<div class="about_block col-4 col-sm-12 col-md-12 col-lg-5">
<p id="about_title">{{About}}</p>
<div class="row about_mini_block">
<div v-for="about in about_list" class="col-4 col-sm-12 col-md col-lg-4">
......@@ -37,28 +36,41 @@
</div>
</div>
</div>
<!-- <div class="col-4 col-sm-12 col-md-12 col-lg-4">
<div class="about_fon_block">
<div class="about">
<div class="about_img">
<img src="../../public/img/icons/android-chrome-192x192.png" />
</div>
</div>
</div>
</div>
<div class="col-4 col-sm-12 col-md-12 col-lg-4">
<div class="about_fon_block">
<div class="about">
<div class="about_img">
<img src="../../public/img/icons/android-chrome-192x192.png" />
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<div v-scroll-to="'#about'" class="strelka strelka_two">
<div id="arrow">
<div id="arrowleft"></div>
<div id="arrowright"></div>
</div>
</div>
</div>
<div id="info" class="item row">
<div id="info_block" class="col-4 col-sm-12 col-md-12 col-lg-7">
<div id="info_mini_block">
<div id="info_title">
<p>{{info}}</p>
</div>
<div id="info_list">
<ul id="information">
<li v-for="info in info_list">
<span class="info_list_title">
{{info.title}}
</span><br>
<span class="info_list_text">
{{info.text_one}}
</span><br>
<span class="info_list_text">
{{info.text_two}}
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</template>
......@@ -78,7 +90,7 @@
#main .item{
/* width: 85%; */
margin: 0 auto;
height: 100vh;
/* height: 100vh; */
}
#main #title{
height: calc( 0.9 * 100vh - 80px );
......@@ -138,10 +150,10 @@
}
#main .about_block .about_mini_block .about_fon_block{
margin:10px;
/* margin:10px; */
background-color: rgba(25, 45, 54, 0.8);
/* height: 500px; */
padding: 10px;
/* padding: 10px; */
height: 100%;
padding-bottom: 0;
margin-bottom: 0;
......@@ -172,6 +184,60 @@
hyphens: auto;
}
#main #info{
height: 1000px;
margin: 0 auto;
}
#main #info_block{
margin: 0 auto;
margin-left: 33%;
margin-top: 9%;
}
#main #info #info_mini_block{
/* width: 50%; */
margin-left: calc( 0.007 * 100vmin + 19.2px );
}
#main #info #info_mini_block #info_title{
width: 84%;
}
#main #info #info_mini_block #info_title p{
color: white;
font-size: calc( 0.002 * 100vmin + 19.2px );
text-transform: uppercase;
text-align: left;
}
#main #info #info_mini_block #info_list{
width: 100%;
}
#main #info #info_mini_block #info_list ul#information{
color: white;
text-align: left;
list-style: none;
}
#main #info #info_mini_block #info_list ul#information li{
margin-top: 20px;
}
#main #info #info_mini_block #info_list ul#information li:before{
margin-left: -2em;
margin-top: 0.5em;
margin-right: 1em;
float: left;
content: ' ';
width: 1em;
height: 1em;
vertical-align: middle;
border-radius: 50%;
border: 3px solid white;
}
#main #info #info_mini_block #info_list ul#information .info_list_title{
font-weight: bold;
font-size: calc( 0.002 * 100vmin + 19.2px );
}
#main #info #info_mini_block #info_list ul#information .info_list_text{
font-weight: bold;
font-size: calc( 0.002 * 100vmin + 17.2px );
}
......@@ -213,15 +279,26 @@
background-color: #00aeff;
}
.strelka_one{
margin-top: 100px;
margin-left: calc(50% - 25px);
}
.strelka_two{
margin-top: 50px;
margin-left: calc(50% - 25px);
}
@media only screen and (min-height: 1400px) {
.strelka_one{
/* position: absolute; */
margin-left: calc(50% - 25px);
}
.strelka_two{
margin-left: calc(50% - 25px);
}
}
@media only screen and (min-width: 1400px) {
.strelka{
......@@ -271,6 +348,29 @@ export default {
text: 'Оценку космической обстановки по траектории выведения и орбитального движения космических аппаратов в интересах спутниковых операторов'
},
],
info: 'оптико-электронные средства АО "АНЦ" позволяют одновременно наблюдать космические объекты. Полная площать сферы составляет 41252.97 кв. градусов',
info_list: [
{
title: 'C проницанием до 14m',
text_one: 'суммарное поле зрения 285789 кв. градуса',
text_two: 'за сутки площадь покрытия составляет 6.9 площадей сферы'
},
{
title: 'C проницанием до 15.5m',
text_one: 'суммарное поле зрения 38604 кв. градуса (с апертурой 30, 40, 50, 65 см)',
text_two: '0.9 от полной площади сферы'
},
{
title: 'C проницанием до 17m',
text_one: 'суммарное поле зрения 18291 кв. градуса (с апертурой 40, 50, 65 см)',
text_two: '0.4 от полной площади сферы'
},
{
title: 'C проницанием до 18,5m',
text_one: 'суммарное поле зрения 8712 кв. градуса (с апертурой 50, 65 см)',
text_two: '0.2 от полной площади сферы'
},
]
}
},
created: function (){
......
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