Skip to content

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

Site

parents
Pipeline #89 canceled with stages
      Show whitespace changes
      Inline Side-by-side
      Showing with 1536 additions and 0 deletions
      .babelrc 0 → 100644
      View file @ fa7e66b7
      {
      "presets": [
      ["env", { "modules": false }],
      "stage-3"
      ]
      }
      .editorconfig 0 → 100644
      View file @ fa7e66b7
      root = true
      [*]
      charset = utf-8
      indent_style = space
      indent_size = 2
      end_of_line = lf
      insert_final_newline = true
      trim_trailing_whitespace = true
      .gitignore 0 → 100644
      View file @ fa7e66b7
      .DS_Store
      node_modules/
      dist/
      npm-debug.log
      yarn-error.log
      # Editor directories and files
      .idea
      *.suo
      *.ntvs*
      *.njsproj
      *.sln
      README.md 0 → 100644
      View file @ fa7e66b7
      # anc
      > A Vue.js project
      ## Build Setup
      ``` bash
      # install dependencies
      npm install
      # serve with hot reload at localhost:8080
      npm run dev
      # build for production with minification
      npm run build
      ```
      For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
      index.html 0 → 100644
      View file @ fa7e66b7
      <!DOCTYPE html>
      <html lang="En">
      <head>
      <meta charset="utf-8">
      <title>Астрономический Научный Центр</title>
      <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>
      <body>
      <style>
      ::-webkit-scrollbar{
      width: 0px;
      background: transparent;
      }
      #navigator{
      position: absolute;
      padding: 2em;
      z-index: 100;
      }
      .navig{
      font-size: 1.5em;
      color:#fff;
      font-weight: 500;
      margin-right: 1em;
      transition: 0.3s;
      }
      a.navig:hover {
      color: #0ff;
      text-decoration: double;
      }
      .WidthNavigation{
      width: 40vw;
      margin: 0 auto;
      }
      .router-link-exact-active {
      color: red;
      }
      a.router-link-exact-active:hover {
      color: red;
      }
      #app div.section:nth-child(1){
      background-image: url('https://avatars.mds.yandex.net/get-pdb/1365646/1a872a74-7d13-4e55-9e63-f989750c7be1/s1200') ;
      background-size: cover;
      }
      #app div.section:nth-child(2){
      background-image: url('https://avatars.mds.yandex.net/get-pdb/33827/52103529-0bac-4df4-a5a2-09100d3a0817/s1200') ;
      background-size: cover;
      }
      #app div.section:nth-child(3){
      background-image: url('http://winallos.com/uploads/posts/2014-07/1406595737_663959-1920x1200.jpg') ;
      background-size: cover;
      }
      #app div.section:nth-child(4){
      background-image: url('https://hdqwalls.com/download/nebula-halo-planet-digital-space-art-7t-2560x1024.jpg') ;
      background-size: cover;
      }
      #app div.section:nth-child(5){
      background-image: url('https://hdwallpaperim.com/wp-content/uploads/2017/08/22/358584-universe-stars-space.jpg') ;
      background-size: cover;
      }
      #app div.section:nth-child(6){
      background-image: url('https://playntrade-a.akamaihd.net/jbimg/eee17aa844400c6e3f1bd6133a16a5a4.jpg') ;
      background-size: cover;
      }
      #app div.section:nth-child(7){
      background-image: url('https://images.wallpaperscraft.ru/image/planeta_oblaka_svet_zvezdy_94996_1680x1050.jpg') ;
      background-size: cover;
      }
      .fade-enter-active, .fade-leave-active {
      transition-property: opacity;
      transition-duration: 0.20s;
      }
      .fade-enter-active {
      transition-delay: 0.20s;
      }
      .fade-enter, .fade-leave-active {
      opacity: 0;
      }
      </style>
      <div id="app">
      <nav class="container-fluid" id="navigator">
      <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>
      <a href="#" class="navig" @click="" a>Контакты</a>
      </div>
      </div>
      </nav>
      <transition name="fade">
      <router-view></router-view>
      </transition>
      </div>
      <script src="dist/build.js"></script>
      <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
      <script src="https://unpkg.com/vue-fullpage.js/dist/vue-fullpage.min.js"></script>
      </body>
      </html>
      package-lock.json 0 → 100644
      View file @ fa7e66b7
      This source diff could not be displayed because it is too large. You can view the blob instead.
      package.json 0 → 100644
      View file @ fa7e66b7
      {
      "name": "anc",
      "description": "A Vue.js project",
      "version": "1.0.0",
      "author": "Sergey Serov <serov@ancprotek.ru>",
      "license": "MIT",
      "private": true,
      "scripts": {
      "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
      "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
      },
      "dependencies": {
      "vue": "^2.5.11",
      "vue-fullpage.js": "^0.1.3",
      "vue-resource": "^1.5.1",
      "vue-router": "^3.0.6"
      },
      "browserslist": [
      "> 1%",
      "last 2 versions",
      "not ie <= 8"
      ],
      "devDependencies": {
      "babel-core": "^6.26.0",
      "babel-loader": "^7.1.2",
      "babel-preset-env": "^1.6.0",
      "babel-preset-stage-3": "^6.24.1",
      "cross-env": "^5.0.5",
      "css-loader": "^0.28.7",
      "file-loader": "^1.1.4",
      "vue-loader": "^13.0.5",
      "vue-svg-loader": "^0.12.0",
      "vue-template-compiler": "^2.4.4",
      "webpack": "^3.6.0",
      "webpack-dev-server": "^2.9.1"
      }
      }
      src/Files.vue 0 → 100644
      View file @ fa7e66b7
      <template>
      <div id="app">
      <full-page ref="fullpage" :options="options" id="fullpage">
      <div class="section">
      <img src="./assets/logo.png">
      <h1>{{ msg }}</h1>
      </div>
      <div class="section">
      <img src="./assets/logo.png">
      <h1>{{ msg }}</h1>
      </div>
      </full-page>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <span>OLOLO</span>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      </div>
      </template>
      <script>
      export default {
      name: 'app',
      data () {
      return {
      msg: 'File',
      }
      }
      }
      </script>
      <style>
      #app {
      font-family: 'Avenir', Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      color: #2c3e50;
      }
      h1, h2 {
      font-weight: normal;
      }
      ul {
      list-style-type: none;
      padding: 0;
      }
      li {
      display: inline-block;
      margin: 0 10px;
      }
      a {
      color: #432464;
      }
      </style>
      src/Main.vue 0 → 100644
      View file @ fa7e66b7
      <template>
      <div id="app">
      <full-page ref="fullpage" :options="options" id="fullpage">
      <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic1" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic1" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic1" data-slide-to="2"></li>
      <li data-target="#carousel-example-generic1" data-slide-to="3"></li>
      <li data-target="#carousel-example-generic1" data-slide-to="4"></li>
      <li data-target="#carousel-example-generic1" data-slide-to="5"></li>
      <li data-target="#carousel-example-generic1" data-slide-to="6"></li>
      <li data-target="#carousel-example-generic1" data-slide-to="7"></li>
      </ol>
      <div class="section">
      <div>
      <ololo />
      </div>
      </div>
      <div class="section">
      <div>
      <div class="col-sm-11 col-md-11 col-lg-8" id="content">
      <div id="logo"><img src="./imgMain/LogoWhite.png"></div>
      Акционерное общество «Астрономический научный центр» образовано в 2011 году без участия иностранного капитала и является специализированным российским предприятием, ориентированным на:
      <ul>
      <li><span>создание и эксплуатацию автоматизированных оптико-электронных систем наблюдения за космическими объектами (искусственного и естественного происхождения) высокой заводской готовности в т.ч. перебазируемых (автомобильным, железнодорожным, воздушным и морским транспортом)</span></li>
      <li><span>создание автоматизированных систем обработки информации о космических объектах осуществляющие орбитальный полет, сопутствующие им в запуске элементы конструкции, фрагменты их разрушений искусственного и естественного происхождения</span></li>
      <li><span>сопровождение библиотеки алгоритмов баллистики и небесной механики</span></li>
      <li><span>оценку космической обстановки по траектории выведения и орбитального движения космических аппаратов в интересах спутниковых операторов</span></li>
      </ul>
      </div>
      </div>
      </div>
      <div class="section">
      <div id="work">
      <div class="col-sm-11 col-md-11 col-lg-9">
      <p>Пример работы телескопов</p>
      <div class="col-sm-11 col-md-10 col-lg-12 col-xl-9">
      <div class="video">
      <iframe src="https://www.youtube.com/embed/eoVkl57xwMQ?enablejsapi=1" frameborder="0" allow="autoplay; encrypted-media" ></iframe>
      <iframe src="https://www.youtube.com/embed/BK8M6s-UHbw?enablejsapi=1" frameborder="0" allow="autoplay; encrypted-media" ></iframe>
      </div>
      </div>
      </div>
      </div>
      </div>
      <div class="section">
      <div id="tech_eop1">
      <div class="col-sm-12 col-md-11 col-lg-9">
      <p>Технические возможности ЭОП-1</p>
      <div class="col-sm-12 col-md-12 col-lg-11 col-xl-10" id="tech1_text">
      <span>
      Зоной контроля ЭОП является верхняя полусфера, ограниченная минимальным углом места 12 градусов и высотами от 120 км до 200000 км. Оборудование ЭОП позволяет проводить автономный поиск КО в геостационарной области контроля, представляющей собой приэкваториальную область космического пространства на высотах от 30 000 км до 40 000 км и негеостационарной области контроля, представляющей собой часть зоны контроля ЭОП на высотах от 3500 км до 50000 км. ОЭК-40 с полем зрения 2.2х2.2 градуса предназначен для сопровождения фрагментов космического мусора на геостационарной и высокоэллиптических орбитах, ОЭК-25 с полем зрения 3.4х3.4 градуса может использоваться как для проведения обзоров геостационарной орбиты, так и для наблюдения ярких объектов на всех типах орбит по целеуказаниям. Сдвоенный телескоп ОЭК-19,2х2 с полем зрения 7х15 градусов предназначен для проведения обзоров высокоэллиптических орбит и для расширенных обзоров геостационарной области (расширенные обзоры позволяют значительно повысить точность определения орбит ГСО-объектов и лучше выявлять маневры КА в кластерах), а также для обработки барьерных наблюдений низкоорбитальных объектов
      </span>
      </div>
      </div>
      </div>
      <div id="tech_eop1">
      <div class="col-sm-12 col-md-11 col-lg-9">
      <div id="tech1_text">
      <div class="for">
      <p id="eop1_for">Экспериментальный оптический пункт первой очереди (ЭОП-1) предназначен для:</p>
      </div>
      <div class="container">
      <div class="row">
      <div class="col-sm-12 col-md-6 col-lg-3">
      <div>
      <img src="./imgMain/EOP1/1.jpg">
      <ul><li><span>Автономного обнаружения и последующего сопровождения космических объектов, в том числе фрагментов космического мусора, на низких, геостационарных, круговых полусуточных и высокоэллиптических орбитах</span></li></ul>
      </div>
      </div>
      <div class="col-sm-12 col-md-6 col-lg-3">
      <div>
      <img src="./imgMain/EOP1/2.jpg">
      <ul><li><span>Определения угловых координат и фотометрических характеристик обслуживаемых КО</span></li></ul>
      </div>
      </div>
      <div class="col-sm-12 col-md-6 col-lg-3">
      <div>
      <img src="./imgMain/EOP1/3.jpg">
      <ul><li><span>Оперативного отождествления (идентификации) обнаруженных космических объектов с КО из локальной базы данных ОЭК</span></li></ul>
      </div>
      </div>
      <div class="col-sm-12 col-md-6 col-lg-3">
      <div>
      <img src="./imgMain/EOP1/4.jpg">
      <ul><li><span>Выдачи полученной информации для обработки и анализа</span></li></ul>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      <div class="section">
      <div id="tech_eop2">
      <div class="col-sm-12 col-md-11 col-lg-9">
      <p class="title">Технические возможности ЭОП-2</p>
      <div class="col-sm-12 col-md-12 col-lg-11 col-xl-10 2desc" id="tech2_text">
      <div>
      <span>
      Экспериментальный оптический пункт второй очереди (ЭОП-2) предназначен для автономного обнаружения, обнаружения в локальных зонах по целеуказаниям и последующего сопровождения космических объектов, в том числе фрагментов космического мусора, на низких, круговых полусуточных и высокоэллиптических орбитах.
      </span>
      </div>
      <div id="place">
      <p>
      В настоящее время изготовлены два ЭОП-2, которые находятся в опытной эксплуатации в интересах Роскосмоса на двух площадках:
      </p>
      <ol>
      <li>Кисловодская обсерватория АО «АНЦ» (в районе города Кисловодск, Карачаево-Черкесия, гора Шидзатмаз).</li>
      <li>Благовещенская обсерватория АО «АНЦ» (в районе города Благовещенск, Амурская область).</li>
      </ol>
      </div>
      </div>
      </div>
      </div>
      <div id="tech_eop2">
      <div class="col-sm-12 col-md-11 col-lg-9">
      <div id="tech2_text">
      <div class="for">
      <p class="title" id="eop2_for">Экспериментальный оптический пункт второй очереди (ЭОП-2) предназначен для:</p>
      </div>
      <div class="container">
      <div class="row">
      <div class="col-sm-12 col-md-4 col-lg-4">
      <div>
      <img src="./imgMain/EOP2/1.jpg">
      <ul><li><span>Автономного обнаружения и последующего сопровождения космических объектов, в том числе фрагментов космического мусора, на низких, геостационарных, круговых полусуточных и высокоэллиптических орбитах</span></li></ul>
      </div>
      </div>
      <div class="col-sm-12 col-md-4 col-lg-4">
      <div>
      <img src="./imgMain/EOP2/2.jpg">
      <ul><li><span>Определения угловых координат и фотометрических характеристик обслуживаемых КО</span></li></ul>
      </div>
      </div>
      <div class="col-sm-12 col-md-4 col-lg-4">
      <div>
      <img src="./imgMain/EOP2/3.jpg">
      <ul><li><span>Оперативного отождествления (идентификации) обнаруженных космических объектов с КО из локальной базы данных ОЭК</span></li></ul>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      <div class="section">
      <div class="col-sm-12 col-md-12 col-lg-12" id="map">
      <div class="title"><h1>Оптические пункты наблюдения</h1></div>
      <div id="world">
      <div class="point" id="Kislovodsk">
      <div style="display:inline-block">
      <span>
      <span class="PlaceName">
      Кисловодск, Северный Кавказ
      </span><br>
      <span class="PlaceTelescope">
      Телескоп - VT-78 (19.2 см)
      </span>
      </span>
      </div>
      <div style="display:inline-block">
      <p id="circle"><br></p>
      <img src="./imgMain/EOP1/1.jpg">
      </div>
      </div>
      <div class="point" id="Lesosibirsk">
      <div style="display:inline-block">
      <span>
      <span class="PlaceName">
      Лесосибирск, Красноярский кр. \n
      </span><br>
      <span class="PlaceTelescope">
      Телескоп - ORI-22 (22 см)
      </span>
      </span>
      </div>
      <div style="display:inline-block">
      <p id="circle"><br></p>
      <img src="./imgMain/EOP1/2.jpg">
      </div>
      </div>
      <div class="point" id="Artem">
      <div style="display:inline-block">
      <span>
      <span class="PlaceName">
      Артем, Приморский кр.
      </span><br>
      <span class="PlaceTelescope">
      Телескоп - ORI-25 (25 см)
      </span>
      </span>
      </div>
      <div style="display:inline-block">
      <p id="circle"><br><br></p>
      <img src="./imgMain/EOP1/3.jpg">
      </div>
      </div>
      <div class="point" id="Blagoveshensk">
      <div style="display:inline-block">
      <span>
      <span class="PlaceName">
      Благовещенск, Амурская обл.
      </span><br>
      <span class="PlaceTelescope">
      Телескопы: ORI-25 (25 см); ORI-22 (22 см).
      </span>
      </span>
      </div>
      <div style="display:inline-block">
      <p id="circle"><br></p>
      <img src="./imgMain/EOP1/4.jpg">
      </div>
      </div>
      <div class="point" id="Milkovo">
      <div style="display:inline-block">
      <span class="PlaceName">
      Мильково, Камчатский кр.
      </span><br>
      <span class="PlaceTelescope">
      Телескоп - ORI-22 (22 см)
      </span>
      </div>
      <div style="display:inline-block">
      <p id="circle"><br></p>
      <img src="./imgMain/EOP2/1.jpg">
      </div>
      </div>
      <div class="point" id="Brazil">
      <div style="display:inline-block">
      <span>
      <span class="PlaceName">
      Бразилия, Южная Америка
      </span><br>
      <span class="PlaceTelescope">
      Телескоп - ORI-22 (22 см)
      </span>
      </span>
      </div>
      <div style="display:inline-block">
      <p id="circle"><br></p>
      <img src="./imgMain/EOP2/2.jpg">
      </div>
      </div>
      </div>
      </div>
      </div>
      <div class="section">
      <div class="col-sm-12 col-md-12 col-lg-10" id="base">
      <div class="title">
      Экспериментальная база АО "АНЦ"
      </div>
      <div class="text">
      <p id="text">
      АО «АНЦ» имеет собственные обсерватории, размещенные в Карачаево-Черкессии (гора Шидзатмаз) и в районе г. Благовещенск Амурской области.
      Кроме этого, опытная эксплуатация экспериментальных оптических средств,специального программного обеспечения и методик наблюдения за
      космическимиобъектами, созданных для Роскосмоса осуществляется специалистами АО «АНЦ» в Бюраканской астрофизической обсерватории
      (с. Бюракан, Республика Армения), пункте наблюдения Абрау-Дюрсо и др.
      </p>
      <div id="point">
      <div class="container-fluid">
      <div class="row">
      <div class="col-sm-12 col-md-6 col-lg-6 base">
      <div id="Position">
      <div id="description">
      <p>
      <span>Гора (вершина): Шиджатмаз.</span><br>
      <span>Альтернативное название: Gora Shidzhatmaz. </span>
      </p>
      <p>
      <span>Регион: Республика Карачаево-Черкесия</span>
      </p>
      <p>
      <span>Расположение:</span><br><br>
      <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>
      </ul>
      </p>
      </div>
      <div id="Position_img">
      <img src="./imgMain/Base/Карачаево-Черкесия.jpg">
      </div>
      </div>
      </div>
      <div class="col-sm-12 col-md-6 col-lg-6 base">
      <div id="Position">
      <div id="description">
      <p>
      <span>Амурская область, Благовещенский р-н</span><br>
      <span>Грибский сельсовет, с. Передовое</span>
      </p>
      <p>
      <span>Регион: Республика Карачаево-Черкесия</span>
      </p>
      <p>
      <span>Расположение:</span><br><br>
      <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>
      </ul>
      </p>
      </div>
      <div id="Position_img">
      <img src="./imgMain/Base/Благовещенск.jpg">
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      <div class="col-sm-12 col-md-12 col-lg-10">
      </div>
      </div>
      </div>
      </full-page>
      </div>
      </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: 30px;
      z-index: 50;
      }
      #app {
      font-family: 'Avenir', Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      color: #2c3e50;
      }
      .TextExp{
      fill: blue;
      }
      h1, h2 {
      font-weight: normal;
      }
      div.section div{
      margin: 0 auto;
      }
      svg#MainSVG{
      margin: 0 auto;
      }
      #MainSVG text{
      color:#fff;
      transition: 200ms;
      transition-timing-function: ease-in-out;
      -webkit-transition: 200ms;
      -webkit-transition-timing-function: ease-in-out;
      }
      #MainSVG .ololo:hover text{
      color:#f00;
      }
      img#svg g{
      stroke: #ff0000;
      }
      a {
      color: #432464;
      }
      #content{
      color: white;
      text-align:justify;
      font-size: 125%;
      margin: 0 auto;
      border-top: 2px solid #FFFFFF;
      border-bottom: 2px solid #FFFFFF;
      margin-top: 50px;
      }
      div#logo{
      /* background-color: red; */
      margin: 0 auto;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
      }
      div#logo img{
      margin: 0 auto;
      width: 8vw;
      max-width: 275px;
      }
      #content li{
      list-style-type: circle;
      padding-bottom: 20px;
      color:#FF0000;
      }
      #content li span {
      color:white;
      }
      #work p{
      font-weight: bold;
      color: white;
      font-size: 38px;
      text-transform: uppercase;
      font-stretch: semi-condensed;
      margin-bottom: 5vh;
      }
      #work .video{
      box-shadow: 0px 0px 50px 15px #FFFFFF;
      padding: 0 auto;
      }
      #work iframe{
      width: 100%;
      height: 34vh;
      margin: 0 auto;
      padding: 0 auto;
      margin-bottom: -8px;
      }
      #work iframe:last-child{
      margin-top: 10px;
      }
      #tech_eop1:first-child{
      background-color: rgba(255,255,255,0.335);
      padding-top: 7vh;
      padding-bottom: 3vh;
      }
      #tech_eop1 p:first-child{
      font-weight: bold;
      color: white;
      font-size: 38px;
      text-transform: uppercase;
      font-stretch: semi-condensed;
      margin-bottom: 3vh;
      }
      #tech_eop1 #tech1_text{
      color: white;
      text-align:justify;
      }
      #tech_eop1 #tech1_text .for{
      text-align: center;
      }
      #tech_eop1 #tech1_text #eop1_for{
      font-size: 28px;
      color:blue;
      text-transform: uppercase;
      }
      #tech_eop1 #tech1_text div div img{
      max-height:50%;
      }
      #tech_eop1 #tech1_text img{
      width: 100%;
      height: 18vh;
      object-fit: cover;
      }
      #tech_eop1 #tech1_text li{
      list-style-type: circle;
      font-size:27px;
      text-align:left;
      line-height: 0.65em;
      color:#FF0000;
      }
      #tech_eop1 #tech1_text li span{
      font-size: 1rem;
      color: white;
      }
      #tech_eop2:first-child{
      background-color: rgba(255,255,255,0.335);
      padding-top: 7vh;
      padding-bottom: 3vh;
      }
      #tech_eop2 p.title:first-child{
      font-weight: bold;
      color: white;
      font-size: 38px;
      text-transform: uppercase;
      font-stretch: semi-condensed;
      margin-bottom: 3vh;
      }
      #tech_eop2 #tech2_text{
      color: white;
      text-align:justify;
      }
      #tech_eop2 #tech2_text #place p{
      margin-top: 20px;
      margin-bottom: 20px;
      text-align:justify;
      }
      #tech_eop2 #tech2_text .desc{
      text-align:justify;
      }
      #tech_eop2 #tech2_text #place ol{
      padding-inline-start: 20px;
      }
      #tech_eop2 #tech2_text .for{
      text-align: center;
      }
      #tech_eop2 #tech2_text p#eop2_for{
      font-size: 28px;
      color:blue;
      text-transform: uppercase;
      }
      #tech_eop2 #tech2_text img{
      width: 100%;
      }
      #tech_eop2 #tech2_text ul li{
      list-style-type: circle;
      font-size:27px;
      text-align:left;
      line-height: 0.65em;
      color:#FF0000;
      }
      #tech_eop2 #tech2_text li span{
      font-size: 1rem;
      color: white;
      }
      #map{
      max-height: 80vh;
      }
      #map div.title{
      font-weight: bold;
      color: white;
      font-size: 38px;
      text-transform: uppercase;
      font-stretch: semi-condensed;
      margin-top: 4vh;
      margin-bottom: -3vh;
      }
      #map #world{
      width: 80vw;
      min-height: 83vh;
      background-image: url('./imgMain/Map.png') ;
      background-size: cover;
      }
      #map div.point{
      position: absolute;
      display: inline;
      }
      #map div.point#Kislovodsk{
      left: 45%;
      top: 41%;
      }
      #map div.point#Lesosibirsk{
      left: 51%;
      top: 24%;
      }
      #map div.point#Artem{
      left: 68%;
      top: 44%;
      }
      #map div.point#Blagoveshensk{
      left: 61%;
      top: 34%;
      }
      #map div.point#Milkovo{
      left: 71%;
      top: 23%;
      }
      #map div.point#Brazil{
      left: 23%;
      top: 75%;
      }
      #map div.point img{
      width: 4vw;
      object-fit: cover;
      }
      #map div.point div p#circle{
      content: '';
      display: inline-block;
      width: 0.8em;
      height: 0.8em;
      border: 2.5px solid red;
      border-radius: 50%;
      margin-top:-20px;
      /* background: mistyrose; */
      }
      #map div.point div span.PlaceName{
      color:aqua;
      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;
      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-size: 340%;
      text-transform: uppercase;
      font-stretch: semi-condensed;
      margin-top: 4vh;
      margin-bottom: 4vh;
      }
      #base div.text{
      width: 61vw;
      }
      #base div.text p#text{
      margin-top: 20px;
      margin-bottom: 20px;
      text-align:justify;
      color: white;
      font-size: 110%;
      }
      #base div#point div.container-fluid{
      padding:0;
      }
      @media (max-width: 576px)
      #base div#point div.container-fluid .base:first-child{
      padding-left: 0px;
      }
      @media (max-width: 576px)
      #base div#point div.container-fluid .base:last-child{
      padding-right: 0px;
      }
      #base div#point{
      /* background-color; */
      margin-top: 2vh;
      }
      #base #Position{
      background-color: rgba(91, 167, 255, 0.616);
      margin-left: 0px;
      margin-right: 0px;
      padding: 0;
      }
      #base #Position div#description{
      margin: 0 auto;
      padding: 2vw;
      /* padding-left: 15px; */
      /* width: 23vw; */
      }
      #base #Position p{
      text-align: justify;
      color:white;
      }
      #base .text #point ul{
      list-style-type: none;
      padding-inline-start: 0px;
      }
      #base .text #point ul li:before{
      content: '';
      display: inline-block;
      width: 0.8em;
      height: 0.8em;
      border: 2.5px solid red;
      border-radius: 50%;
      margin-top:-20px;
      }
      #base #Position #Position_img img{
      width: 100%;
      object-fit: cover;
      }
      </style>
      <script>
      import ololo from './svgMain.vue';
      export default {
      name: 'app',
      components: {
      ololo,
      },
      data () {
      return {
      options: {
      /* navigation: true, */
      menu: '#testing',
      },
      msg: 'Main',
      }
      }
      }
      </script>
      src/Product.vue 0 → 100644
      View file @ fa7e66b7
      <template>
      <div id="app">
      <full-page ref="fullpage" :options="options" id="fullpage">
      <div class="section">
      <img src="./assets/logo.png">
      <h1>{{ msg }}</h1>
      </div>
      <div class="section">
      <img src="./assets/logo.png">
      <h1>{{ msg }}</h1>
      </div>
      </full-page>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <span>OLOLO</span>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      </div>
      </template>
      <script>
      export default {
      name: 'anc',
      data () {
      return {
      msg: 'Product',
      }
      }
      }
      </script>
      <style>
      #app {
      font-family: 'Avenir', Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      color: #2c3e50;
      }
      h1, h2 {
      font-weight: normal;
      }
      ul {
      list-style-type: none;
      padding: 0;
      }
      li {
      display: inline-block;
      margin: 0 10px;
      }
      a {
      color: #432464;
      }
      </style>
      src/imgMain/Main.svg 0 → 100644
      View file @ fa7e66b7
      <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1600" height="1100" viewBox="-0.5 -0.5 816 286"><defs/>
      <g>
      <g>
      <!-- Левый Верхний -->
      <path d="M 204 10 L 126.33 9.83" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path d="M 364 141 L 204.5 10" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse cx="124" cy="10" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
      </g>
      <g>
      <!-- Левый Средний -->
      <path d="M 204 142.5 L 126.33 142.33" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path d="M 359 143 L 204 142.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse cx="124" cy="143" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
      </g>
      <g>
      <!-- Левый Нижний -->
      <path d="M 361 144 L 204 278" fill="none" stroke="#fff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path d="M 204 278 L 126.33 278.17" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse cx="124" cy="278" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
      </g>
      <g>
      <!-- Правый Верхний -->
      <path d="M 530 10 L 602.17 9.83" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path d="M 365 139 L 530 10" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse cx="605" cy="10" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,10)" pointer-events="none"/>
      </g>
      <g>
      <!-- Правый Средний -->
      <path d="M 367 143 L 517 142.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path d="M 517 142.5 L 602.17 142.33" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse cx="605" cy="143" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,142.5)" pointer-events="none"/>
      </g>
      <g>
      <!-- Правый Нижний -->
      <path d="M 602.17 279.83 L 521.7 280" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path d="M 365 146 L 521.5 280" fill="#none" stroke="#fff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse cx="605" cy="280" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,280)" pointer-events="none"/>
      </g>
      <g transform="translate(631.5,3.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="103" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text color="#ffffff">РАСПОЛОЖЕНИЕ</text><br/>
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      <g transform="translate(631.5,135.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="37" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text color="#ffffff">ЭОП-2</text><br />
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      <g transform="translate(631.5,273.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="174" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text class="TextExp">ЭКСПЕРИМЕНТАЛЬНАЯ БАЗА</text><br />
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      <g transform="translate(1.5,270.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="105" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text color="#ffffff">ПРИМЕРЫ РАБОТ</text><br />
      </div>
      </div>
      </foreignObject>
      </switch></g><g transform="translate(69.5,133.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="37" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text color="#ffffff">ЭОП-1</text><br />
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      <g transform="translate(52.5,5.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="54" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text color="#ffffff">АО "АНЦ"</text><br />
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      </g>
      </svg>
      \ No newline at end of file
      src/main.js 0 → 100644
      View file @ fa7e66b7
      import Vue from 'vue'
      import VueRouter from 'vue-router'
      import VueResource from 'vue-resource'
      import 'fullpage.js/vendors/scrolloverflow' // Optional. When using scrollOverflow:true
      // import './fullpage.scrollHorizontally.min' // Optional. When using fullpage extensions
      import VueFullPage from 'vue-fullpage.js'
      import Main from './Main.vue'
      import Product from './Product.vue'
      import Files from './Files.vue'
      import MainSVG from './imgMain/Main.svg';
      Vue.use(VueRouter)
      Vue.use(VueResource)
      Vue.use(VueFullPage);
      const router = new VueRouter({
      routes: [
      { path: '/', name:'Main', component: Main },
      { path: '/product', name:'Product', component: Product },
      { path: '/files', name:'Files', component: Files },
      ]
      })
      new Vue({
      el: '#app',
      router: router,
      options: {
      /* navigation: true, */
      menu: '#testing',
      },
      components: {
      MainSVG,
      },
      })
      src/svgMain.vue 0 → 100644
      View file @ fa7e66b7
      <template>
      <div>
      <svg id="MainSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1600" height="1100" viewBox="-0.5 -0.5 816 286"><defs/>
      <g>
      <g id="LT">
      <!-- Левый Верхний -->
      <path d="M 204 10 L 126.33 9.83" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path d="M 364 141 L 204.5 10" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse cx="124" cy="10" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
      </g>
      <g>
      <!-- Левый Средний -->
      <path id="LM" d="M 204 142.5 L 126.33 142.33" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path id="LM" d="M 359 143 L 204 142.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse id="LM" cx="124" cy="143" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
      </g>
      <g>
      <!-- Левый Нижний -->
      <path id="LB" d="M 361 144 L 204 278" fill="none" stroke="#fff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path id="LB" d="M 204 278 L 126.33 278.17" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse id="LB" cx="124" cy="278" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
      </g>
      <g>
      <!-- Правый Верхний -->
      <path id="RT" d="M 530 10 L 602.17 9.83" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path id="RT" d="M 365 139 L 530 10" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse id="RT" cx="605" cy="10" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,10)" pointer-events="none"/>
      </g>
      <g>
      <!-- Правый Средний -->
      <path id="RM" d="M 367 143 L 517 142.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path id="RM" d="M 517 142.5 L 602.17 142.33" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse id="RM" cx="605" cy="143" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,142.5)" pointer-events="none"/>
      </g>
      <g>
      <!-- Правый Нижний -->
      <path id="RB" d="M 602.17 279.83 L 521.7 280" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <path id="RB" d="M 365 146 L 521.5 280" fill="#none" stroke="#fff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
      <ellipse id="RB" cx="605" cy="280" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,280)" pointer-events="none"/>
      </g>
      <g id="RT" class="ololo" transform="translate(631.5,3.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="103" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text color="#ffffff">РАСПОЛОЖЕНИЕ</text><br/>
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      <g id="RM" class="ololo" transform="translate(631.5,135.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="37" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text color="#ffffff">ЭОП-2</text><br />
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      <g id="RB" class="ololo" transform="translate(631.5,273.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="174" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text class="TextExp">ЭКСПЕРИМЕНТАЛЬНАЯ БАЗА</text><br />
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      <g id="LB" class="ololo" transform="translate(1.5,270.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="105" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text color="#ffffff">ПРИМЕРЫ РАБОТ</text><br />
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      <g id="LM" class="ololo" transform="translate(69.5,133.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="37" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text color="#ffffff">ЭОП-1</text><br />
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      <g id="LT" class="ololo" transform="translate(52.5,5.5)">
      <switch>
      <foreignObject style="overflow:visible;" pointer-events="all" width="54" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
      <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
      <text color="#ffffff">АО "АНЦ"</text><br />
      </div>
      </div>
      </foreignObject>
      </switch>
      </g>
      <image id="world" x="175" y="-45" xlink:href="./imgMain/Earth.png"></image>
      </g>
      </svg>
      </div>
      </template>
      <script>
      export default {
      name: 'app',
      data () {
      return {
      msg: 'Product',
      }
      }
      }
      </script>
      <style>
      #world{
      width: 400px;
      /* height: 200px; */
      top:-520px;
      }
      /* width="350" height="200" x="0" y="0" */
      </style>
      webpack.config.js 0 → 100644
      View file @ fa7e66b7
      var path = require('path')
      var webpack = require('webpack')
      module.exports = {
      entry: './src/main.js',
      output: {
      path: path.resolve(__dirname, './dist'),
      publicPath: '/dist/',
      filename: 'build.js'
      },
      module: {
      rules: [
      {
      test: /\.css$/,
      use: [
      'vue-style-loader',
      'css-loader'
      ],
      }, {
      test: /\.vue$/,
      loader: 'vue-loader',
      options: {
      loaders: {
      }
      // other vue-loader options go here
      }
      },
      {
      test: /\.js$/,
      loader: 'babel-loader',
      exclude: /node_modules/
      },
      {
      test: /\.(png|jpg|gif|svg)$/,
      loader: 'file-loader',
      options: {
      name: '[name].[ext]?[hash]'
      }
      }
      ]
      },
      resolve: {
      alias: {
      'vue$': 'vue/dist/vue.esm.js'
      },
      extensions: ['*', '.js', '.vue', '.json']
      },
      devServer: {
      historyApiFallback: true,
      noInfo: true,
      overlay: true
      },
      performance: {
      hints: false
      },
      devtool: '#eval-source-map'
      }
      if (process.env.NODE_ENV === 'production') {
      module.exports.devtool = '#source-map'
      // http://vue-loader.vuejs.org/en/workflow/production.html
      module.exports.plugins = (module.exports.plugins || []).concat([
      new webpack.DefinePlugin({
      'process.env': {
      NODE_ENV: '"production"'
      }
      }),
      new webpack.optimize.UglifyJsPlugin({
      sourceMap: true,
      compress: {
      warnings: false
      }
      }),
      new webpack.LoaderOptionsPlugin({
      minimize: true
      })
      ])
      }
      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