🔫🚭 ↝ Improving orbital asset orientation [ SGV2-3 ]

Gizmotronn · Gizmotronn · commit 292d2821f313 · 2024-03-03T11:37:07.000+08:00
diff --git a/.DS_Store b/.DS_Store
diff --git a/components/Content/Planets/PlanetData/topographic-map.tsx b/components/Content/Planets/PlanetData/topographic-map.tsx
@@ -78,9 +78,9 @@ export function TopographicMap() {
           <button className="justify-self-start self-center">
             <img
               alt="Structure 4"
-              className="w-12 h-12"
+              className="w-32 h-32"
               height="50"
-              src="https://qwbufbmxkjfaikoloudl.supabase.co/storage/v1/object/public/planets/71/TOI%20700.png"
+              src="/assets/Inventory/Structures/TelescopeReceiver.png"
               style={{
                 aspectRatio: "50/50",
                 objectFit: "cover",
@@ -91,9 +91,9 @@ export function TopographicMap() {
           <button className="justify-self-center self-center">
             <img
               alt="Structure 5"
-              className="w-48 h-48"
+              className="w-96 h-96"
               height="50"
-              src="https://qwbufbmxkjfaikoloudl.supabase.co/storage/v1/object/public/planets/71/TOI%20700.png"
+              src="/Galaxy/Mars.png"
               style={{
                 aspectRatio: "50/50",
                 objectFit: "cover",
@@ -153,7 +153,51 @@ export function TopographicMap() {
               width="50"
             />
           </button>
-</div>
+          {/* <div className="h-screen flex flex-col items-center justify-center relative">
+            <h1 className="text-center text-slate-300 text-opacity-100 font-['Inter'] tracking-[3.48px] mt-2 mb-4 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-6xl dark:text-white text-gray-400">
+              Test
+            </h1>
+            <div className="w-[1169.62px] h-[735.77px] left-[415px] top-[343px] absolute">
+              <div className="w-[608px] h-[576px] left-[405px] top-[108px] absolute justify-center items-center inline-flex" />
+              <img className="w-[147.59px] h-[150.77px] left-0 top-[285px] absolute" src="https://github.com/Signal-K/client/blob/main/public/assets/Inventory/Items/AeroCameraLevel1NoBg.png?raw=true" />
+              <img className="w-[150px] h-[150px] left-[927px] top-[229.63px] absolute origin-top-left rotate-[-86.76deg]" src="https://qwbufbmxkjfaikoloudl.supabase.co/storage/v1/object/public/planets/69/Kepler22.png" />
+            </div>
+            <img
+              src='https://qwbufbmxkjfaikoloudl.supabase.co/storage/v1/object/public/planets/69/Kepler22.png'
+              alt="Planet Image"
+              className={`w-4/12 h-4/12 sm:w-4/11 sm:h-4/11 object-contain z-20`}
+              style={{
+                zIndex: 20,
+              }} 
+            />
+            <div className="flex items-start gap-8">
+              <div className="flex flex-col items-center justify-start gap-4">
+                <div className="text-center text-slate-300 text-opacity-70 text-[21.73px] font-medium font-['Inter'] tracking-[3.48px]">Mass</div>
+                <div className="text-center text-white text-opacity-90 text-[27.17px] font-medium font-['Inter']"> mE</div>
+              </div>
+
+              <div className="flex flex-col items-center justify-start gap-4">
+                <div className="text-center text-slate-300 text-opacity-70 text-[21.73px] font-medium font-['Inter'] uppercase tracking-[3.48px]">Semi-Major Axis</div>
+                <div className="text-center text-white text-opacity-90 text-[27.17px] font-medium font-['Inter']"> AU</div>
+              </div>
+
+              <div className="flex flex-col items-center justify-start gap-4">
+                <div className="text-center text-slate-300 text-opacity-70 text-[21.73px] font-medium font-['Inter'] uppercase tracking-[3.48px]">Anomaly type</div>
+                <div className="text-center text-white text-opacity-90 text-[27.17px] font-medium font-['Inter']">?</div>
+              </div>
+
+              <div className="flex flex-col items-center justify-start gap-4">
+                <div className="text-center text-slate-300 text-opacity-70 text-[21.73px] font-medium font-['Inter'] uppercase tracking-[3.48px]">Eq. Temperature</div>
+                <div className="text-center text-white text-opacity-90 text-[27.17px] font-medium font-['Inter']">°C</div>
+              </div>
+
+              <div className="flex flex-col items-center justify-start gap-4">
+                <div className="text-center text-slate-300 text-opacity-70 text-[21.73px] font-medium font-['Inter'] uppercase tracking-[3.48px]">TIC ID</div>
+                <div className="text-center text-white text-opacity-90 text-[27.17px] font-medium font-['Inter']"></div>
+              </div>
+            </div>
+          </div> */}
+        </div>
         </div>
         <div className="absolute top-0 left-0 right-0 mx-auto mt-8 text-center">
           <h1 className="text-4xl font-bold">MYCELIUM</h1>
diff --git a/components/Core/BottomBar.tsx b/components/Core/BottomBar.tsx
@@ -213,4 +213,36 @@ export const CreateBar = ({ onTabClick }) => {
       </div>
     </div>
   );
+};
+
+export const CreateMenuBar = () => {
+  return (
+<ul className="fixed bottom-10 left-1/2 transform -translate-x-1/2 flex justify-center space-x-4 bg-gray-200 rounded-full p-4 shadow-lg">
+  <li className="flex items-center justify-center">
+    <a className="flex items-center justify-center p-3">
+      <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
+      </svg>
+      Inbox
+      <span className="bg-gray-500 text-white text-xs px-1 ml-1 rounded">99+</span>
+    </a>
+  </li>
+  <li className="flex items-center justify-center">
+    <a className="flex items-center justify-center p-3">
+      <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+      </svg>
+      Updates
+      <span className="bg-yellow-500 text-white text-xs px-1 ml-1 rounded">NEW</span>
+    </a>
+  </li>
+  <li className="flex items-center justify-center">
+    <a className="flex items-center justify-center p-3">
+      Stats
+      <span className="bg-blue-500 text-white text-xs px-1 ml-1 rounded"></span>
+    </a>
+  </li>
+</ul>
+
+  );
 };
diff --git a/package.json b/package.json
@@ -49,6 +49,7 @@
     "bootstrap": "^5.3.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
+    "daisyui": "^4.7.2",
     "lucide-react": "^0.293.0",
     "next": "^13.0.2",
     "package.json": "^2.0.1",
diff --git a/pages/planets/[id].tsx b/pages/planets/[id].tsx
@@ -9,7 +9,7 @@ import { ActivateButton } from "../../components/Content/Planets/PlanetData/Cont
 import PostFormCardAnomalyTag from "../../components/Content/Classify/AnomalyPostFormCard";
 import Navbar from "../../components/Section/Navbar";
 import IndividualBasePlanetGrid from "../../components/Content/Planets/PlanetData/ContentGrid";
-import { CreateBar } from "../../components/Core/BottomBar";
+import { CreateBar, CreateMenuBar } from "../../components/Core/BottomBar";
 import RoverImageGallery from "../../components/Content/Planets/PlanetData/RandomRoverImage";
 import StructureComponent from "../../components/Content/Planets/Activities/StructureCreate";
 import { TopographicMap } from "../../components/Content/Planets/PlanetData/topographic-map";
@@ -134,7 +134,8 @@ export default function PlanetIdPage () {
               </div>
             )}
           </div> */}
-          <CreateBar onTabClick={handleTabClick} />
+          {/* <CreateBar onTabClick={handleTabClick} /> */}
+          <CreateMenuBar />
         </>
       );
     };
diff --git a/public/Galaxy/Mars.png b/public/Galaxy/Mars.png
diff --git a/public/assets/Inventory/Structures/TelescopeReceiver.png b/public/assets/Inventory/Structures/TelescopeReceiver.png
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -82,5 +82,5 @@ module.exports = {
       '1': '1',
     },
   },
-  plugins: [require("tailwindcss-animate")], 
+  plugins: [require("tailwindcss-animate", "daisyui")],
 };
