pages initial setup and respective navigation

This commit is contained in:
gustavomauricio 2022-09-02 12:51:00 +01:00
parent e9dc5c85d9
commit 9143b730d9
9 changed files with 97 additions and 1 deletions

19
components/Navigation.tsx Normal file
View File

@ -0,0 +1,19 @@
import React from "react";
import Link from "next/link";
const Navigation = () => {
return (
<div>
<Link href="/">
<img src="/logo.svg" alt="mars" />
</Link>
<Link href="/trade">Trade</Link>
<Link href="/yield">Yield</Link>
<Link href="/borrow">Borrow</Link>
<Link href="/portfolio">Portfolio</Link>
<Link href="/council">Council</Link>
</div>
);
};
export default Navigation;

View File

@ -2,6 +2,7 @@ import type { AppProps } from "next/app";
import Head from "next/head";
import "../styles/globals.css";
import Navigation from "components/Navigation";
function MyApp({ Component, pageProps }: AppProps) {
return (
@ -11,6 +12,7 @@ function MyApp({ Component, pageProps }: AppProps) {
{/* <meta name="description" content="Generated by create next app" /> */}
<link rel="icon" href="/favicon.ico" />
</Head>
<Navigation />
<Component {...pageProps} />
</>
);

7
pages/borrow.tsx Normal file
View File

@ -0,0 +1,7 @@
import React from "react";
const Borrow = () => {
return <div>Borrow Placeholder</div>;
};
export default Borrow;

7
pages/council.tsx Normal file
View File

@ -0,0 +1,7 @@
import React from "react";
const Council = () => {
return <div>Council Placeholder</div>;
};
export default Council;

7
pages/portfolio.tsx Normal file
View File

@ -0,0 +1,7 @@
import React from "react";
const Portfolio = () => {
return <div>Portfolio Placeholder</div>;
};
export default Portfolio;

7
pages/trade.tsx Normal file
View File

@ -0,0 +1,7 @@
import React from "react";
const Trade = () => {
return <div>Trade Placeholder</div>;
};
export default Trade;

7
pages/yield.tsx Normal file
View File

@ -0,0 +1,7 @@
import React from "react";
const Yield = () => {
return <div>Yield Placeholder</div>;
};
export default Yield;

39
public/logo.svg Normal file
View File

@ -0,0 +1,39 @@
<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M51.3649 12.7475L45.2491 6.63174L37.5416 2.70662L28.9983 1.35181L20.455 2.70662L12.7475 6.63174L6.63174 12.7475L2.70662 20.455L1.35181 28.9983L2.70662 37.5416L6.63174 45.2491L12.7475 51.3649L20.455 55.2935L28.9983 56.6483L37.5416 55.2935L45.2491 51.3649L51.3649 45.2491L55.2935 37.5416L56.6483 28.9983L55.2935 20.455L51.3649 12.7475Z" stroke="white" stroke-width="1.05" stroke-miterlimit="10"/>
<path d="M45.2491 6.63171L28.9983 28.9983" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M12.7476 6.63171L28.9983 28.9983" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M2.70654 37.5416L28.9982 28.9983" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M28.9983 56.6448V28.9983" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M55.2935 37.5416L28.9983 28.9983" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M28.9981 36.7127L36.3329 31.384L33.5327 22.7606H24.4635L21.6633 31.384L28.9981 36.7127Z" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M20.4548 2.70667L28.9982 14.7049L37.5415 2.70667" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M28.9983 4.51768V1.35181L21.7471 4.51768H28.9983ZM28.9983 4.51768L24.5403 8.4428H33.4563L28.9983 4.51768Z" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M28.9983 1.35181L36.253 4.51768H28.9983" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M24.4636 22.7606L28.9982 14.7048L33.5328 22.7606" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M28.9983 14.7049L19.2709 15.6069L24.5403 8.44282L15.3806 10.2574L21.7471 4.5177L12.7476 6.63176" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M28.9983 14.7049L38.7292 15.6069L33.4563 8.44282L42.6161 10.2574L36.253 4.5177L45.2491 6.63176" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M1.35181 28.9983L15.4049 24.5821L6.63174 12.7476" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M2.70312 20.455L5.71227 21.4337L8.07012 26.8877L10.825 18.4071L5.71227 21.4337L3.47282 28.3296L2.70312 20.455Z" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M2.70312 20.4549L7.95519 14.5342L5.71227 21.4336" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M21.6634 31.384L15.4048 24.5821L24.4636 22.7606" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M15.4049 24.582L13.256 34.1145L8.07013 26.8877L6.96608 36.1589L3.47282 28.3295L2.70312 37.5416" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M15.4013 24.5821L19.2672 15.6069L10.8249 18.4071L15.3804 10.2538L7.95508 14.5342L12.7474 6.63171" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M20.4514 55.2936L20.5942 40.5613L6.62817 45.2491" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M12.7476 51.3648L14.6039 48.8049L20.5212 48.2477L13.3083 43.0095L14.6039 48.8049L20.4759 53.0679L12.7476 51.3648Z" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M12.7475 51.3648L8.73535 44.542L14.6039 48.8049" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M28.9982 36.7127L20.5942 40.5612L21.6635 31.384" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M20.5942 40.5613L28.9982 45.5521L20.5211 48.2478L28.9982 52.166L20.4758 53.068L28.9982 56.6449" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M20.5943 40.5647L13.256 34.1145L13.3083 43.0096L6.96259 36.1589L8.73882 44.542L2.70312 37.5416" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M51.3612 45.2526L37.3987 40.5647L37.5415 55.2935" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M45.2455 51.3682L43.3857 48.8084L44.6848 43.0095L37.4719 48.2511L43.3857 48.8084L49.2542 44.5454L45.2455 51.3682Z" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M45.2454 51.3685L37.5171 53.0715L43.3856 48.8086" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M36.3331 31.384L37.3988 40.5647L28.9983 36.7127" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M37.3987 40.5647L44.7404 34.1145L44.6847 43.0096L51.0304 36.1589L49.2541 44.5455L55.2898 37.5451" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M37.3988 40.5647L28.9983 45.5521L37.472 48.2512L28.9983 52.1694L37.5207 53.0714L28.9983 56.6483" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M51.3647 12.751L42.5916 24.5855L56.6447 29.0017" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M55.2933 20.4585L52.2841 21.4372L47.1714 18.4071L49.9263 26.8877L52.2841 21.4372L50.0412 14.5377L55.2933 20.4585Z" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M55.2933 20.4585L54.5236 28.3331L52.2842 21.4372" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M33.533 22.7606L42.5917 24.5856L36.3331 31.384" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M42.5917 24.5856L38.7292 15.6104L47.1716 18.4071L42.6161 10.2574L50.0414 14.5377L45.2491 6.63525" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
<path d="M42.5916 24.582L44.7404 34.1145L49.9263 26.8876L51.0339 36.1589L54.5236 28.333L55.2899 37.545" stroke="white" stroke-width="0.525" stroke-miterlimit="10"/>
</svg>

After

Width:  |  Height:  |  Size: 5.6 KiB

View File

@ -13,7 +13,8 @@
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"incremental": true
"incremental": true,
"baseUrl": "."
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
"exclude": ["node_modules"]