111 lines
10 KiB
Vue
111 lines
10 KiB
Vue
<template>
|
|
<svg class="errorIcon" viewBox="0 0 402 196" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<template v-if="is404">
|
|
<path
|
|
d="M19 89L0.5 114V136H47.5L43.5 110.5L33.5 110L40.5 100.5C40.1667 99 38.3 95.2 33.5 92C28.7 88.8 21.8333 88.6667 19 89Z"
|
|
fill="#182922"
|
|
/>
|
|
<path d="M66 36.5L59.5 34.5L73 17H99.5V75L82 59.5L66 36.5Z" fill="#182922" />
|
|
<path
|
|
d="M76.5 168.5L69.5 173.5V181H99.5V136H126.5V110.5H99.5V97L91.5 103L84.5 117L83.5 141.5L81.5 157L76.5 168.5Z"
|
|
fill="#182922"
|
|
/>
|
|
<path d="M320 78.5L309 70L275.5 115V136H320L330 111L308.5 110L326 87L320 78.5Z" fill="#182922" />
|
|
<path
|
|
d="M327.5 55.5L320.5 54L348.5 17H374.5V42.5H362L354.5 45L345 51.5L336.5 55.5H327.5Z"
|
|
fill="#182922"
|
|
/>
|
|
<path d="M362.5 150L344 158.5L345 181.5H374.5V148L362.5 150Z" fill="#182922" />
|
|
<path
|
|
d="M125.827 135.769H126.327V135.269V111.269V110.769H125.827H98.7913V17.5771V17.0771H98.2913H73.739H73.4888L73.3388 17.2775L0.59975 114.431L0.5 114.565V114.731V135.269V135.769H1H70.0266V180.269V180.769H70.5266H98.2913H98.7913V180.269V135.769H125.827ZM401 135.769H401.5V135.269V111.269V110.769H401H373.965V17.5771V17.0771H373.465H348.912H348.662L348.512 17.2775L275.773 114.431L275.673 114.565V114.731V135.269V135.769H276.173H345.2V180.269V180.769H345.7H373.465H373.965V180.269V135.769H401ZM70.0266 110.769H31.624L70.0266 61.4936V110.769ZM345.2 110.769H306.797L345.2 61.4936V110.769Z"
|
|
stroke="#44F1A6"
|
|
/>
|
|
<path
|
|
d="M60.481 34C64.0903 35.3589 67.2333 37.4449 69.5 40.5C78.612 52.7815 85.2128 68.202 99.5 74.8228M99.5 96.1312C92.2684 100.818 84.2893 109.613 84 123.5C83.5651 144.376 83.8868 167.521 69.5 173.194M48 136.282C44.2352 128.755 44.4352 119.12 43.4817 110.5M40.9125 99.5C39.2955 95.8589 36.73 92.88 32.5 91.0001C28.0552 89.0246 23.4277 88.6047 19 89.0797M309 69.8078C315.516 74.2604 322.053 79.9477 326.309 86.5M330.15 110C327.96 118.791 322.802 127.295 319.5 136.409M320.5 53.5727C325.17 55.5529 331.611 56.7962 338.5 54.5C349.932 50.6892 353.835 39.7068 374.5 42.2019M374.5 148.114C361.589 148.856 351.877 153.158 344.862 158.5"
|
|
stroke="#44F1A6"
|
|
/>
|
|
</template>
|
|
<path
|
|
d="M214.602 71.6778L199.102 192.322L230.693 110.442L251.904 54.124L227.767 67.2893L214.602 71.6778Z"
|
|
fill="#1D3F30"
|
|
/>
|
|
<path d="M157.552 61.4379L137.073 50.4668L196.317 187.24L157.552 61.4379Z" fill="#182922" />
|
|
<path d="M149.507 57.781L144.387 43.8843L167.061 57.781H149.507Z" fill="#276C4E" />
|
|
<path
|
|
d="M135.61 47.5419L198.511 193.823M198.511 193.823L253.367 51.199M198.511 193.823L214.602 71.6784M198.511 193.823L158.284 62.9015M141.461 37.3022C141.461 38.4725 146.825 50.7114 149.507 57.0502"
|
|
stroke="#44F1A6"
|
|
/>
|
|
<path
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M222.666 36.5972C222.64 43.8351 211.835 49.6982 198.511 49.6982L198.462 49.6981C185.144 49.6836 174.356 43.8117 174.356 36.5703L174.356 36.5455C174.381 29.3066 185.186 23.4425 198.511 23.4425L198.56 23.4426C211.878 23.457 222.666 29.329 222.666 36.5703L222.666 36.5972ZM235.787 56.4237C233.446 63.0515 225.269 68.5516 214.275 71.283L214.187 71.9896C238.975 68.263 257.174 55.916 257.174 41.2589C257.174 31.1572 248.529 22.1528 235.041 16.3114C252.562 18.1395 265.801 26.5147 265.801 36.5703C265.801 18.9625 239.536 4.68851 207.138 4.68851C188.551 4.68851 171.983 9.3866 161.235 16.717C164.598 7.19459 180.009 0 198.511 0C166.113 0 139.849 14.274 139.849 31.8818C139.849 41.9835 148.493 50.9879 161.981 56.8293C149.262 55.5022 138.8 50.725 134.02 44.3594L134 44.4577L135.865 49.0225C144.789 60.4428 165.615 68.4522 189.884 68.4522C208.471 68.4522 225.039 63.7541 235.787 56.4237Z"
|
|
fill="#44F1A6"
|
|
/>
|
|
<path
|
|
d="M222.496 38.9175C222.496 42.0722 219.962 45.0588 215.568 47.2865C211.203 49.5001 205.137 50.8838 198.409 50.8838C191.682 50.8838 185.616 49.5001 181.25 47.2865C176.857 45.0588 174.323 42.0722 174.323 38.9175C174.323 35.7627 176.857 32.7761 181.25 30.5484C185.616 28.3349 191.682 26.9512 198.409 26.9512C205.137 26.9512 211.203 28.3349 215.568 30.5484C219.962 32.7761 222.496 35.7627 222.496 38.9175Z"
|
|
stroke="#44F1A6"
|
|
/>
|
|
<path
|
|
d="M219.725 42.7263C219.725 45.6026 217.49 48.328 213.604 50.3638C209.741 52.3872 204.369 53.6537 198.409 53.6537C192.449 53.6537 187.078 52.3872 183.215 50.3638C179.328 48.328 177.093 45.6026 177.093 42.7263C177.093 39.8499 179.328 37.1246 183.215 35.0888C187.078 33.0654 192.449 31.7988 198.409 31.7988C204.369 31.7988 209.741 33.0654 213.604 35.0888C217.49 37.1246 219.725 39.8499 219.725 42.7263Z"
|
|
stroke="#44F1A6"
|
|
/>
|
|
<path
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M167.61 94.5294L167.267 93.4227C173.991 95.0115 181.491 95.9004 189.406 95.9004C197.416 95.9004 205.002 94.9899 211.788 93.3648L211.647 94.4261C204.871 96.0159 197.338 96.9004 189.406 96.9004C181.647 96.9004 174.27 96.0541 167.61 94.5294ZM171.287 106.37L170.952 105.29C176.691 106.383 182.909 106.982 189.406 106.982C196.822 106.982 203.873 106.202 210.264 104.796L210.124 105.851C203.749 107.224 196.748 107.982 189.406 107.982C183.049 107.982 176.948 107.414 171.287 106.37ZM174.462 116.593L174.133 115.532C178.964 116.276 184.091 116.677 189.406 116.677C196.311 116.677 202.9 116.001 208.934 114.773L208.794 115.821C202.781 117.02 196.241 117.677 189.406 117.677C184.221 117.677 179.206 117.299 174.462 116.593ZM177.155 125.266L176.83 124.219C180.858 124.721 185.07 124.988 189.406 124.988C195.879 124.988 202.075 124.394 207.796 123.308L207.657 124.352C201.959 125.411 195.812 125.988 189.406 125.988C185.192 125.988 181.091 125.739 177.155 125.266ZM179.824 133.861L179.503 132.826C182.709 133.137 186.02 133.299 189.406 133.299C195.453 133.299 201.258 132.78 206.66 131.827L206.521 132.866C201.146 133.796 195.389 134.299 189.406 134.299C186.136 134.299 182.934 134.149 179.824 133.861ZM182.031 140.967L181.713 139.941C184.223 140.128 186.792 140.225 189.406 140.225C195.102 140.225 200.583 139.765 205.715 138.914L205.577 139.95C200.473 140.779 195.04 141.225 189.406 141.225C186.904 141.225 184.442 141.137 182.031 140.967ZM184.004 147.32L183.688 146.302C185.566 146.405 187.473 146.458 189.406 146.458C194.789 146.458 199.98 146.047 204.866 145.284L204.728 146.317C199.872 147.06 194.729 147.458 189.406 147.458C187.583 147.458 185.781 147.411 184.004 147.32ZM198.721 191.368C198.385 191.399 198.048 191.427 197.71 191.454L197.406 190.475C197.891 190.437 198.375 190.396 198.857 190.352L198.721 191.368ZM204.112 150.94C199.447 151.629 194.513 151.999 189.406 151.999C188.069 151.999 186.745 151.974 185.434 151.924L185.748 152.936C186.957 152.978 188.177 152.999 189.406 152.999C194.454 152.999 199.341 152.641 203.974 151.971L204.112 150.94ZM203.453 155.883C198.983 156.511 194.273 156.847 189.406 156.847C188.584 156.847 187.766 156.838 186.954 156.819L187.267 157.826C187.976 157.84 188.689 157.847 189.406 157.847C194.215 157.847 198.879 157.522 203.315 156.911L203.453 155.883ZM202.888 160.115C198.587 160.693 194.068 161.002 189.406 161.002C189.02 161.002 188.635 161 188.251 160.996L188.562 161.999C188.843 162.001 189.124 162.002 189.406 162.002C194.012 162.002 198.484 161.704 202.751 161.142L202.888 160.115ZM202.324 164.345C198.235 164.87 193.954 165.152 189.543 165.158L189.854 166.157C194.1 166.139 198.23 165.868 202.188 165.37L202.324 164.345ZM201.855 167.867C198.242 168.313 194.481 168.569 190.617 168.614L190.926 169.61C194.629 169.557 198.239 169.311 201.718 168.891L201.855 167.867ZM201.479 170.683C198.249 171.068 194.904 171.303 191.473 171.37L191.781 172.364C195.053 172.291 198.248 172.067 201.343 171.706L201.479 170.683ZM201.104 173.497C198.26 173.826 195.327 174.037 192.327 174.121L192.635 175.112C195.477 175.025 198.261 174.825 200.968 174.519L201.104 173.497ZM200.729 176.31C198.273 176.584 195.751 176.771 193.179 176.863L193.486 177.852C195.903 177.759 198.275 177.583 200.593 177.331L200.729 176.31ZM200.448 178.419C198.284 178.654 196.071 178.822 193.816 178.917L194.123 179.905C196.223 179.811 198.288 179.654 200.312 179.44L200.448 178.419ZM200.167 180.527C198.297 180.724 196.39 180.871 194.452 180.965L194.759 181.951C196.543 181.86 198.302 181.725 200.031 181.546L200.167 180.527ZM199.886 182.633C198.311 182.795 196.71 182.922 195.087 183.01L195.393 183.995C196.864 183.911 198.317 183.796 199.75 183.652L199.886 182.633ZM199.605 184.74C198.327 184.868 197.031 184.972 195.721 185.052L196.027 186.035C197.186 185.961 198.334 185.869 199.469 185.758L199.605 184.74ZM199.418 186.143C198.338 186.249 197.246 186.338 196.143 186.41L196.448 187.392C197.401 187.328 198.346 187.251 199.282 187.161L199.418 186.143ZM199.231 187.546C198.35 187.631 197.461 187.705 196.564 187.767L196.869 188.748C197.616 188.694 198.358 188.633 199.095 188.564L199.231 187.546ZM199.044 188.949C198.362 189.013 197.676 189.071 196.985 189.122L197.29 190.102C197.832 190.061 198.371 190.015 198.908 189.966L199.044 188.949ZM213.557 80.1028C206.299 81.9885 198.091 83.049 189.406 83.049C179.78 83.049 170.741 81.7464 162.931 79.4614L162.574 78.312C170.422 80.6835 179.596 82.049 189.406 82.049C198.177 82.049 206.439 80.9575 213.699 79.0314L213.557 80.1028Z"
|
|
fill="url(#paint0_linear)"
|
|
/>
|
|
<path
|
|
d="M142.29 145.388C132.091 140.383 122.569 134.775 117 130M159.691 152.492C176.741 158.119 197.102 161.071 219 157.333"
|
|
stroke="#44F1A6"
|
|
/>
|
|
<path
|
|
d="M263 80C260.456 82.4914 254.977 86.9979 248.429 91.605M227 104C231.938 101.951 237.321 98.9194 242.429 95.6425"
|
|
stroke="#44F1A6"
|
|
/>
|
|
<path
|
|
d="M117.282 21.6163C116.028 29.8285 116.689 42.8176 124.908 54.8036M165.921 79.6946C148.556 75.5121 137.059 68.5158 129.587 60.5941"
|
|
stroke="#44F1A6"
|
|
/>
|
|
<path
|
|
d="M245 125C237.768 129.445 227.895 133.525 217.03 136.05M206 138C207.986 137.761 209.959 137.461 211.909 137.108"
|
|
stroke="#44F1A6"
|
|
/>
|
|
<defs>
|
|
<linearGradient
|
|
id="paint0_linear"
|
|
x1="188.137"
|
|
y1="78.312"
|
|
x2="188.137"
|
|
y2="191.454"
|
|
gradientUnits="userSpaceOnUse"
|
|
>
|
|
<stop stop-color="#44F1A6" />
|
|
<stop offset="0.458333" stop-color="#44F1A6" stop-opacity="0" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
is404: {
|
|
type: Boolean,
|
|
default: true
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.errorIcon {
|
|
max-width: 402px;
|
|
width: 100%;
|
|
display: block;
|
|
height: auto;
|
|
|
|
margin: 0 auto 20px;
|
|
}
|
|
</style>
|