add not-found-component
This commit is contained in:
@@ -7,4 +7,5 @@
|
||||
.App-body {
|
||||
flex-grow: 1;
|
||||
overflow: auto;
|
||||
background: linear-gradient(to right, #330d38 0%, #190d36 100%);
|
||||
}
|
||||
@@ -1,17 +1,14 @@
|
||||
import Menu from './components/Menu.js';
|
||||
import Menu from './components/Menu';
|
||||
import Foot from './components/Foot';
|
||||
import NotFound from './components/NotFound'
|
||||
import './App.css';
|
||||
//import {ReactComponent as NotFound} from './images/not_found.svg';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div className="App">
|
||||
<Menu/>
|
||||
<div className='App-body'>
|
||||
start
|
||||
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>1
|
||||
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>2
|
||||
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>end
|
||||
<NotFound/>
|
||||
</div>
|
||||
<Foot/>
|
||||
</div>
|
||||
|
||||
@@ -1,3 +1,10 @@
|
||||
/**
|
||||
* SVG minifyer: https://www.svgminify.com/
|
||||
* SVG to JSX converter:
|
||||
* https://react-svgr.com/playground/
|
||||
* https://svg2jsx.com/
|
||||
*/
|
||||
|
||||
import {ReactComponent as DownloadIcon} from '../images/cloud-download.svg';
|
||||
import {ReactComponent as CloudIcon} from '../images/cloud.svg';
|
||||
import {ReactComponent as Arrow} from '../images/arrow.svg';
|
||||
|
||||
8
src/components/NotFound.css
Normal file
8
src/components/NotFound.css
Normal file
@@ -0,0 +1,8 @@
|
||||
.not-found {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
19
src/components/NotFound.js
Normal file
19
src/components/NotFound.js
Normal file
@@ -0,0 +1,19 @@
|
||||
/**
|
||||
* SVG minifyer: https://www.svgminify.com/
|
||||
* SVG to JSX converter:
|
||||
* https://react-svgr.com/playground/
|
||||
* https://svg2jsx.com/
|
||||
*/
|
||||
|
||||
import NotFoundImg from '../images/NotFound.jsx';
|
||||
import './NotFound.css'
|
||||
|
||||
function NotFound () {
|
||||
return (
|
||||
<div className='not-found'>
|
||||
<NotFoundImg/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default NotFound;
|
||||
70
src/images/NotFound.jsx
Normal file
70
src/images/NotFound.jsx
Normal file
@@ -0,0 +1,70 @@
|
||||
import * as React from "react"
|
||||
|
||||
const NotFound = (props) => (
|
||||
<svg
|
||||
clipRule="evenodd"
|
||||
fillRule="evenodd"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={2}
|
||||
viewBox="0 0 256 256"
|
||||
xmlSpace="preserve"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path d="M177.97 27.016H75.02v50.141H47.887v50.818H74.62v51.618l-7.615 11.376H48.45v12.979h25.7v26.214h77.915v-26.214h26.025v-24.622l26-.124v-17.866h-16.924l-9.585-8.566v-50.763h26.509V78.014h-26.053l-.063-50.998zM187.225 220.19h16.871v9.922h-16.871zM22.334 161.118h14.648v17.956H22.334zM217.096 132.06h13.041v20.737h-13.041zM22.164 51.814h14.648v20.061H22.164z" />
|
||||
<path
|
||||
d="M178.03 78.014h1.377l-36.437 152.15H74.143v-26.213H50.805l3.087-12.98h13.106l7.615-11.376v-51.618H69l20.831-86.985 88.199 21.122v15.902zm-68.716 35.605-12.687-3.046-9.562 39.828 12.879 3.092 3.006-12.52 22.644 5.436-3.141 13.085 12.491 2.999 9.562-39.828-12.141-2.915 3.141-13.085-23.186-5.567-3.006 12.521zm9.938-39.235L95.49 68.679l-6.369 26.525 23.763 5.705 6.368-26.525zm46 11-23.762-5.705-6.369 26.525 23.763 5.705 6.368-26.525z"
|
||||
fill="url(#a)"
|
||||
/>
|
||||
<path
|
||||
d="M186.005 14.005H68.015l7 13.012h103.018l7.973-13.012zM215.92 74.028h-29.917l-7.973 3.987h26.053l11.838-3.987zM187.18 101.946h-9.6v50.827l9.6 8.58v-59.407zM204.089 179.205h-26.116l9.192 9.804h28.76l-11.837-9.804zM178.09 203.951h-26.024l4.001 14.996h31.1l-9.076-14.996zM152.064 230.165H74.149l-7.03 18.745h88.946l-4.002-18.745zM74.146 203.951H48.447l-11.445 15.068h30.116l7.029-15.068zM74.616 127.978H47.883l-11.107 3.266H67l7.615-3.266zM68.017 72.2h-31.24l11.106 4.957h27.133l-7-4.956z"
|
||||
fill="#0005"
|
||||
/>
|
||||
<path
|
||||
d="m186.005 14.004-7.974 13.011v50.997l7.974-3.986V14.002zM215.924 74.028l-11.838 3.986v23.993h11.838v-27.98zM215.924 161.354h-11.838v17.852l11.838 9.804v-27.657zM187.162 189.011l-9.076-9.68v24.621l9.076 14.996v-29.936zM156.062 218.949l-4-14.996v26.214l4 18.745V218.95zM74.146 203.953l-7.03 15.068v29.89l7.03-18.745v-26.214zM48.446 190.974H37.001v28.046l11.445-15.067v-12.98zM74.616 127.98l-7.615 3.266v59.727l7.615-11.376V127.98zM47.883 77.161l-11.107-4.956v59.04l11.107-3.267V77.16zM75.017 27.016l-6.999-13.01V72.2l6.999 4.957v-50.14z"
|
||||
fill="#000b"
|
||||
/>
|
||||
<path
|
||||
d="M204.101 230.112h-16.87v18.961h28.807l-11.937-18.96z"
|
||||
fill="#0005"
|
||||
/>
|
||||
<path
|
||||
d="M216.035 220.192h-11.937v9.922l11.937 18.96v-28.882z"
|
||||
fill="#000b"
|
||||
/>
|
||||
<path
|
||||
d="M36.981 179.077H22.334L7.806 190.87h29.176v-11.792z"
|
||||
fill="#0005"
|
||||
/>
|
||||
<path
|
||||
d="M22.334 161.123H7.805v29.747l14.529-11.792V161.12z"
|
||||
fill="#000b"
|
||||
/>
|
||||
<path
|
||||
d="M230.143 152.8h-13.041v8.147h27.907l-14.866-8.147z"
|
||||
fill="#0005"
|
||||
/>
|
||||
<path
|
||||
d="M245.006 132.065H230.14v20.737l14.866 8.146v-28.882z"
|
||||
fill="#000b"
|
||||
/>
|
||||
<path d="M36.811 43.143H7.974l14.19 8.673H36.81v-8.673z" fill="#0005" />
|
||||
<path
|
||||
d="m22.164 51.814-14.19-8.673v28.734c4.985-.014 11.337-.104 14.19 0v-20.06z"
|
||||
fill="#000b"
|
||||
/>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id="a"
|
||||
x2={1}
|
||||
gradientTransform="rotate(105.744 48.684 77.961) scale(193.811)"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stopColor="#4dcb40" offset={0} />
|
||||
<stop stopColor="#4dcb40" stopOpacity={0} offset={1} />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
)
|
||||
|
||||
export default NotFound
|
||||
@@ -1,116 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
|
||||
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" version="1.1" viewBox="0 0 256 256" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/">
|
||||
|
||||
<g transform="translate(93.112 97.58)">
|
||||
<path d="m84.858-70.564h-102.95v50.141h-27.133v50.818h26.733v51.618l-7.615 11.376h-18.555v12.979h25.7v26.214h77.915v-26.214h26.025v-24.622l26-0.124v-17.866h-16.924l-9.585-8.566v-50.763h26.509v-23.993h-26.053l-0.063-50.998z"/>
|
||||
</g>
|
||||
<g transform="translate(148.11 98.58)">
|
||||
<rect x="39.115" y="121.61" width="16.871" height="9.922"/>
|
||||
</g>
|
||||
<g transform="translate(0 98.58)">
|
||||
<rect x="22.334" y="62.538" width="14.648" height="17.956"/>
|
||||
</g>
|
||||
<g transform="translate(170.11 19.58)">
|
||||
<rect x="46.986" y="112.48" width="13.041" height="20.737"/>
|
||||
</g>
|
||||
<rect x="22.164" y="51.814" width="14.648" height="20.061"/>
|
||||
|
||||
<path d="m178.03 78.014h1.377l-36.437 152.15h-68.827v-26.213h-23.338l3.087-12.98h13.106l7.615-11.376v-51.618h-5.613l20.831-86.985 88.199 21.122v15.902zm-68.716 35.605-12.687-3.046-9.562 39.828 12.879 3.092 3.006-12.52 22.644 5.436-3.141 13.085 12.491 2.999 9.562-39.828-12.141-2.915 3.141-13.085-23.186-5.567-3.006 12.521zm9.938-39.235-23.762-5.705-6.369 26.525 23.763 5.705 6.368-26.525zm46 11-23.762-5.705-6.369 26.525 23.763 5.705 6.368-26.525z" fill="url(#a)"/>
|
||||
|
||||
<g serif:id="Cutout">
|
||||
<g transform="matrix(.45646 0 0 .047652 68.508 14.27)">
|
||||
<path d="m257.41-5.567h-258.49l15.334 273.06h225.69l17.468-273.06z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.45646 0 0 .047652 180.59 76.227)">
|
||||
<path d="m77.402-46.146h-65.543l-17.468 83.66h57.076l25.935-83.66z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.18717 0 0 .65148 173.63 136.48)">
|
||||
<path d="m72.394-53.008h-51.29v78.017l51.29 13.169v-91.186z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.18717 0 0 .65148 182.63 166.48)">
|
||||
<path d="m114.65 19.532h-139.53l49.11 15.05h153.66l-63.247-15.05z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.18717 0 0 .65148 154.63 198.48)">
|
||||
<path d="m125.34 8.398h-139.04l21.378 23.018h166.16l-48.491-23.018z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.18717 0 0 .65148 121.63 226.48)">
|
||||
<path d="m162.6 5.656h-416.28l-37.555 28.773h475.21l-21.377-28.773z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.18717 0 0 .65148 57.627 203.48)">
|
||||
<path d="m88.255 0.723h-137.3l-61.148 23.129h160.9l37.555-23.129z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.18717 0 0 .65148 57.627 134.48)">
|
||||
<path d="m90.77-9.981h-142.83l-59.342 5.014h161.48l40.685-5.014z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.18717 0 0 .65148 59.627 85.478)">
|
||||
<path d="m44.825-20.38h-166.91l59.342 7.608h144.96l-37.393-7.608z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.029597 0 0 .24616 178.35 14.906)">
|
||||
<path d="m258.63-3.665-269.41 52.858v207.17l269.41-16.195v-243.84z" fill="#3d3d40"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 204.56 74.496)">
|
||||
<path d="m258.63-4.365-269.41 37.15v223.58h269.41v-260.73z" fill="#3d3d40"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 204.56 161.5)">
|
||||
<path d="m258.63-1.365h-269.41v166.36l269.41 91.369v-257.73z" fill="#3d3d40"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 178.56 190.5)">
|
||||
<path d="m195.77-13.874-206.56-90.216v229.45l206.56 139.74v-278.97z" fill="#3d3d40"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 149.56 224.5)">
|
||||
<path d="m147.98-51.733-91.061-139.74v244.28l91.061 174.68v-279.21z" fill="#3d3d40"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 59.56 224.5)">
|
||||
<path d="m331.94-191.47-159.97 140.41v278.54l159.97-174.68v-244.28z" fill="#3d3d40"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 23.56 203.5)">
|
||||
<path d="m566.36-116.73h-260.47v261.36l260.47-140.41v-120.95z" fill="#3d3d40"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 53.56 164.5)">
|
||||
<path d="m479.19-340.33-173.3 30.443v556.58l173.3-106.01v-481.01z" fill="#3d3d40"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 18.56 108.5)">
|
||||
<path d="m667.33-292.04-252.78-46.188v550.18l252.78-30.442v-473.56z" fill="#3d3d40"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 29.56 43.496)">
|
||||
<path d="m1034.5-153.57-159.28-121.25v542.31l159.28 46.188v-467.24z" fill="#3d3d40"/>
|
||||
</g>
|
||||
</g>
|
||||
<g serif:id="Hole4">
|
||||
<g transform="matrix(.18717 0 0 .65148 192.63 223.48)">
|
||||
<path d="m61.288 10.18h-90.137v29.105h153.91l-63.777-29.105z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 209.56 219.5)">
|
||||
<path d="m147.36 6.445h-271.67v92.461l271.67 176.69v-269.15z" fill="#3d3d40"/>
|
||||
</g>
|
||||
</g>
|
||||
<g serif:id="Hole3">
|
||||
<g transform="matrix(.18717 0 0 .65148 9.6266 213.48)">
|
||||
<path d="m146.15-52.807h-78.258l-77.619 18.1h155.88v-18.1z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 26.56 165.5)">
|
||||
<path d="m-96.183-40.793h-330.63v277.21l330.63-109.89v-167.33z" fill="#3d3d40"/>
|
||||
</g>
|
||||
</g>
|
||||
<g serif:id="Hole2">
|
||||
<g transform="matrix(.18717 0 0 .65148 215.63 136.48)">
|
||||
<path d="m77.538 25.051h-69.675v12.505h149.1l-79.425-12.505z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 232.56 132.5)">
|
||||
<path d="m283.24-4.053h-338.32v193.24l338.32 75.917v-269.15z" fill="#3d3d40"/>
|
||||
</g>
|
||||
</g>
|
||||
<g serif:id="Hole1">
|
||||
<g transform="matrix(.18717 0 0 .65148 5.6266 126.48)">
|
||||
<path d="m166.61-127.92h-154.07l75.814 13.314h78.258v-13.314z" fill="#97989c"/>
|
||||
</g>
|
||||
<g transform="matrix(.043941 0 0 .10731 22.56 78.496)">
|
||||
<path d="m-9.018-248.64-322.94-80.83v267.77c113.45-0.132 258.01-0.972 322.94 0v-186.94z" fill="#3d3d40"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<defs>
|
||||
<linearGradient id="a" x2="1" gradientTransform="matrix(-52.589 186.54 -186.54 -52.589 136.93 52.258)" gradientUnits="userSpaceOnUse"><stop stop-color="#4dcb40" offset="0"/><stop stop-color="#4dcb40" stop-opacity="0" offset="1"/></linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 6.9 KiB |
Reference in New Issue
Block a user