Updated favicon, removed templates

kjy5 · Jan 16, 2024 · ee59187 · ee59187
1 parent 3865637
commit ee59187
Show file tree

Hide file tree

Showing 33 changed files with 86 additions and 963 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link href="/favicon.svg" rel="icon" type="image/svg+xml"/>
+
     <link href="https://fonts.googleapis.com" rel="preconnect" />
     <link crossorigin href="https://fonts.gstatic.com" rel="preconnect" />
     <link
@@ -12,7 +13,7 @@
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Honors Portfolio</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/src/App.css b/src/App.css
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,30 +1,19 @@
-import { useState } from 'react';
-import reactLogo from './assets/react.svg';
-import viteLogo from '/vite.svg';
-import './App.css';
+import { Box, Container, Stack, Typography } from '@mui/material';
 
 function App() {
-  const [count, setCount] = useState(0);
-
   return (
-    <>
-      <div>
-        <a href="https://vitejs.dev" target="_blank">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
-      </div>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-      <p className="read-the-docs">Click on the Vite and React logos to learn more</p>
-    </>
+    <Box sx={{ m: 2 }}>
+      <Container>
+        <Stack spacing={1}>
+          <Typography variant={'h1'}>👋 Hello!</Typography>
+          <Typography variant={'h2'}>Welcome and thanks for visiting my honors portfolio website!</Typography>
+          <Typography variant={'body1'}>
+            The website is currently being updated. Feel free to scroll around and see the current progress, or come
+            back later when it&apos;s all done!
+          </Typography>
+        </Stack>
+      </Container>
+    </Box>
   );
 }
 

diff --git a/src/assets/react.svg b/src/assets/react.svg
diff --git a/src/index.css b/src/index.css
diff --git a/src/main.tsx b/src/main.tsx
@@ -1,10 +1,17 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App.tsx';
-import './index.css';
+import { CssBaseline, ThemeProvider } from '@mui/material';
+import { darkTheme } from './themes.ts';
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-);
+const root = document.getElementById('root');
+if (root) {
+  ReactDOM.createRoot(root).render(
+    <React.StrictMode>
+      <ThemeProvider theme={darkTheme}>
+        <CssBaseline />
+        <App />
+      </ThemeProvider>
+    </React.StrictMode>,
+  );
+}
diff --git a/src/stories/Button.stories.ts b/src/stories/Button.stories.ts
diff --git a/src/stories/Button.tsx b/src/stories/Button.tsx