delete a bunch of stuff

cameron-michie · Jan 3, 2024 · bda8597 · bda8597
1 parent 52d538e
commit bda8597
Show file tree

Hide file tree

Showing 14 changed files with 47 additions and 667 deletions.
diff --git a/app/authentication/authentication-client.tsx b/app/authentication/authentication-client.tsx
diff --git a/app/authentication/page.tsx b/app/authentication/page.tsx
diff --git a/app/game-rules/page.tsx b/app/game-rules/page.tsx
@@ -4,7 +4,6 @@
  */
 import React from "react";
 import "../global.css";
-import Sidebar from "../../components/Sidebar";
 
 const Home = () => {
 
@@ -15,29 +14,28 @@ const Home = () => {
       <div className="flex flex-col grow gap-6 pt-12 pr-12 pb-12 pl-12 rounded-2xl border-slate-100 border-t border-b border-l border-r border-solid border h-[864px] bg-slate-50">
         <div className="flex flex-row justify-center">
           <div className="flex flex-col justify-start items-start gap-4 h-[172px]">
-            <div className="flex flex-row justify-center items-center gap-6 w-[264px]">
-            </div>
-            <div className="font-manrope text-[18px] max-w-screen-sm text-slate-800 text-opacity-100 leading-6 font-light">
-              <span className="text-black text-opacity-100 font-bold">
-                Game rules&nbsp;
-              </span>
-              <p>On the board are predators and prey.</p>
-
-              <p>The prey gain energy by feeding off the empty white spaces</p>
-
-              <p>If two prey bump into each other, they procreate, incurring an energy cost, and spawning another prey in that space.</p> 
-
-              <p>The predators gain energy by feeding on the prey, and they can also procreate by bumping into each other.</p>
-              <p>
-
-              </p>
-              <p>You have a character that you can move around. By bumping into the prey you can absorb the them and gain their energy, but if you instead absorb the predators you lose energy equal to their energy.</p>
+          <div className="flex flex-row justify-center items-center gap-6 w-[264px]">
+          </div>
+          <div className="font-manrope text-[18px] max-w-screen-sm text-slate-800 text-opacity-100 leading-7 font-light"> {/* Increased line height */}
+            <span className="text-black text-opacity-100 font-bold">
+              Game rules&nbsp;
+            </span>
+            <p>On the board are <span style={{ color: 'red', fontFamily: 'monospace' }}>predators</span> and <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span>.</p>
+
+            <p>The <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span> gain <span style={{ fontFamily: 'monospace' }}>energy</span> by feeding off the empty white spaces</p>
+
+            <p>If two <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span> bump into each other, they procreate, incurring an <span style={{ fontFamily: 'monospace' }}>energy</span> cost, and spawning another <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span> in that space.</p> 
+
+            <p>The <span style={{ color: 'red', fontFamily: 'monospace' }}>predators</span> gain <span style={{ fontFamily: 'monospace' }}>energy</span> by feeding on the <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span>, and they can also procreate by bumping into each other.</p>
+            <p></p>
+            <p>You have a character that you can move around. By bumping into the <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span> you can absorb them and gain their <span style={{ fontFamily: 'monospace' }}>energy</span>, but if you instead absorb the <span style={{ color: 'red', fontFamily: 'monospace' }}>predators</span> you lose <span style={{ fontFamily: 'monospace' }}>energy</span> equal to their <span style={{ fontFamily: 'monospace' }}>energy</span>.</p>
 
-              <p>If you bump into another player, the player with the higher energy absorbs the lower energy. If you gain energy, you grow bigger, and move less quickly.</p>
+            <p>If you bump into another <span style={{ fontFamily: 'monospace' }}>player</span>, the <span style={{ fontFamily: 'monospace' }}>player</span> with the higher <span style={{ fontFamily: 'monospace' }}>energy</span> absorbs the lower <span style={{ fontFamily: 'monospace' }}>energy</span>. If you gain <span style={{ fontFamily: 'monospace' }}>energy</span>, you grow bigger, and move less quickly.</p>
+          </div>
           </div>
           </div>
-        </div>
-      </div>
+          </div>
+
     </>
   )
 }

