Skip to content

N
NewSite
Commit 0ee53504 authored by Sergey Serov's avatar Sergey Serov
Browse files
Options

Site

parent f290fbe1
Hide whitespace changes
Inline Side-by-side
Showing with 105 additions and 78 deletions
index.html
View file @ 0ee53504
......@@ -3,6 +3,7 @@
<head>
<meta charset="utf-8">
<title>Астрономический Научный Центр</title>
<link rel="shortcut icon" href="dist/logImg.png" type="image/png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/fullpage.js/dist/fullpage.min.css">
</head>
......@@ -12,6 +13,24 @@
width: 0px;
background: transparent;
}
@font-face {
font-family: 'Europe';
src: url('./Fonts/6509.TTF') format('truetype');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'BebasNeueBold';
src: url('./Fonts/9114.OTF') format('opentype');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'BebasNeue';
src: url('./Fonts/5114.TTF') format('truetype');
font-style: normal;
font-weight: normal;
}
#navigator{
position: absolute;
padding: 2em;
......@@ -91,15 +110,15 @@
<div class="row">
<div class="col-md-12 col-sm-12"></div>
<div class="WidthNavigation col-md-12 col-sm-12">
<router-link class="navig" to="/" exact>Главная</router-link>
<router-link class="navig" to="/product">Продукция</router-link>
<router-link class="navig" to="/files">Файлы</router-link>
<router-link class="navig" @click.native="Up()" to="/" exact>Главная</router-link>
<router-link class="navig" @click.native="Up()" to="/product">Продукция</router-link>
<router-link class="navig" @click.native="Up()" to="/files">Файлы</router-link>
<a href="#" class="navig" @click="" a>Контакты</a>
</div>
</div>
</nav>
<transition name="fade">
<router-view></router-view>
<router-view ref="page"></router-view>
</transition>
</div>
<script src="dist/build.js"></script>
......
src/Main.vue
View file @ 0ee53504
<template>
<div id="app">
<!-- <nav id="fp-nav">
<ul id="testing">
<li><a>&nbsp</a></li>
<li><a>АО "АНЦ"</a></li>
<li><a>ПРИМЕРЫ РАБОТ</a></li>
<li><a>ЭОП-1</a></li>
<li><a>ЭОП-2</a></li>
<li><a>ПРИМЕР РАБОТЫ</a></li>
<li><a>ЭКСПЕРИМЕНТАЛЬНАЯ БАЗА</a></li>
</ul>
</nav> -->
<full-page ref="fullpage" :options="options" id="fullpage">
<div class="section">
<div>
<!-- sdfsdfsd -->
<ololo :item="item" @move="move" />
</div>
......@@ -33,10 +15,10 @@
Акционерное общество «Астрономический научный центр» образовано в 2011 году без участия иностранного капитала и является специализированным российским предприятием, ориентированным на:
<ul>
<li><span>создание и эксплуатацию автоматизированных оптико-электронных систем наблюдения за космическими объектами (искусственного и естественного происхождения) высокой заводской готовности в т.ч. перебазируемых (автомобильным, железнодорожным, воздушным и морским транспортом)</span></li>
<li><span>создание автоматизированных систем обработки информации о космических объектах осуществляющие орбитальный полет, сопутствующие им в запуске элементы конструкции, фрагменты их разрушений искусственного и естественного происхождения</span></li>
<li><span>сопровождение библиотеки алгоритмов баллистики и небесной механики</span></li>
<li><span>оценку космической обстановки по траектории выведения и орбитального движения космических аппаратов в интересах спутниковых операторов</span></li>
<li><span>Создание и эксплуатацию автоматизированных оптико-электронных систем наблюдения за космическими объектами (искусственного и естественного происхождения) высокой заводской готовности в т.ч. перебазируемых (автомобильным, железнодорожным, воздушным и морским транспортом)</span></li>
<li><span>Создание автоматизированных систем обработки информации о космических объектах осуществляющие орбитальный полет, сопутствующие им в запуске элементы конструкции, фрагменты их разрушений искусственного и естественного происхождения</span></li>
<li><span>Сопровождение библиотеки алгоритмов баллистики и небесной механики</span></li>
<li><span>Оценку космической обстановки по траектории выведения и орбитального движения космических аппаратов в интересах спутниковых операторов</span></li>
</ul>
</div>
</div>
......@@ -286,11 +268,11 @@
<span>Регион: Республика Карачаево-Черкесия</span>
</p>
<p>
<span>Расположение:</span><br><br>
<span>Расположение:</span>
<ul>
<li>&nbsp&nbsp&nbsp<span>Широта (с.ш.) 43°43'50"</span></li><br>
<li>&nbsp&nbsp&nbsp<span>Долгота (в.д.) 42°39'40"</span></li><br>
<li>&nbsp&nbsp&nbsp<span>Высота над уровнем моря 1908(м).</span></li><br>
<li> <span>Широта (с.ш.) 43°43'50"</span></li>
<li> <span>Долгота (в.д.) 42°39'40"</span></li>
<li> <span>Высота над уровнем моря 1908(м).</span></li>
</ul>
</p>
</div>
......@@ -310,11 +292,11 @@
<span>Регион: Республика Карачаево-Черкесия</span>
</p>
<p>
<span>Расположение:</span><br><br>
<span>Расположение:</span>
<ul>
<li>&nbsp&nbsp&nbsp<span>Широта (с.ш.) 50°07'37"</span></li><br>
<li>&nbsp&nbsp&nbsp<span>Долгота (в.д.) 127°43'20"</span></li><br>
<li>&nbsp&nbsp&nbsp<span>Часовой пояс UTC+9</span></li><br>
<li> <span>Широта (с.ш.) 50°07'37"</span></li>
<li> <span>Долгота (в.д.) 127°43'20"</span></li>
<li> <span>Часовой пояс UTC+9</span></li>
</ul>
</p>
</div>
......@@ -327,8 +309,11 @@
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-10">
</div>
<div id="footer">
<div>
<span><a href="tel:+74956415135">+7(495) 641 51 35</a>&nbsp&nbsp/&nbsp&nbsp<a href="mailto:info@ancprotek.ru">INFO@ANCPROTEK.RU</a><img src="./imgMain/LogoWhite.png"/>Россия, Москва, Шоссе Энтузиастов, 56с25</span>
</div>
</div>
</div>
......@@ -337,26 +322,7 @@
</template>
<style>
/* @font-face {
font-family: "Europe";
src: url("../src/Fonts/6509.TTF") format("truetype");
font-style: normal;
font-weight: normal;
} */
ul#testing{
/* position: absolute; */
color: red;
font-weight: 800;
font-size: 20px;
z-index: 50;
height: 30px;
}
ul#testing li{
min-width: 201px;
height: 20px;
}
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
......@@ -381,21 +347,24 @@ svg#MainSVG{
-webkit-transition: 200ms;
-webkit-transition-timing-function: ease-in-out;
}
#MainSVG .ololo text{
font-family: 'BebasNeue';
font-size: 170%;
font-weight: 600;
}
#MainSVG .ololo:hover text{
color:#f00;
color:#035fac;
}
img#svg g{
stroke: #ff0000;
}
a {
color: #432464;
}
#content{
color: white;
text-align:justify;
font-size: 125%;
font-size: 130%;
font-family: 'Europe';
margin: 0 auto;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
......@@ -423,6 +392,7 @@ div#logo img{
color:white;
}
#work p{
font-family: 'BebasNeueBold';
font-weight: bold;
color: white;
font-size: 38px;
......@@ -454,7 +424,8 @@ div#logo img{
#tech_eop1 p:first-child{
font-weight: bold;
color: white;
font-size: 38px;
font-family: 'BebasNeueBold';
font-size: 250%;
text-transform: uppercase;
font-stretch: semi-condensed;
margin-bottom: 3vh;
......@@ -462,12 +433,14 @@ div#logo img{
#tech_eop1 #tech1_text{
color: white;
text-align:justify;
font-size: 130%;
font-family: 'Europe';
}
#tech_eop1 #tech1_text .for{
text-align: center;
}
#tech_eop1 #tech1_text #eop1_for{
font-size: 28px;
font-size: 220%;
color:blue;
text-transform: uppercase;
}
......@@ -485,6 +458,8 @@ div#logo img{
text-align:left;
line-height: 0.65em;
color:#FF0000;
font-family: 'Europe';
}
#tech_eop1 #tech1_text li span{
font-size: 1rem;
......@@ -500,7 +475,9 @@ div#logo img{
#tech_eop2 p.title:first-child{
font-weight: bold;
color: white;
font-size: 38px;
font-size: 250%;
font-family: 'BebasNeueBold';
text-transform: uppercase;
font-stretch: semi-condensed;
margin-bottom: 3vh;
......@@ -508,6 +485,8 @@ div#logo img{
#tech_eop2 #tech2_text{
color: white;
text-align:justify;
font-size: 130%;
font-family: 'Europe';
}
#tech_eop2 #tech2_text #place p{
margin-top: 20px;
......@@ -524,7 +503,7 @@ div#logo img{
text-align: center;
}
#tech_eop2 #tech2_text p#eop2_for{
font-size: 28px;
font-size: 220%;
color:blue;
text-transform: uppercase;
}
......@@ -537,6 +516,7 @@ div#logo img{
text-align:left;
line-height: 0.65em;
color:#FF0000;
font-family: 'Europe';
}
#tech_eop2 #tech2_text li span{
font-size: 1rem;
......@@ -596,7 +576,7 @@ div#logo img{
#map div.point div p#circle{
content: '';
display: inline-block;
width: 0.8em;
width: 0.8em;
height: 0.8em;
border: 2.5px solid red;
border-radius: 50%;
......@@ -604,39 +584,38 @@ div#logo img{
/* background: mistyrose; */
}
#map div.point div span.PlaceName{
font-size: 131%;
color:aqua;
font-family: 'BebasNeueBold';
text-transform: uppercase;
line-height: 0.65em;
font-stretch: extra-condensed;
font-weight: 700;
text-align: justify;
}
#map div.point div span.PlaceTelescope{
color:aqua;
font-size: 131%;
color: aqua;
font-family: 'BebasNeue';
text-transform: uppercase;
line-height: 0.65em;
font-stretch: semi-condensed;
text-align: justify;
}
#base div.title{
font-weight: bold;
color: rgb(255, 0, 0);
font-family: 'BebasNeueBold';
font-size: 340%;
text-transform: uppercase;
font-stretch: semi-condensed;
margin-top: 4vh;
margin-bottom: 4vh;
}
#base div.text{
width: 61vw;
font-family: 'Europe';
}
#base div.text p#text{
margin-top: 20px;
margin-bottom: 20px;
text-align:justify;
color: white;
font-size: 110%;
font-size: 130%;
}
#base div#point div.container-fluid{
padding:0;
......@@ -661,7 +640,7 @@ div#logo img{
}
#base #Position div#description{
margin: 0 auto;
padding: 2vw;
padding: 1.5vw;
/* padding-left: 15px; */
/* width: 23vw; */
}
......@@ -682,10 +661,37 @@ div#logo img{
border-radius: 50%;
margin-top:-20px;
}
#base .text #point ul li span{
padding-left: 1rem;
}
#base #Position #Position_img img{
width: 100%;
object-fit: cover;
}
div#footer{
width: 100vw;
min-height: 50px;
height: 6vh;
background-color: #000;
position: absolute;
bottom: 0;
}
div#footer div {
color: white;
width: 50vw;
margin: 0 auto;
margin-top: 1%;
text-transform: uppercase;
font-weight: 600;
}
div#footer div img{
width: 2vw;
margin-left: 0.5vw;
margin-right: 0.5vw;
}
div#footer a{
color: white;
}
</style>
<script>
......@@ -701,8 +707,6 @@ export default {
data () {
return {
options: {
/* navigation: true, */
/* menu: '#testing', */
},
msg: 'Main',
item: [],
......@@ -710,7 +714,6 @@ export default {
},
methods:{
move: function(section){
/* alert(section); */
this.$refs.fullpage.api.moveTo(section)
}
}
......
src/main.js
View file @ 0ee53504
......@@ -35,4 +35,9 @@ new Vue({
components: {
MainSVG,
},
methods:{
Up: function(){
this.$refs.page.move(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