From 930f3dc593f6089cf3efee085ce3ceebace991ab Mon Sep 17 00:00:00 2001 From: Rohit-R-Rao Date: Thu, 11 Jul 2024 11:22:34 -0700 Subject: [PATCH] update --- bun.lockb | Bin 87811 -> 89798 bytes help.txt | 4 +++ package.json | 4 ++- src/App.css | 46 ++++---------------------------- src/App.tsx | 31 +++++----------------- src/Home.css | 6 +++++ src/Home.tsx | 55 ++++++++++++++++++++++++++++++++++++++ src/Sidebar.css | 40 ++++++++++++++++++++++++++++ src/Sidebar.tsx | 21 +++++++++++++++ src/index.css | 69 ++++++++++-------------------------------------- 10 files changed, 154 insertions(+), 122 deletions(-) create mode 100644 help.txt create mode 100644 src/Home.css create mode 100644 src/Home.tsx create mode 100644 src/Sidebar.css create mode 100644 src/Sidebar.tsx diff --git a/bun.lockb b/bun.lockb index 97016f55b9f80fa7acce5d52296eae1f58cbae5d..203d68382e5f0d137e98a00e0a945785db0a914e 100755 GIT binary patch delta 15984 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

dvdb%hR=_*JyTE$@KV%<( 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 diff --git a/help.txt b/help.txt new file mode 100644 index 0000000..baf3353 --- /dev/null +++ b/help.txt @@ -0,0 +1,4 @@ +bun run dev +bun install [PACKAGE_NAME] +bun uninstall [PACKAGE_NAME] +^^^ Commands to ball out \ No newline at end of file diff --git a/package.json b/package.json index d8e0586..6f6717b 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,9 @@ "dependencies": { "gh-pages": "^6.1.1", "react": "^18.3.1", - "react-dom": "^18.3.1" + "react-dom": "^18.3.1", + "react-icons": "^5.2.1", + "react-scroll": "^1.9.0" }, "devDependencies": { "@types/react": "^18.3.3", diff --git a/src/App.css b/src/App.css index b9d355d..0a3eb0b 100644 --- a/src/App.css +++ b/src/App.css @@ -1,42 +1,6 @@ -#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; +.AppWrapper { + width: 100%; + height: 100%; + display: flex; + flex-direction: row; } diff --git a/src/App.tsx b/src/App.tsx index ebbf7db..2e68e9e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,34 +1,15 @@ import { useState } from 'react' -import reactLogo from './assets/react.svg' -import viteLogo from '/vite.svg' +import Sidebar from './Sidebar' +import Home from './Home' import './App.css' function App() { - const [count, setCount] = useState(0) return ( - <> -

-

Vite + React

-
- -

- Edit src/App.tsx and save ur mom -

-
-

- Hello World! -

- +
+ + +
) } diff --git a/src/Home.css b/src/Home.css new file mode 100644 index 0000000..0b1ebf3 --- /dev/null +++ b/src/Home.css @@ -0,0 +1,6 @@ +.HomeWrapper { + width: 100%; + display: flex; + flex-direction: column; + margin-left: 20%; + } \ No newline at end of file diff --git a/src/Home.tsx b/src/Home.tsx new file mode 100644 index 0000000..e22ee61 --- /dev/null +++ b/src/Home.tsx @@ -0,0 +1,55 @@ +import './Home.css' + +function Home() { + + return ( +
+

Rohit Rao

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+

This website is all about me, and my work so far. Blah Blah Blah

+
+ ) +} + +export default Home \ No newline at end of file diff --git a/src/Sidebar.css b/src/Sidebar.css new file mode 100644 index 0000000..f57b5c6 --- /dev/null +++ b/src/Sidebar.css @@ -0,0 +1,40 @@ +.SidebarWrapper { + width: 20%; + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 1; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + background-color: #e2e2e2; +} + +.SidebarContent { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: start; +} + +.CollapseBar { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + cursor: pointer; +} +.CollapseBar:hover { + background-color: #c9c9c9; +} + +.TabText { + font-size: 1.25rem; + font-weight: 600; + padding: 0rem 1rem; +} \ No newline at end of file diff --git a/src/Sidebar.tsx b/src/Sidebar.tsx new file mode 100644 index 0000000..da69b40 --- /dev/null +++ b/src/Sidebar.tsx @@ -0,0 +1,21 @@ +import { MdOutlineKeyboardArrowLeft } from "react-icons/md"; +import "./Sidebar.css"; + +function Sidebar() { + return ( +
+
+

Home

+

About

+

Experience

+

Projects

+

Contact

+
+
+ +
+
+ ); +} + +export default Sidebar; diff --git a/src/index.css b/src/index.css index 6119ad9..305035f 100644 --- a/src/index.css +++ b/src/index.css @@ -1,68 +1,27 @@ :root { - font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - + font-family: 'Inter', sans-serif; + font-optical-sizing: auto; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -a { - font-weight: 500; - color: #646cff; - text-decoration: inherit; -} -a:hover { - color: #535bf2; -} - -body { - margin: 0; - display: flex; - place-items: center; - min-width: 320px; - min-height: 100vh; +::-webkit-scrollbar { + width: 0.75rem; + height: 0.75rem; } -h1 { - font-size: 3.2em; - line-height: 1.1; +::-webkit-scrollbar-track { + background: #f1f1f1; + /* border-radius: 1rem; */ } -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; +::-webkit-scrollbar-thumb { + background: #c9c9c9; + border-radius: 1rem; } -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } -} +::-webkit-scrollbar-thumb:hover { + background: #c1c1c1; +} \ No newline at end of file