diff --git a/backend/package-lock.json b/backend/package-lock.json index ce23471..e28c13e 100644 --- a/backend/package-lock.json +++ b/backend/package-lock.json @@ -1,11 +1,11 @@ { - "name": "resias-backend", + "name": "congruity-backend", "version": "0.1.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "resias-backend", + "name": "congruity-backend", "version": "0.1.0", "dependencies": { "@anthropic-ai/sdk": "^0.74.0", diff --git a/backend/package.json b/backend/package.json index a2db9dd..037abb4 100644 --- a/backend/package.json +++ b/backend/package.json @@ -1,7 +1,7 @@ { - "name": "resias-backend", + "name": "congruity-backend", "version": "0.1.0", - "description": "Resias AI clustering feature - backend for ProjectPilot", + "description": "congruity AI clustering feature - backend for ProjectPilot", "type": "module", "main": "server.js", "scripts": { diff --git a/frontend/index.html b/frontend/index.html index de74e7a..ee09701 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -4,7 +4,7 @@ - Resias + kohngrüti app
diff --git a/frontend/package-lock.json b/frontend/package-lock.json index c796e69..fe624c3 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -1,11 +1,11 @@ { - "name": "resias-frontend", + "name": "congruity-frontend", "version": "0.1.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "resias-frontend", + "name": "congruity-frontend", "version": "0.1.0", "dependencies": { "@tanstack/react-query": "^5.90.21", diff --git a/frontend/package.json b/frontend/package.json index 3946c9d..5cb5101 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -1,5 +1,5 @@ { - "name": "resias-frontend", + "name": "congruity-frontend", "private": true, "version": "0.1.0", "type": "module", diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 92a8c76..46e49f0 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,6 +1,6 @@ import { Routes, Route, Navigate } from 'react-router-dom'; import Home from './pages/Home'; -import './App.css' +import './styles/App.css' function App() { return ( diff --git a/frontend/src/components/button.tsx b/frontend/src/components/button.tsx index 13691ab..bc08c78 100644 --- a/frontend/src/components/button.tsx +++ b/frontend/src/components/button.tsx @@ -1,14 +1,17 @@ -type ClusterButtonProps = { +import '../styles/button.css'; + +type ButtonProps = { onClick: () => void; isLoading: boolean; + label: string; }; -const ClusterButton = ({ onClick, isLoading }: ClusterButtonProps) => { +const Button = ({ onClick, isLoading, label }: ButtonProps) => { return ( - ); }; -export default ClusterButton; +export default Button; diff --git a/frontend/src/components/stickies.tsx b/frontend/src/components/stickies.tsx index 383dd41..7d95809 100644 --- a/frontend/src/components/stickies.tsx +++ b/frontend/src/components/stickies.tsx @@ -1,8 +1,8 @@ import { useGetStickies, useClusterStickies } from '../api/api'; import type { Sticky as StickyType } from '../types/types'; import Sticky from './sticky'; -import ClusterButton from './button'; -import './stickies.css'; +import Button from './button'; +import '../styles/stickies.css'; const Stickies = () => { const { data: stickies, isLoading, error } = useGetStickies(); @@ -26,7 +26,9 @@ const Stickies = () => { return (
- +
+
{clusters.map((group) => (
@@ -46,7 +48,9 @@ const Stickies = () => { return (
- +
+
{stickies?.map((sticky) => ( diff --git a/frontend/src/components/sticky.tsx b/frontend/src/components/sticky.tsx index 8123e57..2be87ed 100644 --- a/frontend/src/components/sticky.tsx +++ b/frontend/src/components/sticky.tsx @@ -1,4 +1,5 @@ import type { Sticky as StickyType } from '../types/types'; +import '../styles/sticky.css'; const COLOR_MAP: Record = { yellow: '#fdfd96', @@ -18,20 +19,9 @@ const Sticky = ({ sticky }: StickyProps) => { return (
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx index cec6a0b..2a1ecb4 100644 --- a/frontend/src/main.tsx +++ b/frontend/src/main.tsx @@ -2,7 +2,7 @@ import { StrictMode } from 'react' import { createRoot } from 'react-dom/client' import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { BrowserRouter } from 'react-router-dom'; -import './index.css' +import './styles/index.css' import App from './App.tsx' const queryClient = new QueryClient(); diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx index 8735ca9..f7a4444 100644 --- a/frontend/src/pages/Home.tsx +++ b/frontend/src/pages/Home.tsx @@ -3,7 +3,7 @@ import Stickies from '../components/stickies'; const Home = () => { return (
-

Resias -

+

kohngrüti

); diff --git a/frontend/src/App.css b/frontend/src/styles/App.css similarity index 100% rename from frontend/src/App.css rename to frontend/src/styles/App.css diff --git a/frontend/src/styles/button.css b/frontend/src/styles/button.css new file mode 100644 index 0000000..4202f62 --- /dev/null +++ b/frontend/src/styles/button.css @@ -0,0 +1,7 @@ +.primaryButton { + font-family: "Sulphur Point", sans-serif; + font-size: 1.1rem; + width: 16rem; + height: 2.5rem; + margin-top: 14px; +} \ No newline at end of file diff --git a/frontend/src/index.css b/frontend/src/styles/index.css similarity index 69% rename from frontend/src/index.css rename to frontend/src/styles/index.css index c68032a..3bf9a7c 100644 --- a/frontend/src/index.css +++ b/frontend/src/styles/index.css @@ -1,3 +1,6 @@ +@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Sulphur+Point:wght@300;400;700&display=swap'); + :root { font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; line-height: 1.5; @@ -22,6 +25,11 @@ h1 { line-height: 1.1; } +h3 { + font-family: "Sulphur Point", sans-serif; + font-weight: 300; +} + button { border-radius: 8px; border: 1px solid transparent; @@ -48,6 +56,16 @@ button:disabled { cursor: not-allowed; } +.mainHead { + font-size: 4rem; + color: #fff; + margin: 2px 0px 24px 0px; + font-family: "Sulphur Point", sans-serif; + font-weight: 300; + letter-spacing: 3px; + text-decoration: underline; +} + @media (prefers-color-scheme: light) { :root { color: #213547; diff --git a/frontend/src/components/stickies.css b/frontend/src/styles/stickies.css similarity index 100% rename from frontend/src/components/stickies.css rename to frontend/src/styles/stickies.css diff --git a/frontend/src/styles/sticky.css b/frontend/src/styles/sticky.css new file mode 100644 index 0000000..8379322 --- /dev/null +++ b/frontend/src/styles/sticky.css @@ -0,0 +1,14 @@ +.sticky-note { + width: 180px; + min-height: 180px; + padding: 16px; + border-radius: 2px; + box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15); + font-family: 'Shadows Into Light', cursive; + font-size: 1.4rem; + line-height: 1.4; + color: #333; + display: flex; + align-items: flex-start; + word-break: break-word; +}