Commit 5b1e5779 authored by Sergey Serov's avatar Sergey Serov

Initial commit

parents
Pipeline #99 canceled with stages
[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
# site
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Run your tests
```
npm run test
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
module.exports = {
presets: [
'@vue/app'
]
}
This diff is collapsed.
{
"name": "site",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^2.6.5",
"register-service-worker": "^1.6.2",
"vue": "^2.6.10",
"vue-router": "^3.0.3",
"vuex": "^3.0.1"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.11.0",
"@vue/cli-plugin-eslint": "^3.11.0",
"@vue/cli-plugin-pwa": "^3.11.0",
"@vue/cli-service": "^3.11.0",
"@vue/eslint-config-standard": "^4.0.0",
"babel-eslint": "^10.0.1",
"eslint": "^5.16.0",
"eslint-plugin-vue": "^5.0.0",
"vue-template-compiler": "^2.6.10"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"@vue/standard"
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},
"postcss": {
"plugins": {
"autoprefixer": {}
}
},
"browserslist": [
"> 1%",
"last 2 versions"
]
}
This diff is collapsed.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>site</title>
<style>
body{
margin: 0;
}
</style>
</head>
<body>
<noscript>
<strong>We're sorry but site doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
{
"name": "site",
"short_name": "site",
"icons": [
{
"src": "./img/icons/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "./img/icons/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"start_url": "./index.html",
"display": "standalone",
"background_color": "#000000",
"theme_color": "#4DBA87"
}
User-agent: *
Disallow:
<template>
<div id="app">
<nav class="container-fluid" id="navigator">
<div class="row">
<transition name="fade">
<div v-if="!mobile" id="logotip_div" class="WidthNavigation col-md-3">
<img id="logotip" src="./source/Logo.png" />
</div>
</transition>
<div class="WidthNavigation col-md-7">
<router-link class="navig" to="/" exact><span>Главная</span></router-link>
<router-link class="navig" to="/product"><span>Оборудование</span></router-link>
<router-link class="navig" to="/files"><span>Услуги</span></router-link>
<router-link class="navig" to="/contact"><span>Контакты</span></router-link>
</div>
</div>
</transition>
</nav>
<transition name="fade">
<router-view ref="page"></router-view>
</transition>
</div>
</template>
<script>
export default {
name: 'app',
data () {
return {
mobile: false,
}
},
methods:{
Up: function(){
this.$refs.page.move(1)
},
Before: function(){
this.mobile = this.$parent.mobile;
},
}
}
</script>
<style>
::-webkit-scrollbar{
width: 0px;
background: transparent;
}
body{
//-ms-user-select: none;
//-moz-user-select: none;
//-khtml-user-select: none;
//-webkit-user-select: none;
font-family: Arial, Helvetica, sans-serif;
}
@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;
}
@media only screen and (min-width: 320px) and (max-width: 1399px) {
#navigator{
position: absolute;
padding: 1em;
z-index: 100;
}
}
@media only screen and (min-width: 1400px) {
#navigator{
position: absolute;
padding: 1.7em;
z-index: 100;
}
}
.navig span{
font-size: 1.5em;
color:#fff;
font-weight: 500;
margin-right: 1em;
transition: 0.3s;
text-decoration: none;
background-image: linear-gradient(currentColor, currentColor);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 2px;
}
a.navig:hover{
color: #0ff;
text-decoration: none;
}
a.navig:hover span{
color: #0ff;
text-decoration: none;
background-size: 100% 2px;
}
.WidthNavigation{
width: 40vw;
margin: 0 auto;
}
.router-link-exact-active span{
color: red;
}
a.router-link-exact-active:hover span{
color: red;
}
div#logotip_div{
max-width: 24vw;
}
img#logotip{
max-width: 500px;
width: 33vw;
pointer-events: none;
}
#app{
background-image: url('./source/Background.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;
}
.main-fade-enter-active {
transition: all .3s ease;
}
.main-fade-leave-active {
transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.main-fade-enter, .main-fade-leave-to
/* .main-fade-leave-active до версии 2.1.8 */ {
transform: translateX(10px);
opacity: 0;
}
@keyframes bounce-in {
0% {
transform: scale(0);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
</style>
<template>
<div id="app">
<div class="section">
<div id="svg_contact">
<div style="">
<div id="map_contact">
<div id="yandex_map">
<iframe width="100%" height="100%" src="https://yandex.ru/map-widget/v1/?um=constructor%3A140c84673a3c947be2adf9e08ca48c6b17660cc8c5ef8e01d1546f7dd1c49382&amp;source=constructor" frameborder="0"></iframe>
</div>
</div>
<InsertSVG/>
</div>
</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>
</template>
<script>
import InsertSVG from './ContactSVG.vue';
export default {
name: 'app',
components: {
InsertSVG,
},
data () {
return {
msg: 'Contact',
options: {
},
}
},
methods:{
Before: function(){
this.mobile = this.$parent.mobile;
},
move: function(section){
this.$refs.fullpage.api.moveTo(section)
},
}
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#svg_contact{
max-width: 1600px;
margin: 0 auto;
}
#svg_contact #map_contact {
position: absolute;
width: 40vw;
height: 40vw;
max-width: 700px;
max-height: 700px;
overflow: auto;
margin-top: -6%;
margin-left: 14vw;
}
#svg_contact #yandex_map{
overflow: hidden;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
}
#svg_contact #yandex_map iframe{
border-radius: 50%;
/* height:inherit;
width:inherit; */
}
</style>
<template>
<div>
<svg id="contact" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -0.5 551 294">
<defs/>
<g>
<path d="M 1 154.5 L 201 34.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 1 154.5 L 281 154.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 1 154.5 L 201 274.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 281 274.5 L 201 274.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 281 34.5 L 201 34.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<image x="270.5" y="0" width="40" height="40" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPiYjeGE7PG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPiYjeGE7PGc+PHBhdGggc3R5bGU9ImZpbGw6IHdoaXRlOyIgZD0iTTQ5OS42LDEwYy0xOTkuOCwwLTM2Ni4xLDE4My0zMTQsMzg5LjZjNTksMjMzLjcsMzE1LjksNDk0LjYsMzE1LjksNDk0LjZTNzU0LDYzNC40LDgxNC4xLDQwMC44Qzg2Ny4yLDE5NC40LDY5OS40LDEwLDQ5OS42LDEweiBNNzcyLjEsMzg4LjljLTUxLjYsMjA1LjQtMjcwLjgsNDQxLjItMjcwLjgsNDQxLjJzLTIyMy0yMzguNC0yNzMuNi00NDMuOEMxODIuOSwyMDQuOCwzMjguMSw1Myw0OTkuNyw1M0M2NzEuMiw1Myw4MTcuNywyMDcuNiw3NzIuMSwzODguOXoiLz48cGF0aCBzdHlsZT0iZmlsbDogd2hpdGU7IiBkPSJNNDk5LjgsMTc0LjJjLTk5LjEsMC0xNzkuNCw4MC4zLTE3OS40LDE3OS40YzAsOTkuMSw4MC4zLDE3OS40LDE3OS40LDE3OS40czE3OS40LTgwLjMsMTc5LjQtMTc5LjRDNjc5LjIsMjU0LjUsNTk4LjksMTc0LjIsNDk5LjgsMTc0LjJ6IE00OTkuOCw0OTAuNWMtNzUuNiwwLTEzNi44LTYxLjMtMTM2LjgtMTM2LjhjMC03NS42LDYxLjMtMTM2LjgsMTM2LjgtMTM2LjhjNzUuNiwwLDEzNi44LDYxLjMsMTM2LjgsMTM2LjhDNjM2LjYsNDI5LjIsNTc1LjMsNDkwLjUsNDk5LjgsNDkwLjV6Ii8+PHBhdGggc3R5bGU9ImZpbGw6IHdoaXRlOyIgZD0iTTY0OS45LDc5Mi41Yzc1LjIsMTUuMSwxMjQuOSw0MSwxMjQuOSw3MC42YzAsNDYuNS0xMjMuMSw4NC4yLTI3NS4xLDg0LjJjLTE1MS45LDAtMjc1LTM3LjctMjc1LTg0LjJjMC0yOS4zLDQ4LjgtNTUuMSwxMjMtNzAuMmwtOS4zLTM5LjNjLTkzLjksMjIuMS0xNTcsNjIuOC0xNTcsMTA5LjVjMCw3MC4yLDE0Mi42LDEyNywzMTguNSwxMjdjMTc1LjksMCwzMTguNS01Ni44LDMxOC41LTEyN2MwLTQ2LjctNjMuMi04Ny41LTE1Ny4zLTEwOS41TDY0OS45LDc5Mi41eiIvPjwvZz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
<image x="276.5" y="138" width="28" height="28" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPiYjeGE7PG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPiYjeGE7PGc+PHBhdGggc3R5bGU9ImZpbGw6IHdoaXRlOyIgZD0iTTc4My4zLDk5MGgtMTEuNWMtNjUuMSwwLTE1OC45LTMwLjYtMjYwLjMtODIuM2MtOTcuNi00NS45LTE5My4zLTExNC44LTI0OC44LTE3MC40QzIwMy4zLDY3OCwxNDIuMSw1ODgsOTAuNCw0ODYuNkMzOC43LDM4NS4yLDEwLDI5MS40LDEwLDIyOC4ydi0xMS41bDUuNy05LjZjMS45LDAsMzAuNi00OS44LDcwLjgtOTMuOEMxMjYuOCw2My42LDE4MC40LDEwLDIyOC4yLDEwYzQ1LjksMCw5My44LDQyLjEsMTI0LjQsNjdjMTkuMSwxOS4xLDc0LjYsNzAuOCw5NS43LDEyOC4yYzI0LjksNjEuMiwzLjgsOTUuNy0xMS41LDExMWMtMjQuOSwyNC45LTUzLjYsNDQtNzIuNyw1My42Yy0zMi41LDIxLjEtMzYuNCwyNC45LTM2LjQsMzguM2MwLDQ0LDU1LjUsMTAxLjQsMTA5LjEsMTU1YzUzLjYsNTMuNiwxMTEsMTA5LjEsMTUzLjEsMTA5LjFjMTUuMywwLDE3LjItMy44LDM4LjMtMzYuNGMxNy4yLTIxLjEsMzAuNi00Ny45LDU1LjUtNzIuN2MxNS4zLTE1LjMsMzYuNC0yNC45LDU5LjMtMjQuOWMyMywwLDUxLjcsMTMuNCw4NC4yLDI4LjdjMjQuOSwxNS4zLDQ3LjksMzguMyw3NC43LDU5LjNjMjEsMjEuMSw4OCw5MS45LDg4LDE0My42YzAsNTEuNy01Ny40LDEwMy4zLTEwMy40LDE0My41Yy00Ny45LDM2LjQtOTEuOSw2OC45LTkzLjgsNjguOUw3ODMuMyw5OTB6IE04Ni42LDIzOS43YzUuNyw1My42LDMyLjUsMTI4LjIsNzIuNywyMTQuNGM0Ny45LDkwLDEwNS4zLDE3Mi4zLDE1NywyMjkuN2M1MS43LDUxLjcsMTM5LjcsMTExLDIyOS43LDE1Ni45Yzg0LjIsNDAuMiwxNjQuNiw3MC44LDIxNC40LDcwLjhjMTMuNC05LjYsNDUuOS0yOC43LDcyLjctNTUuNWM3MC44LTU1LjUsODAuNC04Mi4zLDgwLjQtODYuMWMwLTkuNi0yMy00OS44LTY3LTkwYy00NC00NC05MC02NS4xLTEwMy40LTY1LjFjLTUuNy0xLjktMy44LDMuOC01LjcsMS45Yy0yMS4xLDIxLjEtMjguNyw0MC4yLTQ0LDU5LjNjLTIxLjEsMzIuNS00NCw3Mi43LTEwMy40LDcyLjdjLTc0LjYsMC0xNDcuNC02Ny0yMDYuNy0xMzIuMWMtNjctNjctMTMyLjEtMTMyLjEtMTMyLjEtMjA4LjZjMC01NS41LDM4LjMtODQuMiw3Mi43LTEwMy40YzE5LjEtOS42LDM4LjMtMjMsNTkuMy00NGMwLTEuOSwxLjktNS43LTMuOC0yMS4xYy05LjYtMjguNy0zOC4zLTY1LjEtNzQuNi0xMDEuNGMtMzYuNC0zNi40LTcwLjgtNTEuNy03NC42LTUxLjdjLTcuNywwLTI0LjksMTEuNS04OCw3OC41QzExOS4xLDE5My44LDk2LjEsMjI2LjMsODYuNiwyMzkuN0w4Ni42LDIzOS43eiBNNjIyLjUsMjU1Yy00NCwwLTc4LjUsMjEuMS0xMDMuNCw1NS41YzE1LjMtMTEuNSwzNC41LTkuNiw0OS44LTkuNmM3MC44LDAsMTMwLjIsNTUuNSwxMzAuMiwxMzAuMmMwLDE3LjItMy44LDMyLjUtOS42LDQ3LjljMzQuNS0xOS4xLDU1LjUtNjEuMiw1NS41LTEwMS40Qzc0NSwzMDguNiw2OTEuNCwyNTUsNjIyLjUsMjU1TDYyMi41LDI1NXogTTY1My4xLDEzMi41Yy02NywwLTEyMi41LDI2LjgtMTYyLjcsNzIuN2MzMi41LTE3LjIsNjctMjYuOCwxMDkuMS0yNi44YzEyMi41LDAsMjIyLDk3LjYsMjIyLDIyMmMwLDM2LjQtOS42LDc4LjUtMjguNywxMDcuMmM0NS45LTM2LjQsNzQuNi05OS41LDc0LjYtMTYwLjhDODY3LjUsMjI2LjMsNzY5LjksMTMyLjUsNjUzLjEsMTMyLjVMNjUzLjEsMTMyLjV6IE03MTQuNCwxMGMtODIuMywwLTE0OS4zLDM0LjQtMjAxLDg2LjFjNDIuMS0yNi44LDkxLjktNDAuMiwxNDcuNC00MC4yYzE1OC45LDAsMjgzLjMsMTI0LjQsMjgzLjMsMjgzLjNjMCw1NS41LTE1LjMsMTAxLjQtNDIuMSwxNDcuNGM1NS41LTUxLjcsODgtMTIyLjUsODgtMjAxQzk5MCwxMzAuNiw4NjUuNiwxMCw3MTQuNCwxMHoiLz48L2c+JiN4YTs8L3N2Zz4=" preserveAspectRatio="none" pointer-events="none"/>
<image x="280.5" y="259" width="33" height="33" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPiYjeGE7PG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPiYjeGE7PGc+PHBhdGggc3R5bGU9ImZpbGw6IHdoaXRlOyIgZD0iTTkwMy42LDE4MC40SDk2LjVjLTQ3LjcsMC04Ni41LDM1LjgtODYuNSw3OS45djQ3OS40YzAsNDQsMzguOCw3OS45LDg2LjUsNzkuOWg4MDcuMWM0Ny42LDAsODYuNC0zNS45LDg2LjQtNzkuOVYyNjAuM0M5OTAsMjE2LjMsOTUxLjIsMTgwLjQsOTAzLjYsMTgwLjRMOTAzLjYsMTgwLjR6IE03Ny45LDczMC4zVjI4MGwyNDQuMywyMjUuOEgzMjJMNzcuOSw3MzEuNEM3Ny45LDczMSw3Ny45LDczMC42LDc3LjksNzMwLjNMNzcuOSw3MzAuM3ogTTE0Mi4xLDI1MC4zaDcxNS44TDUwMC4xLDU4MUwxNDIuMSwyNTAuM0wxNDIuMSwyNTAuM3ogTTM3My4zLDU0My4ybDEyNi43LDExNy4xbDEyNy4zLTExNy42bDIyMy42LDIwNi42SDE1MC40TDM3My4zLDU0My4yTDM3My4zLDU0My4yeiBNNjc5LjMsNTA1LjdoLTEuNWwyMzkuMS0yMjAuOXY0NDAuM0w2NzkuMyw1MDUuN0w2NzkuMyw1MDUuN3oiLz48L2c+JiN4YTs8L3N2Zz4=" preserveAspectRatio="none" pointer-events="none"/>
<g transform="translate(306.5,27.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="231" 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; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<font color="#ffffff">Ш. ЭНТУЗИАСТОВ, 56, СТР. 25, МОСКВА</font>
</div>
</div>
</foreignObject>
</switch>
</g>
<g transform="translate(315.5,145.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="102" 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; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<font color="#ffffff">+7 (495) 641 51 35</font>
</div>
</div>
</foreignObject>
</switch>
</g>
<g transform="translate(322.5,268.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="136" 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; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<font color="#ffffff">INFO@ANCPROTEK.RU</font>
</div>
</div>
</foreignObject>
</switch>
</g>
</g>
</svg>
</div>
</template>
<script>
export default {
name: 'app',
data () {
return {
msg: 'Product',
}
},
methods:{
test: function(section){
// alert(section);
this.$emit('move', section)
}
}
}
</script>
<style>
#world{
width: 400px;
/* height: 200px; */
top:-520px;
}
svg#contact{
width: 51vw;
margin-left: 28vw;
max-width: 700px;
}
/* width="350" height="200" x="0" y="0" */
</style>
<template>
<div id="main">
<div>
<img src="../source/Bacground.png" />
</div>
</div>
</template>
<style>
#main {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#main div{
width: 100%;
/* background-image: url('../source/Bacground.png') */
}
</style>
<script>
export default {
name: 'app',
data () {
return {
}
},
created: function (){
this.Before();
},
methods:{
Before: function(){
this.mobile = this.$parent.mobile;
},
},
watch:{
}
}
</script>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<!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
import Vue from 'vue'
import App from './App.vue'
import router from './router'
Vue.config.productionTip = false
new Vue({
router,
data:{
mobile: false,
first: true,
},
created: function (){
this.Before();
},
methods:{
Up: function(){
this.$refs.page.move(1)
},
isMobileOrTablet: function(){
var check = false;
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera);
return check;
},
Before: function(){
if (this.isMobileOrTablet()) {
this.mobile = true;
// код для мобильных устройств
} else {
// код для обычных устройств
}
}
},
render: h => h(App)
}).$mount('#app')
import Vue from 'vue'
import Router from 'vue-router'
import Contact from './components/Contact.vue'
import Main from './components/Main.vue'
import Equipment from './components/Equipment.vue'
import Amenites from './components/Amenites.vue'
Vue.use(Router)
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{ path: '/', name:'Main', component: Main },
{ path: '/equipment', name:'Equipment', component: Equipment },
{ path: '/amenites', name:'Amenites', component: Amenites },
{ path: '/contact', name:'Contact', component: Contact },
]
})
\ No newline at end of file
This diff is collapsed.
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js App"/>
</div>
</template>
<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
export default {
name: 'home',
components: {
HelloWorld
}
}
</script>
module.exports = {
chainWebpack: config => {
config.module.rules.delete('eslint');
}
}
\ No newline at end of file
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