footer-fone
Version:
Shareable component for distribution via npm
637 lines (617 loc) • 31.9 kB
JavaScript
var FooterFone = (function (exports) {
'use strict';
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var script = {
name: 'FooterFone',
props: {
footerHeight: Number
},
data: function data () {
return {
viewportWidth: window.innerWidth,
viewportHeight: window.innerHeight
}
},
computed: {
footerNormalHeight: function footerNormalHeight () { return ((this.footerHeight || 948) + "px") },
footerLargeHeight: function footerLargeHeight () {
var height = this.footerHeight || (948 * window.innerWidth / 1440);
return (height + "px")
}
},
methods: {
setSize: function setSize () {
this.viewportWidth = window.innerWidth;
this.viewportHeight = window.innerHeight;
}
},
mounted: function mounted () {
window.addEventListener ('resize', this.setSize);
this.setWidth();
}
};
function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
if (typeof shadowMode !== 'boolean') {
createInjectorSSR = createInjector;
createInjector = shadowMode;
shadowMode = false;
}
// Vue.extend constructor export interop.
var options = typeof script === 'function' ? script.options : script;
// render functions
if (template && template.render) {
options.render = template.render;
options.staticRenderFns = template.staticRenderFns;
options._compiled = true;
// functional template
if (isFunctionalTemplate) {
options.functional = true;
}
}
// scopedId
if (scopeId) {
options._scopeId = scopeId;
}
var hook;
if (moduleIdentifier) {
// server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__;
}
// inject component styles
if (style) {
style.call(this, createInjectorSSR(context));
}
// register component module identifier for async chunk inference
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier);
}
};
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook;
}
else if (style) {
hook = shadowMode
? function (context) {
style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
}
: function (context) {
style.call(this, createInjector(context));
};
}
if (hook) {
if (options.functional) {
// register for functional component in vue file
var originalRender = options.render;
options.render = function renderWithStyleInjection(h, context) {
hook.call(context);
return originalRender(h, context);
};
}
else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate;
options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
}
}
return script;
}
var isOldIE = typeof navigator !== 'undefined' &&
/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
function createInjector(context) {
return function (id, style) { return addStyle(id, style); };
}
var HEAD;
var styles = {};
function addStyle(id, css) {
var group = isOldIE ? css.media || 'default' : id;
var style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
if (!style.ids.has(id)) {
style.ids.add(id);
var code = css.source;
if (css.map) {
// https://developer.chrome.com/devtools/docs/javascript-debugging
// this makes source maps inside style tags work properly in Chrome
code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
// http://stackoverflow.com/a/26603875
code +=
'\n/*# sourceMappingURL=data:application/json;base64,' +
btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
' */';
}
if (!style.element) {
style.element = document.createElement('style');
style.element.type = 'text/css';
if (css.media)
{ style.element.setAttribute('media', css.media); }
if (HEAD === undefined) {
HEAD = document.head || document.getElementsByTagName('head')[0];
}
HEAD.appendChild(style.element);
}
if ('styleSheet' in style.element) {
style.styles.push(code);
style.element.styleSheet.cssText = style.styles
.filter(Boolean)
.join('\n');
}
else {
var index = style.ids.size - 1;
var textNode = document.createTextNode(code);
var nodes = style.element.childNodes;
if (nodes[index])
{ style.element.removeChild(nodes[index]); }
if (nodes.length)
{ style.element.insertBefore(textNode, nodes[index]); }
else
{ style.element.appendChild(textNode); }
}
}
}
/* script */
var __vue_script__ = script;
/* template */
var __vue_render__ = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("v-container", { attrs: { fluid: "" } }, [
_c(
"svg",
{
staticClass: "defs-only",
attrs: { width: "1462", height: "948", viewBox: "0 0 1462 948" }
},
[
_c("symbol", { attrs: { id: "footer-background" } }, [
_c("path", {
attrs: {
d:
"M0 89.9995C293 -87.0005 420.5 63.0006 682.5 64.0006C944.5 65.0006 1151.5 -43.5001 1440 21.0007V539C1230 581.998 1003 583.746 817.5 564C558.859 536.47 347 454.001 0 505.001V89.9995Z",
fill: "#94C578"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M1 43.9474C333.664 -33.0788 448 95.6891 707.5 93.7696C967 91.85 1119.5 -16.7065 1441 2.21302V948C1156.5 948 742 948 742 948C455 948 340 948 1 948V43.9474Z",
fill: "url(#paint0_linear)"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M0 43.9474C332.664 -33.0788 447 95.6891 706.5 93.7696C966 91.85 1118.5 -16.7065 1440 2.21302L1441 948C1156.5 948 741 948 741 948C454 948 339 948 0 948V43.9474Z",
fill: "url(#paint1_linear)"
}
}),
_vm._v(" "),
_c("g", { attrs: { opacity: "0.37" } }, [
_c("path", {
attrs: {
d:
"M297.5 308C133.748 308 1 440.748 1 604.5L594 604.5C594 440.748 461.252 308 297.5 308Z",
fill: "#2A8026"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M297.5 405.1C187.374 405.1 98.0992 494.374 98.0992 604.5L496.9 604.5C496.9 494.374 407.626 405.1 297.5 405.1Z",
fill: "#1E6C1A"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M297.5 500.465C240.043 500.465 193.465 547.043 193.465 604.5L401.535 604.5C401.535 547.043 354.957 500.465 297.5 500.465Z",
fill: "#156911"
}
})
]),
_vm._v(" "),
_c("g", { attrs: { opacity: "0.16" } }, [
_c("path", {
attrs: {
d:
"M1051.59 180.816C1061.36 177.047 1067.12 176.291 1075.05 175.058C1134.14 165.89 1192.94 167.938 1251.3 180.828C1276.07 186.316 1299.9 194.58 1321.58 207.976C1336.72 217.351 1349.83 228.814 1358.93 244.344C1360.57 247.177 1362.17 249.934 1363.81 252.767C1364.16 253.589 1364.53 254.486 1364.88 255.308C1365.16 256.599 1365.41 257.815 1365.69 259.105C1367.36 266.412 1369.77 273.585 1370.71 281.026C1374.14 308.551 1368.72 334.962 1359.89 360.788C1348.48 394.046 1331.58 424.333 1310.36 452.306C1285.05 485.613 1255.76 514.701 1217.88 533.853C1203.74 541.05 1188.89 545.908 1173.02 547.321C1148.48 549.483 1126.2 542.592 1105.62 529.702C1086.61 517.823 1070.92 502.34 1056.87 485.109C1043.66 468.842 1031.98 451.582 1022.15 433.096C1015.74 421.011 1009.24 408.958 1003.87 396.431C998.086 382.933 993.35 368.993 988.645 355.128C984.023 341.668 981.29 327.676 979.655 313.573C976.994 290.568 978.06 267.841 986.132 245.856C995.35 220.745 1011.7 201.694 1035.06 188.585",
fill: "#DADADA"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M994.169 265.851C1000.91 257.837 1005.59 254.398 1011.94 249.491C1059.28 212.954 1111.78 186.381 1169.11 169.52C1193.46 162.379 1218.32 158.123 1243.77 159.4C1261.55 160.31 1278.57 164.024 1294.03 173.236C1296.83 174.928 1299.57 176.57 1302.37 178.262C1303.07 178.815 1303.83 179.418 1304.53 179.971C1305.4 180.966 1306.2 181.911 1307.07 182.907C1312.06 188.5 1317.63 193.62 1322.05 199.686C1338.32 222.145 1346.32 247.89 1351.05 274.772C1357.09 309.412 1356.9 344.093 1351.81 378.831C1345.71 420.216 1334.08 459.825 1310.13 494.877C1301.22 507.999 1290.56 519.422 1277.33 528.315C1256.89 542.045 1234.05 546.756 1209.8 545.395C1187.41 544.161 1166.2 538.168 1145.58 529.852C1126.17 521.971 1107.61 512.489 1090.09 501.036C1078.63 493.546 1067.13 486.121 1056.38 477.74C1044.8 468.706 1033.93 458.78 1023.12 448.905C1012.58 439.344 1003.43 428.406 995.199 416.841C981.771 397.974 971.741 377.551 968.206 354.4C964.168 327.957 969.303 303.38 983.433 280.632",
fill: "#72BF44"
}
})
]),
_vm._v(" "),
_c(
"defs",
[
_c(
"linearGradient",
{
attrs: {
id: "paint0_linear",
x1: "0.999781",
y1: "572.387",
x2: "1443.8",
y2: "-88.7058",
gradientUnits: "userSpaceOnUse"
}
},
[
_c("stop", {
attrs: { offset: "0.089305", "stop-color": "#72BF44" }
}),
_vm._v(" "),
_c("stop", {
attrs: { offset: "0.694869", "stop-color": "#20731C" }
})
],
1
),
_vm._v(" "),
_c(
"linearGradient",
{
attrs: {
id: "paint1_linear",
x1: "796.5",
y1: "1009.6",
x2: "778.565",
y2: "-17.7208",
gradientUnits: "userSpaceOnUse"
}
},
[
_c("stop", {
attrs: { offset: "0.073989", "stop-color": "#082607" }
}),
_vm._v(" "),
_c("stop", {
attrs: { offset: "0.518441", "stop-color": "#185E14" }
}),
_vm._v(" "),
_c("stop", {
attrs: { offset: "1", "stop-color": "#5D973B" }
})
],
1
)
],
1
)
])
]
),
_vm._v(" "),
_c(
"svg",
{
staticClass: "defs-only",
attrs: { width: "420", height: "657", viewBox: "0 0 420 657" }
},
[
_c("symbol", { attrs: { id: "footer-background-small" } }, [
_c("path", {
attrs: {
d:
"M -6 43.34 V 258.19 C 171.87 231.79 227.42 265.69 420 279.94 V 34.29 C 225.7 33.77 144.19 -48.29 -6 43.34 Z",
fill: "#94C578"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M 0 21.72 V 657 H 420 V 51.55 C 227.68 52.7 169.63 -24.4 0 21.72 Z",
fill: "url(#paint3_linear)"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M 242.57 65.21 C 246.62 63.65 249.0 63.34 252.29 62.83 C 276.77 59.03 301.12 59.88 325.29 65.22\n C 335.55 67.49 345.42 70.91 354.4 76.46 C 360.67 80.34 366.1 85.09 369.87 91.52 C370.55 92.7 371.21 93.84 371.89 95.01\n C 372.03 95.35 372.19 95.73 372.34 96.07 C 372.45 96.6 372.55 97.1 372.67 97.64 C373.36 100.67 374.36 103.635 374.75 106.717\n C 376.168 118.118 373.926 129.057 370.269 139.754C365.541 153.529 358.542 166.073 349.753 177.659\n C 339.271 191.454 327.139 203.502 311.448 211.435 C305.594 214.415 299.44 216.428 292.867 217.013\n C 282.705 217.908 273.477 215.054 264.952 209.716 C257.077 204.795 250.579 198.383 244.759 191.246\n C 239.291 184.508 234.451 177.359 230.382 169.703 C227.724 164.697 225.034 159.705 222.808 154.517\n C 220.413 148.926 218.452 143.152 216.53 137.41 C214.589 131.84 213.46 126.0 212.78 120.2\n C 211.677 110.67 212.119 101.256 215.462 92.1505 C219.28 81.7501 226.054 73.8595 235.725 68.4297",
fill: "#94C57830"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M218.791 100.432C221.582 97.1128 223.52 95.6884 226.151 93.6558C245.758 78.523 267.502 67.5168 291.251 60.5332\n C 301.334 57.5753 311.629 55.8126 322.171 56.3416C329.536 56.7183 336.584 58.2569 342.99 62.0722\n C 344.15 62.773 345.282 63.4531 346.442 64.154 C346.732 64.383 347.048 64.6328 347.338 64.8618\n C 347.698 65.274 348.031 65.6654 348.391 66.0777 C350.458 68.3942 352.765 70.515 354.592 73.0273\n C 361.334 82.3298 364.647 92.993 366.605 104.127 C369.108 118.474 369.029 132.839 366.919 147.227\n C 364.392 164.368 359.577 180.773 349.659 195.291 C345.969 200.726 341.549 205.458 336.074 209.141\n C 327.604 214.828 318.144 216.779 308.101 216.215 C298.83 215.704 290.044 213.222 281.504 209.777\n C 273.463 206.513 265.775 202.586 258.518 197.842 C253.774 194.74 249.01 191.665 244.558 188.193\n C 239.763 184.452 235.259 180.341 230.782 176.25 C226.416 172.29 222.628 167.76 219.217 162.97\n C 213.656 155.155 209.501 146.697 208.037 137.108 C206.365 126.156 208.491 115.976 214.344 106.554",
fill: "#72BF4430"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M 176.5 287 C 102.77 287 43.0 346.77 43.0 420.5 L 310 420.5 C 310 346.77 250.23 287 176.5 287 Z",
fill: "#2A8026"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M176.5 330.719C126.915 330.719 86.7191 370.915 86.7191 420.5L266.28 420.5C266.28 370.915 226.084 330.719 176.5 330.719Z",
fill: "#1E6C1A"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
d:
"M176.5 373.658C150.63 373.658 129.658 394.63 129.658 420.5L223.342 420.5C223.342 394.63 202.37 373.658 176.5 373.658 Z",
fill: "#156911"
}
}),
_vm._v(" "),
_c(
"defs",
[
_c(
"linearGradient",
{
attrs: {
id: "paint3_linear",
x1: "180",
y1: "7",
x2: "180",
y2: "657",
gradientUnits: "userSpaceOnUse"
}
},
[
_c("stop", { attrs: { "stop-color": "#508C34" } }),
_vm._v(" "),
_c("stop", {
attrs: { offset: "1", "stop-color": "#082606" }
})
],
1
)
],
1
)
])
]
),
_vm._v(" "),
_vm.viewportWidth > 420 && _vm.viewportWidth <= 1440
? _c(
"figure",
{
staticClass: "footer footer-normal",
style: { height: _vm.footerNormalHeight }
},
[
_c("svg", { attrs: { width: "100%", height: "100%" } }, [
_c("use", { attrs: { "xlink:href": "#footer-background" } })
])
]
)
: _vm._e(),
_vm._v(" "),
_vm.viewportWidth > 1440
? _c(
"figure",
{
staticClass: "footer footer--large",
style: { height: _vm.footerLargeHeight }
},
[
_c("div", { attrs: { id: "svg-container" } }, [
_c(
"svg",
{
attrs: {
viewBox: "0 0 1462 948",
preserveAspectRatio: "xMidYMid slice",
width: "110%",
height: "100%"
}
},
[_c("use", { attrs: { "xlink:href": "#footer-background" } })]
)
])
]
)
: _vm._e(),
_vm._v(" "),
_vm.viewportWidth <= 420
? _c("figure", { staticClass: "footer footer--small" }, [
_c("svg", { attrs: { width: _vm.viewportWidth, height: "860" } }, [
_c("use", {
staticStyle: { transform: "scale(1.05, 1.05)" },
attrs: { "xlink:href": "#footer-background-small" }
})
])
])
: _vm._e()
])
};
var __vue_staticRenderFns__ = [];
__vue_render__._withStripped = true;
/* style */
var __vue_inject_styles__ = function (inject) {
if (!inject) { return }
inject("data-v-264e808c_0", { source: "\n.container--fluid[data-v-264e808c] {\n padding: 0;\n}\n.footer[data-v-264e808c] {\n margin: 0;\n padding: 0;\n width: 100%;\n overflow: hidden;\n margin-bottom: -10px;\n}\n.footer--small[data-v-264e808c] {\n height: 563px;\n}\n\n", map: {"version":3,"sources":["Z:\\home\\Pineapple\\components-for-npm\\footer-fone\\src\\FooterFone.vue"],"names":[],"mappings":";AAkGA;EACA,UAAA;AACA;AAEA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,gBAAA;EACA,oBAAA;AACA;AAEA;EACA,aAAA;AACA","file":"FooterFone.vue","sourcesContent":["<template>\n <v-container fluid>\n <svg class=\"defs-only\" width=\"1462\" height=\"948\" viewBox=\"0 0 1462 948\">\n <symbol id=\"footer-background\">\n <path d=\"M0 89.9995C293 -87.0005 420.5 63.0006 682.5 64.0006C944.5 65.0006 1151.5 -43.5001 1440 21.0007V539C1230 581.998 1003 583.746 817.5 564C558.859 536.47 347 454.001 0 505.001V89.9995Z\" fill=\"#94C578\"></path>\n <path d=\"M1 43.9474C333.664 -33.0788 448 95.6891 707.5 93.7696C967 91.85 1119.5 -16.7065 1441 2.21302V948C1156.5 948 742 948 742 948C455 948 340 948 1 948V43.9474Z\" fill=\"url(#paint0_linear)\"></path>\n <path d=\"M0 43.9474C332.664 -33.0788 447 95.6891 706.5 93.7696C966 91.85 1118.5 -16.7065 1440 2.21302L1441 948C1156.5 948 741 948 741 948C454 948 339 948 0 948V43.9474Z\" fill=\"url(#paint1_linear)\"></path>\n <g opacity=\"0.37\">\n <path d=\"M297.5 308C133.748 308 1 440.748 1 604.5L594 604.5C594 440.748 461.252 308 297.5 308Z\" fill=\"#2A8026\"></path>\n <path d=\"M297.5 405.1C187.374 405.1 98.0992 494.374 98.0992 604.5L496.9 604.5C496.9 494.374 407.626 405.1 297.5 405.1Z\" fill=\"#1E6C1A\"></path>\n <path d=\"M297.5 500.465C240.043 500.465 193.465 547.043 193.465 604.5L401.535 604.5C401.535 547.043 354.957 500.465 297.5 500.465Z\" fill=\"#156911\"></path>\n </g>\n <g opacity=\"0.16\">\n <path d=\"M1051.59 180.816C1061.36 177.047 1067.12 176.291 1075.05 175.058C1134.14 165.89 1192.94 167.938 1251.3 180.828C1276.07 186.316 1299.9 194.58 1321.58 207.976C1336.72 217.351 1349.83 228.814 1358.93 244.344C1360.57 247.177 1362.17 249.934 1363.81 252.767C1364.16 253.589 1364.53 254.486 1364.88 255.308C1365.16 256.599 1365.41 257.815 1365.69 259.105C1367.36 266.412 1369.77 273.585 1370.71 281.026C1374.14 308.551 1368.72 334.962 1359.89 360.788C1348.48 394.046 1331.58 424.333 1310.36 452.306C1285.05 485.613 1255.76 514.701 1217.88 533.853C1203.74 541.05 1188.89 545.908 1173.02 547.321C1148.48 549.483 1126.2 542.592 1105.62 529.702C1086.61 517.823 1070.92 502.34 1056.87 485.109C1043.66 468.842 1031.98 451.582 1022.15 433.096C1015.74 421.011 1009.24 408.958 1003.87 396.431C998.086 382.933 993.35 368.993 988.645 355.128C984.023 341.668 981.29 327.676 979.655 313.573C976.994 290.568 978.06 267.841 986.132 245.856C995.35 220.745 1011.7 201.694 1035.06 188.585\" fill=\"#DADADA\"></path>\n <path d=\"M994.169 265.851C1000.91 257.837 1005.59 254.398 1011.94 249.491C1059.28 212.954 1111.78 186.381 1169.11 169.52C1193.46 162.379 1218.32 158.123 1243.77 159.4C1261.55 160.31 1278.57 164.024 1294.03 173.236C1296.83 174.928 1299.57 176.57 1302.37 178.262C1303.07 178.815 1303.83 179.418 1304.53 179.971C1305.4 180.966 1306.2 181.911 1307.07 182.907C1312.06 188.5 1317.63 193.62 1322.05 199.686C1338.32 222.145 1346.32 247.89 1351.05 274.772C1357.09 309.412 1356.9 344.093 1351.81 378.831C1345.71 420.216 1334.08 459.825 1310.13 494.877C1301.22 507.999 1290.56 519.422 1277.33 528.315C1256.89 542.045 1234.05 546.756 1209.8 545.395C1187.41 544.161 1166.2 538.168 1145.58 529.852C1126.17 521.971 1107.61 512.489 1090.09 501.036C1078.63 493.546 1067.13 486.121 1056.38 477.74C1044.8 468.706 1033.93 458.78 1023.12 448.905C1012.58 439.344 1003.43 428.406 995.199 416.841C981.771 397.974 971.741 377.551 968.206 354.4C964.168 327.957 969.303 303.38 983.433 280.632\" fill=\"#72BF44\"></path>\n </g>\n <defs>\n <linearGradient id=\"paint0_linear\" x1=\"0.999781\" y1=\"572.387\" x2=\"1443.8\" y2=\"-88.7058\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0.089305\" stop-color=\"#72BF44\"></stop>\n <stop offset=\"0.694869\" stop-color=\"#20731C\"></stop>\n </linearGradient>\n <linearGradient id=\"paint1_linear\" x1=\"796.5\" y1=\"1009.6\" x2=\"778.565\" y2=\"-17.7208\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0.073989\" stop-color=\"#082607\"></stop>\n <stop offset=\"0.518441\" stop-color=\"#185E14\"></stop>\n <stop offset=\"1\" stop-color=\"#5D973B\"></stop>\n </linearGradient>\n </defs>\n </symbol>\n </svg>\n\n <svg class=\"defs-only\" width=\"420\" height=\"657\" viewBox=\"0 0 420 657\">\n <symbol id=\"footer-background-small\">\n <path d=\"M -6 43.34 V 258.19 C 171.87 231.79 227.42 265.69 420 279.94 V 34.29 C 225.7 33.77 144.19 -48.29 -6 43.34 Z\" fill=\"#94C578\"></path>\n <path d=\"M 0 21.72 V 657 H 420 V 51.55 C 227.68 52.7 169.63 -24.4 0 21.72 Z\" fill=\"url(#paint3_linear)\"></path>\n <path d=\"M 242.57 65.21 C 246.62 63.65 249.0 63.34 252.29 62.83 C 276.77 59.03 301.12 59.88 325.29 65.22\n C 335.55 67.49 345.42 70.91 354.4 76.46 C 360.67 80.34 366.1 85.09 369.87 91.52 C370.55 92.7 371.21 93.84 371.89 95.01\n C 372.03 95.35 372.19 95.73 372.34 96.07 C 372.45 96.6 372.55 97.1 372.67 97.64 C373.36 100.67 374.36 103.635 374.75 106.717\n C 376.168 118.118 373.926 129.057 370.269 139.754C365.541 153.529 358.542 166.073 349.753 177.659\n C 339.271 191.454 327.139 203.502 311.448 211.435 C305.594 214.415 299.44 216.428 292.867 217.013\n C 282.705 217.908 273.477 215.054 264.952 209.716 C257.077 204.795 250.579 198.383 244.759 191.246\n C 239.291 184.508 234.451 177.359 230.382 169.703 C227.724 164.697 225.034 159.705 222.808 154.517\n C 220.413 148.926 218.452 143.152 216.53 137.41 C214.589 131.84 213.46 126.0 212.78 120.2\n C 211.677 110.67 212.119 101.256 215.462 92.1505 C219.28 81.7501 226.054 73.8595 235.725 68.4297\" fill=\"#94C57830\"></path>\n <path d=\"M218.791 100.432C221.582 97.1128 223.52 95.6884 226.151 93.6558C245.758 78.523 267.502 67.5168 291.251 60.5332\n C 301.334 57.5753 311.629 55.8126 322.171 56.3416C329.536 56.7183 336.584 58.2569 342.99 62.0722\n C 344.15 62.773 345.282 63.4531 346.442 64.154 C346.732 64.383 347.048 64.6328 347.338 64.8618\n C 347.698 65.274 348.031 65.6654 348.391 66.0777 C350.458 68.3942 352.765 70.515 354.592 73.0273\n C 361.334 82.3298 364.647 92.993 366.605 104.127 C369.108 118.474 369.029 132.839 366.919 147.227\n C 364.392 164.368 359.577 180.773 349.659 195.291 C345.969 200.726 341.549 205.458 336.074 209.141\n C 327.604 214.828 318.144 216.779 308.101 216.215 C298.83 215.704 290.044 213.222 281.504 209.777\n C 273.463 206.513 265.775 202.586 258.518 197.842 C253.774 194.74 249.01 191.665 244.558 188.193\n C 239.763 184.452 235.259 180.341 230.782 176.25 C226.416 172.29 222.628 167.76 219.217 162.97\n C 213.656 155.155 209.501 146.697 208.037 137.108 C206.365 126.156 208.491 115.976 214.344 106.554\" fill=\"#72BF4430\"></path>\n <path d=\"M 176.5 287 C 102.77 287 43.0 346.77 43.0 420.5 L 310 420.5 C 310 346.77 250.23 287 176.5 287 Z\" fill=\"#2A8026\"></path>\n <path d=\"M176.5 330.719C126.915 330.719 86.7191 370.915 86.7191 420.5L266.28 420.5C266.28 370.915 226.084 330.719 176.5 330.719Z\" fill=\"#1E6C1A\"></path>\n <path d=\"M176.5 373.658C150.63 373.658 129.658 394.63 129.658 420.5L223.342 420.5C223.342 394.63 202.37 373.658 176.5 373.658 Z\" fill=\"#156911\"></path>\n <defs>\n <linearGradient id=\"paint3_linear\" x1=\"180\" y1=\"7\" x2=\"180\" y2=\"657\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#508C34\"></stop>\n <stop offset=\"1\" stop-color=\"#082606\"></stop>\n </linearGradient>\n </defs>\n </symbol>\n </svg>\n\n <figure\n class=\"footer footer-normal\"\n v-if=\"viewportWidth > 420 && viewportWidth <= 1440\"\n :style=\"{ height: footerNormalHeight }\"\n >\n <svg width=\"100%\" height=\"100%\">\n <use xlink:href=\"#footer-background\"></use>\n </svg>\n </figure>\n\n <figure class=\"footer footer--large\" v-if=\"viewportWidth > 1440\" :style=\"{ height: footerLargeHeight }\">\n <div id=\"svg-container\">\n <svg viewBox=\"0 0 1462 948\"\n preserveAspectRatio=\"xMidYMid slice\"\n width=\"110%\"\n height=\"100%\"\n >\n <use xlink:href=\"#footer-background\"/>\n </svg>\n </div>\n </figure>\n\n <figure class=\"footer footer--small\" v-if=\"viewportWidth <= 420\">\n <svg :width=\"viewportWidth\" height=\"860\">\n <use xlink:href=\"#footer-background-small\" style=\"transform: scale(1.05, 1.05)\"></use>\n </svg>\n </figure>\n </v-container>\n\n</template>\n\n<style scoped>\n\n.container--fluid {\n padding: 0;\n}\n\n.footer {\n margin: 0;\n padding: 0;\n width: 100%;\n overflow: hidden;\n margin-bottom: -10px;\n}\n\n.footer--small {\n height: 563px;\n}\n\n</style>\n\n<script>\n\nexport default {\n name: 'FooterFone',\n props: {\n footerHeight: Number\n },\n data () {\n return {\n viewportWidth: window.innerWidth,\n viewportHeight: window.innerHeight\n }\n },\n computed: {\n footerNormalHeight () { return `${this.footerHeight || 948}px` },\n footerLargeHeight () {\n const height = this.footerHeight || (948 * window.innerWidth / 1440)\n return `${height}px`\n }\n },\n methods: {\n setSize () {\n this.viewportWidth = window.innerWidth\n this.viewportHeight = window.innerHeight\n }\n },\n mounted () {\n window.addEventListener ('resize', this.setSize)\n this.setWidth()\n }\n}\n</script>\n"]}, media: undefined });
};
/* scoped */
var __vue_scope_id__ = "data-v-264e808c";
/* module identifier */
var __vue_module_identifier__ = undefined;
/* functional template */
var __vue_is_functional_template__ = false;
/* style inject SSR */
/* style inject shadow dom */
var __vue_component__ = /*#__PURE__*/normalizeComponent(
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
__vue_inject_styles__,
__vue_script__,
__vue_scope_id__,
__vue_is_functional_template__,
__vue_module_identifier__,
false,
createInjector,
undefined,
undefined
);
// Объявление функции установки, выполняемой Vue.use()
function install(Vue) {
if (install.installed) { return }
install.installed = true;
Vue.component('FooterFone', __vue_component__);
}
// Создание значения модуля для Vue.use()
var plugin = {
install: install
};
// Автоматическая установка, когда vue найден (например в браузере с помощью тега <script>)
var GlobalVue = null;
if (typeof window !== 'undefined') {
GlobalVue = window.Vue;
} else if (typeof global !== 'undefined') {
GlobalVue = global.Vue;
}
if (GlobalVue) {
GlobalVue.use(plugin);
}
exports.default = __vue_component__;
exports.install = install;
return exports;
}({}));