made it full-screen.

nasa-petal · Jan 5, 2024 · b05e4df · b05e4df
1 parent 439c6e2
commit b05e4df
Show file tree

Hide file tree

Showing 7 changed files with 582 additions and 715 deletions.
diff --git a/App.svelte b/App.svelte
@@ -5,7 +5,7 @@
     import { DeepChat } from "deep-chat-dev";
   
     const initialMessages = [
-      { role: "ai", text: "How can I assist you today? If you're looking to explore biomimetic solutions or have a particular challenge in mind for a sustainable design, I'm here to guide you through the Biomimicry Design Process. Please share the details of your challenge, and we can begin by defining it as per the first step in the process." }
+      { role: "ai", text: "Hi, I'm **BIDARA**, bio-inspired design and research assisant. I'm an OpenAI [GPT-4](https://openai.com/research/gpt-4) [assistant](https://platform.openai.com/docs/assistants/how-it-works), that was instructed by [NASA's PeTaL initiative](https://www1.grc.nasa.gov/research-and-engineering/vine/petal/) to help others understand, learn from, and emulate the strategies used by living things to create sustainable designs and technologies using the [Biomimicry Institute's design process](https://toolbox.biomimicry.org/methods/process/).\n\nBefore we begin, please be advised:\n\n- Do not share any sensitive information in your conversations including but not limited to, personal information, sensitive or non-public government/company data, ITAR, CUI, export controlled, or trade secrets.\n- While OpenAI has safeguards in place, BIDARA may occasionally generate incorrect or misleading information and produce offensive or biased content.\n\nHow can I assist you today?" }
     ];
 
     function getCurrentWeather(location) {
@@ -32,6 +32,7 @@
   </script>
 
   <main>
+    <!--
       <h1>BIDARA</h1>
       <div
         style="
@@ -59,7 +60,7 @@
             </p>
           </div>
         </div>
-      </div>
+      </div>-->
     <!-- demo/textInput are examples of passing an object directly into a property -->
     <!-- initialMessages is an example of passing a state object into a property -->
     <deep-chat
@@ -90,17 +91,17 @@
       initialMessages={initialMessages}
       chatStyle={{
         width: "100%",
-        backgroundColor: "#f7f7f7",
-        borderRadius: "8px"
+        height: "100%",
+        position: "absolute",
+        backgroundColor: "white",
+        border: "none",
       }}
     />
   </main>
 
   <style>
     main {
       font-family: sans-serif;
-      text-align: center;
-      justify-content: center;
       display: grid;
     }
   </style>

diff --git a/package-lock.json b/package-lock.json
diff --git a/public/bundle.js b/public/bundle.js
diff --git a/public/bundle.js.map b/public/bundle.js.map
diff --git a/public/index.html b/public/index.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="public/bundle.css" />
   </head>
 
-  <body>
+  <body style="margin:0">
     <script src="bundle.js"></script>
   </body>
 </html>
diff --git a/public/public/bundle.css b/public/public/bundle.css
diff --git a/public/public/bundle.css.map b/public/public/bundle.css.map