From 8d262a40c0cc4c9dc4bfdc2b1cf7933dcf1cc483 Mon Sep 17 00:00:00 2001 From: Zoey Date: Sun, 14 Jan 2024 11:24:34 +0100 Subject: [PATCH] WIP --- ZoeysBits.code-workspace | 11 +++++------ public/bunnie48px.png | Bin 0 -> 703 bytes public/index.html | 8 ++++---- public/manifest.json | 14 ++------------ src/App.js | 27 +++++++++++---------------- src/BottomBar.js | 11 +++++++++++ src/Home.js | 11 +++++++++++ src/SideBar.js | 12 ++++++++++++ src/TopBar.js | 38 ++++++++++++++++++++++++++++++++++++++ src/index.css | 16 +++++++++++++++- tailwind.config.js | 14 +++++++++++--- 11 files changed, 120 insertions(+), 42 deletions(-) create mode 100644 public/bunnie48px.png create mode 100644 src/BottomBar.js create mode 100644 src/Home.js create mode 100644 src/SideBar.js create mode 100644 src/TopBar.js 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 0000000000000000000000000000000000000000..082d4d9931d14a24ed8f2e3d40711983ab3ab67d GIT binary patch literal 703 zcmV;w0zmzVP)Px%c}YY;RA_q5oHj?UrLc<;-~^7lBXu?j zAp{(E$D$t(Gy&P_ai`imauuP7a4XT4b0i=+d;ff=&L$y6@UT4q0Ny^{_&ryMt6hkb zKl=&pR3dW%wP%d1ilP9CJTB4kMuE(Um{Ei#Afy$R$hSZfG4;t@ZKGsNMm~uwiPFX} z!rYe`uZ4TF?iwqY?5iZ83QIaIwGBzIDqmzjG{=tAx*HuKbq(Grw{Pg`z?DS^~KhlwIGq?=vEykYWi2F=}cUM zMx3XO(sfK{h2oyv8-?0RC!!L0%hp*!a}A_ol)4FpL|*#tMNP391#4c{#tXUcf~y83 z5`1NO6!;vP|D}joVfv4E|GgKTYK2%6N<|1yT^Gy(ByyJ3mVT%AThhlfF^fWp6opjW l>9 - + - + - 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