diff --git a/app/history/history-client.tsx b/app/history/history-client.tsx
diff --git a/app/history/page.tsx b/app/history/page.tsx
diff --git a/app/page.tsx b/app/page.tsx
@@ -4,19 +4,43 @@
  */
 import React from "react";
 import "./global.css";
-import Sidebar from "../components/Sidebar";
 
 const Home = () => {
 
   const pageId = "Start";
 
   return (
     <>
-      <Sidebar pageId={pageId} />
+    <div className="flex flex-col grow gap-6 pt-12 pr-12 pb-12 pl-12 rounded-2xl border-slate-100 border-t border-b border-l border-r border-solid border h-[864px] bg-slate-50">
+        <div className="flex flex-row justify-center">
+          <div className="flex flex-col justify-start items-start gap-4 h-[172px]">
+          <div className="flex flex-row justify-center items-center gap-6 w-[264px]">
+          </div>
+          <div className="font-manrope text-[18px] max-w-screen-sm text-slate-800 text-opacity-100 leading-7 font-light"> {/* Increased line height */}
+            <span className="text-black text-opacity-100 font-bold">
+              Game rules&nbsp;
+            </span>
+            <p>On the board are <span style={{ color: 'red', fontFamily: 'monospace' }}>predators</span> and <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span>.</p>
+
+            <p>The <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span> gain <span style={{ fontFamily: 'monospace' }}>energy</span> by feeding off the empty white spaces</p>
+
+            <p>If two <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span> bump into each other, they procreate, incurring an <span style={{ fontFamily: 'monospace' }}>energy</span> cost, and spawning another <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span> in that space.</p> 
+
+            <p>The <span style={{ color: 'red', fontFamily: 'monospace' }}>predators</span> gain <span style={{ fontFamily: 'monospace' }}>energy</span> by feeding on the <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span>, and they can also procreate by bumping into each other.</p>
+            <p></p>
+            <p>You have a character that you can move around. By bumping into the <span style={{ color: 'green', fontFamily: 'monospace' }}>prey</span> you can absorb them and gain their <span style={{ fontFamily: 'monospace' }}>energy</span>, but if you instead absorb the <span style={{ color: 'red', fontFamily: 'monospace' }}>predators</span> you lose <span style={{ fontFamily: 'monospace' }}>energy</span> equal to their <span style={{ fontFamily: 'monospace' }}>energy</span>.</p>
+
+            <p>If you bump into another <span style={{ fontFamily: 'monospace' }}>player</span>, the <span style={{ fontFamily: 'monospace' }}>player</span> with the higher <span style={{ fontFamily: 'monospace' }}>energy</span> absorbs the lower <span style={{ fontFamily: 'monospace' }}>energy</span>. If you gain <span style={{ fontFamily: 'monospace' }}>energy</span>, you grow bigger, and move less quickly.</p>
+          </div>
+          </div>
+          </div>
+          </div>
+
       <div className="flex flex-col grow gap-6 pt-12 pr-12 pb-12 pl-12 rounded-2xl border-slate-100 border-t border-b border-l border-r border-solid border h-[864px] bg-slate-50">
         <div className="flex flex-row justify-center">
           <div className="flex flex-col justify-start items-start gap-4 h-[172px]">
           <div className="flex flex-row justify-center items-center gap-6 w-[700px]">
+          <div className="text-2xl font-bold text-gray-800">Spatial Ecology Game</div>
             </div>
             <div className="flex flex-col justify-start items-start gap-4 h-[488px]">
               <div className="flex flex-row justify-start items-start gap-4">
@@ -34,7 +58,7 @@ const Home = () => {
                         </div>
                       </div>
                       <div className="font-manrope text-base min-w-[109px] whitespace-nowrap text-black text-opacity-100 leading-6 font-medium">
-                        Game Rules
+                        Example
                       </div>
                     </div>
                     <div className="flex flex-col justify-start items-start gap-4 h-24">
@@ -46,7 +70,7 @@ const Home = () => {
                       <div className="flex justify-between items-center gap-1 rounded-md w-24 h-5 overflow-hidden">
                         <a href="/game-rules">
                         <div className="font-manrope text-sm min-w-[78px] whitespace-nowrap text-sky-600 text-opacity-100 leading-5 font-medium">
-                          Explore now
+                          See video here
                         </div>
                         </a>
                         <a href="/game-rules">