Inform user that docs path changed

README.md

@@ -6,7 +6,7 @@ Teamagochi is a synchronized always-online pet simulator with multiplayer functi
 
 It consists of a [physical device (Node)](./node/), [web backend](./web_backend/) and [web/mobile frontend](./web_backend/).
 
-### [Documentation Page](https://smartuni.github.io/teamagochi/)
+### [Documentation Page](https://smartuni.github.io/teamagochi/docs)
 
 ### [Kanban Board](https://github.com/orgs/smartuni/projects/2)
 

frontend/src/App.css

@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 #root {
   max-width: 1280px;
   margin: 0 auto;

frontend/src/App.tsx

@@ -9,21 +9,21 @@ function App() {
   return (
     <>
       <div>
+        <h1 className='font-extrabold text-9xl'>
+            Click <a href="./docs"> HERE </a> for Docs!
+        </h1>
         <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>
+      <h1>Frontend Demo Page</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

frontend/src/index.css

@@ -1,7 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;