From 8c5786f2009a3da2050b11838693c9c24aa51f0b Mon Sep 17 00:00:00 2001
From: Timothy Tulloch <aleatorydialogue@gmail.com>
Date: Mon, 3 Jun 2024 19:50:35 -0400
Subject: [PATCH] mobile infinigame, stones/galaxy splats, small text changes

---
 hybrid.js                   |  4 ++--
 main.js                     |  2 +-
 openai_infinigame/script.js |  2 +-
 styles.css                  | 21 +++++++++++++++++++++
 4 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/hybrid.js b/hybrid.js
index a45ffc3..99cac41 100644
--- a/hybrid.js
+++ b/hybrid.js
@@ -1007,12 +1007,12 @@ const baseUrl = "https://huggingface.co/aleatorydialogue/dynamic_splats/resolve/
 
 // List of available .splatv model files
 const models = [
-    "guitar.splatv",
     "god.splatv",
     "timer.splatv",
     "timer_rgb.splatv",
     "controller.splatv",
-    "controller_rgb.splatv"
+    "controller_rgb.splatv",
+    "guitar.splatv"
 ];
 
 // Randomly select a model from the list
diff --git a/main.js b/main.js
index f90b550..bfdd4c0 100644
--- a/main.js
+++ b/main.js
@@ -680,7 +680,7 @@ async function main() {
     } catch (err) {}
     
     // List of available models
-    	const modelNames = ["dino.splat", "canterbury.splat", "bliss.splat", "stream2.splat", "market.splat", "marsh.splat", "driftwood.splat", "posts.splat", "shed.splat", "money.splat", "lighthouse.splat", "stairs.splat", "deck.splat", "tree1.splat", "tree2.splat", "riteaid.splat", "francis.splat", "cabin.splat", "garage.splat", "reindeer.splat", "winery.splat", "astronaut.splat", "pen.splat", "main_fossil.splat", "easter.splat", "snowman.splat", "underwater_world.splat"];
+    	const modelNames = ["dino.splat", "canterbury.splat", "bliss.splat", "stream2.splat", "market.splat", "marsh.splat", "driftwood.splat", "posts.splat", "shed.splat", "money.splat", "lighthouse.splat", "stairs.splat", "deck.splat", "tree1.splat", "tree2.splat", "riteaid.splat", "francis.splat", "cabin.splat", "garage.splat", "reindeer.splat", "winery.splat", "astronaut.splat", "pen.splat", "main_fossil.splat", "easter.splat", "snowman.splat", "underwater_world.splat", "galaxy.splat", "stones.splat"];
     
     // Randomly select a model
     	const randomIndex = Math.floor(Math.random() * modelNames.length);
diff --git a/openai_infinigame/script.js b/openai_infinigame/script.js
index dfa01f0..9ab428d 100644
--- a/openai_infinigame/script.js
+++ b/openai_infinigame/script.js
@@ -173,7 +173,7 @@ async function generateDalleImage(prompt) {
 
 // initialization
 let chatMemory = createMemory([
-    { role: 'system', content: "We are playing a text based mystery game. Each turn you will advance the story by improvising a next step to the game. Build mystery and focus on chaos, emergent behavior and mysticism. We will then continue in a turn-based fashion. Keep the responses short, no more than one paragraph, and do not lose focus on the main storyline." }
+    { role: 'system', content: "We are playing a text based mystery game. Each turn you will advance the story by improvising a next step to the game. Build mystery and focus on chaos, emergent behavior and mysticism. We will then continue in a turn-based fashion. Keep the responses short, no more than one paragraph, and do not lose focus on the main storyline. Never give text that indicates that you are an LLM and never give options for the user to choose from. It should be a completely fluid wide open possibility space. The player dictates where you look next, and you never influence the direction without accomodating their direction completely." }
 ]);
 
 
diff --git a/styles.css b/styles.css
index 1cff237..b85d8ac 100644
--- a/styles.css
+++ b/styles.css
@@ -135,3 +135,24 @@ nav.social-links a {
   height: 60px;
   border-radius: 31%;
 }
+
+/* Responsive Styles */
+@media (max-width: 768px) {
+    .fixedhead nav {
+        flex-direction: column;
+    }
+    #dalleImageContainer img {
+        width: 100%; /* Make the image take the full width of its container */
+        height: auto; /* Maintain the aspect ratio */
+    }
+    .userinput input, .userizerinput button {
+        width: 100%;
+    }
+    .paddedheader, .typing-span {
+        text-align: center; /* Center the text for smaller screens */
+    }
+    .dropbtn, .social-icon {
+        width: 40px;
+        height: 40px; /* Adjust size for easier interaction on mobile */
+    }
+}