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