diff --git a/yarn.lock b/yarn.lock
@@ -2497,6 +2497,14 @@ cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   resolved "https://registry.yarnpkg.com/crypt/-/crypt-0.0.2.tgz#88d7ff7ec0dfb86f713dc87bbb42d044d3e6c41b"
   integrity sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==
 
+css-selector-tokenizer@^0.8:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.8.0.tgz#88267ef6238e64f2215ea2764b3e2cf498b845dd"
+  integrity sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==
+  dependencies:
+    cssesc "^3.0.0"
+    fastparse "^1.1.2"
+
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -2507,6 +2515,21 @@ csstype@^3.0.2:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
   integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
+culori@^3:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/culori/-/culori-3.3.0.tgz#e33530adbd124d53bd6550394397e695eaaed739"
+  integrity sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==
+
+daisyui@^4.7.2:
+  version "4.7.2"
+  resolved "https://registry.yarnpkg.com/daisyui/-/daisyui-4.7.2.tgz#d2359d9eb1cac2082302ca55b6b35eca437a011f"
+  integrity sha512-9UCss12Zmyk/22u+JbkVrHHxOzFOyY17HuqP5LeswI4hclbj6qbjJTovdj2zRy8cCH6/n6Wh0lTLjriGnyGh0g==
+  dependencies:
+    css-selector-tokenizer "^0.8"
+    culori "^3"
+    picocolors "^1"
+    postcss-js "^4"
+
 damerau-levenshtein@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
@@ -3267,6 +3290,11 @@ fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
+fastparse@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
+  integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
+
 fastq@^1.6.0:
   version "1.17.1"
   resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.17.1.tgz#2a523f07a4e7b1e81a42b91b8bf2254107753b47"
@@ -5401,7 +5429,7 @@ pend@~1.2.0:
   resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
   integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
 
-picocolors@^1.0.0:
+picocolors@^1, picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
@@ -5468,7 +5496,7 @@ postcss-import@^15.1.0:
     read-cache "^1.0.0"
     resolve "^1.1.7"
 
-postcss-js@^4.0.1:
+postcss-js@^4, postcss-js@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
   integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
