AtlasMediaGroup/Scissors-Website
1
0
Fork 0
mirror of https://github.com/AtlasMediaGroup/Scissors-Website.git synced 2024-12-26 03:47:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

css needs maybe a lot or little work still because it's still wonky but the base of what we wanted is here

Browse Source
This commit is contained in:
taah 2022-06-19 13:09:46 -07:00
parent 9a1f95b9f1
commit 2f8d8dfe13
2 changed files with 19 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/App.tsx
View File

@ -1,28 +0,0 @@
import React from 'react';
import { BrowserRouter, Route, Routes } from "react-router-dom";
import HomePage from "./pages/HomePage";
import { Button, Nav, Navbar, NavLink } from "react-bootstrap";
import "./css/App.css"
import DownloadPage from "./pages/DownloadPage";
function App() {
return (
<BrowserRouter>
<Navbar bg={"dark"} variant={"dark"}>
<Navbar.Brand className={"ms-5"} href={"/"}>SCISSORS</Navbar.Brand>
<Nav className={"me-auto"}>
<NavLink href={"https://github.com/AtlasMediaGroup/Scissors"}>Source</NavLink>
<NavLink href={"https://status.scissors.gg"}>Status</NavLink>
</Nav>
<Button variant={"light"} className={"me-5 download-button"} href={"/downloads"} style={{borderRadius: "2vh"}}><img src={"https://cdn3.iconfinder.com/data/icons/download-buttons-outline-collection/70/Download-13-512.png"} width={"50px"} alt={"download"}/> DOWNLOAD</Button>
</Navbar>
<Routes>
<Route path={"/"} element={<HomePage/>}/>
<Route path={"/downloads"} element={<DownloadPage/>}/>
</Routes>
</BrowserRouter>
);
}
export default App;

21
src/index.tsx
View File

@ -1,10 +1,27 @@
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom/client'; import ReactDOM from 'react-dom/client';
import App from './App'; // import App from './App';
import { Button, Nav, Navbar, NavLink } from "react-bootstrap";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import HomePage from "./pages/HomePage";
import DownloadPage from "./pages/DownloadPage";
const root = ReactDOM.createRoot( const root = ReactDOM.createRoot(
document.getElementById('root') as HTMLElement document.getElementById('root') as HTMLElement
); );
root.render( root.render(
<App/> <BrowserRouter>
<Navbar bg={"dark"} variant={"dark"}>
<Navbar.Brand className={"ms-5"} href={"/"}>SCISSORS</Navbar.Brand>
<Nav className={"me-auto"}>
<NavLink href={"https://github.com/AtlasMediaGroup/Scissors"}>Source</NavLink>
<NavLink href={"https://status.scissors.gg"}>Status</NavLink>
</Nav>
<Button variant={"light"} className={"me-5 download-button"} href={"/downloads"} style={{borderRadius: "2vh"}}><img src={"https://cdn3.iconfinder.com/data/icons/download-buttons-outline-collection/70/Download-13-512.png"} width={"50px"} alt={"download"}/> DOWNLOAD</Button>
</Navbar>
<Routes>
<Route path={"/"} element={<HomePage/>}/>
<Route path={"/downloads"} element={<DownloadPage/>}/>
</Routes>
</BrowserRouter>
); );