diff --git a/ZoeysBits.code-workspace b/ZoeysBits.code-workspace index 876a149..ef9f5d2 100644 --- a/ZoeysBits.code-workspace +++ b/ZoeysBits.code-workspace @@ -1,8 +1,7 @@ { - "folders": [ - { - "path": "." - } - ], - "settings": {} + "folders": [ + { + "path": "." + } + ] } \ No newline at end of file diff --git a/public/bunnie48px.png b/public/bunnie48px.png new file mode 100644 index 0000000..082d4d9 Binary files /dev/null and b/public/bunnie48px.png differ diff --git a/public/index.html b/public/index.html index aa069f2..ec23f94 100644 --- a/public/index.html +++ b/public/index.html @@ -2,14 +2,14 @@ - + - + - React App + Zoey's Bits diff --git a/public/manifest.json b/public/manifest.json index 080d6c7..eb6f358 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -3,19 +3,9 @@ "name": "Create React App Sample", "icons": [ { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - }, - { - "src": "logo192.png", + "src": "bunnie48px.png", "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" + "sizes": "48x48" } ], "start_url": ".", diff --git a/src/App.js b/src/App.js index 3de1ef0..3cacce1 100644 --- a/src/App.js +++ b/src/App.js @@ -1,25 +1,20 @@ import logo from './logo.svg'; import './App.css'; +import TopBar from './TopBar'; +import BottomBar from './BottomBar'; +import SideBar from './SideBar'; + +import Home from './Home'; + function App() { return ( -
-
- logo -

- Edit src/App.js and butt to reload. -

- - Learn React - -
+
+ + +
); } -export default App; +export default App; \ No newline at end of file diff --git a/src/BottomBar.js b/src/BottomBar.js new file mode 100644 index 0000000..8be016f --- /dev/null +++ b/src/BottomBar.js @@ -0,0 +1,11 @@ +const BottomBar = () => { + return ( +
+
+

© LibreBun 2024

+
+
+ ); +}; + +export default BottomBar; \ No newline at end of file diff --git a/src/Home.js b/src/Home.js new file mode 100644 index 0000000..9ea09ca --- /dev/null +++ b/src/Home.js @@ -0,0 +1,11 @@ +const Home = () => { + return ( +
+
+

fuuuuuuuuuuuuuuuck

+
+
+ ); +}; + +export default Home; \ No newline at end of file diff --git a/src/SideBar.js b/src/SideBar.js new file mode 100644 index 0000000..16e6c81 --- /dev/null +++ b/src/SideBar.js @@ -0,0 +1,12 @@ +const SideBar = () => { + return ( +
+
+

butts

+

butts2

+
+
+ ); +}; + +export default SideBar; \ No newline at end of file diff --git a/src/TopBar.js b/src/TopBar.js new file mode 100644 index 0000000..aae1a51 --- /dev/null +++ b/src/TopBar.js @@ -0,0 +1,38 @@ +const TopBar = () => { + return ( +
+
+
+
+ Bunnie +
+
+
+

Projects

+
+
+
+

Rants

+
+
+
+

About

+
+
+
+
+ + + + 123 +
+
+
+
+
+ ); +}; + + +export default TopBar; \ No newline at end of file diff --git a/src/index.css b/src/index.css index ec2585e..b93dab5 100644 --- a/src/index.css +++ b/src/index.css @@ -1,3 +1,17 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; +@tailwind variants; + +@layer components { + .TopButton { + @apply hover:text-texthover cursor-pointer transition-colors duration-300; + } + .DarkModeButton { + @apply cursor-pointer + } +} + body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', @@ -10,4 +24,4 @@ body { code { font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; -} +} \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index e5b64f3..a15d99f 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,9 +1,17 @@ /** @type {import('tailwindcss').Config} */ module.exports = { + mode: 'jit', content: ["./src/**/*.{html,js}"], + darkMode: false, theme: { - extend: {}, + extend: { + colors: { + primary: "#111111", + secondary: "#f9b6c1", + sidebar: "#161616", + texthover: "#eae8f0", + }, + }, }, plugins: [], -} - +} \ No newline at end of file