From 6fa54644c69eadf20fc90d877cf53029027493a6 Mon Sep 17 00:00:00 2001 From: Albert Wang Date: Mon, 13 May 2024 18:30:28 -0700 Subject: [PATCH] remove App.css styles and add routes to different pages --- src/App.css | 42 ------------------------------------------ src/App.jsx | 15 ++++++++++++--- 2 files changed, 12 insertions(+), 45 deletions(-) diff --git a/src/App.css b/src/App.css index b9d355d..e69de29 100644 --- a/src/App.css +++ b/src/App.css @@ -1,42 +0,0 @@ -#root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} - -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; -} diff --git a/src/App.jsx b/src/App.jsx index cdb2577..10559a1 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,18 +1,27 @@ -// import { BrowserRouter, Routes, Route } from "react-router-dom"; import { createBrowserRouter, RouterProvider } from "react-router-dom"; import { Home, Schedule, Resources, Workshops, NotFound } from "src/app/views"; // import { Nav } from "src/app/components"; -import "./App.css"; - const router = createBrowserRouter([ { path: "/", element: , errorElement: , }, + { + path: "/schedule", + element: , + }, + { + path: "/resources", + element: , + }, + { + path: "/workshops", + element: , + }, ]); function App() {