From e6936735c8d8ac20e4d8095ccfc6f1c113199213 Mon Sep 17 00:00:00 2001
From: f <f@users.noreply.github.com>
Date: Tue, 4 Feb 2025 23:04:51 +0000
Subject: [PATCH] deploy: 7c68845eb0331cf6c6e163900876b03c537aa672

---
 index.html | 62 ++++++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 53 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index c9130ae..e51e9c1 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
 {"@context":"https://schema.org","@type":"WebSite","description":"This repo includes ChatGPT prompt curation to use ChatGPT and other LLM tools better.","headline":"Awesome ChatGPT Prompts","name":"Awesome ChatGPT Prompts","url":"/"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="/assets/css/style.css?v=1fbb25a0fee43baf67c8f4b161d47218b414dbbb">
+    <link rel="stylesheet" href="/assets/css/style.css?v=7c68845eb0331cf6c6e163900876b03c537aa672">
     <style>
       :root {
         --bg-color-light: #ffffff;
@@ -3001,16 +3001,22 @@ Split the outline into part 1 and part 2.</p>
       document.addEventListener('DOMContentLoaded', () => {
         // Initialize dev mode
         const devModeToggle = document.getElementById('devModeToggle');
-        const isDevMode = localStorage.getItem('dev-mode') === 'true';
-        devModeToggle.checked = isDevMode;
+        const initialDevMode = localStorage.getItem('dev-mode') === 'true';
+        devModeToggle.checked = initialDevMode;
+        
+        // Initialize chat button icons
+        updateChatButtonIcons(initialDevMode);
         
         // Handle dev mode toggle
         devModeToggle.addEventListener('change', (e) => {
-          const isDevMode = e.target.checked;
-          localStorage.setItem('dev-mode', isDevMode);
+          const newDevMode = e.target.checked;
+          localStorage.setItem('dev-mode', newDevMode);
+          
+          // Update chat button icons
+          updateChatButtonIcons(newDevMode);
           
           // Check if we should show Copilot suggestion
-          if (isDevMode) {
+          if (newDevMode) {
             const currentPlatform = document.querySelector('.platform-tag.active');
             const shouldNotShow = localStorage.getItem('copilot-suggestion-hidden') === 'true';
             
@@ -3062,6 +3068,10 @@ Split the outline into part 1 and part 2.</p>
         
         // Initialize search functionality
         initializeSearch();
+
+        // Initialize chat button icons on page load
+        const isDevMode = localStorage.getItem('dev-mode') === 'true';
+        updateChatButtonIcons(isDevMode);
       });
 
       // Search functionality
@@ -3393,9 +3403,13 @@ Split the outline into part 1 and part 2.</p>
                   ${title}
                   <div class="action-buttons">
                     <button class="chat-button" title="Open in AI Chat" onclick="openInChat(this, '${encodeURIComponent(content.trim())}')">
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <svg class="chat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                         <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
                       </svg>
+                      <svg class="terminal-icon" style="display: none;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <polyline points="4 17 10 11 4 5"></polyline>
+                        <line x1="12" y1="19" x2="20" y2="19"></line>
+                      </svg>
                     </button>
                     <button class="copy-button" title="Copy prompt" onclick="copyPrompt(this, '${encodeURIComponent(content.trim())}')">
                       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -3502,9 +3516,13 @@ Split the outline into part 1 and part 2.</p>
                 </div>
                 <div class="modal-footer-right">
                   <button class="modal-chat-button" onclick="openModalChat()">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <svg class="chat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                       <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
                     </svg>
+                    <svg class="terminal-icon" style="display: none;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <polyline points="4 17 10 11 4 5"></polyline>
+                      <line x1="12" y1="19" x2="20" y2="19"></line>
+                    </svg>
                     Start Chat
                   </button>
                 </div>
@@ -3536,15 +3554,29 @@ Split the outline into part 1 and part 2.</p>
 
         // Update chat button text with platform name and handle visibility
         const platform = document.querySelector('.platform-tag.active');
+        const isDevMode = document.getElementById('devModeToggle').checked;
+        
         if (platform) {
           const shouldHideChat = ['gemini', 'llama'].includes(platform.dataset.platform);
           modalChatButton.style.display = shouldHideChat ? 'none' : 'flex';
           
           if (!shouldHideChat) {
+            const chatIcon = modalChatButton.querySelector('.chat-icon');
+            const terminalIcon = modalChatButton.querySelector('.terminal-icon');
+            
+            if (chatIcon && terminalIcon) {
+              chatIcon.style.display = isDevMode ? 'none' : 'block';
+              terminalIcon.style.display = isDevMode ? 'block' : 'none';
+            }
+            
             modalChatButton.innerHTML = `
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <svg class="chat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: ${isDevMode ? 'none' : 'block'}">
                 <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
               </svg>
+              <svg class="terminal-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: ${isDevMode ? 'block' : 'none'}">
+                <polyline points="4 17 10 11 4 5"></polyline>
+                <line x1="12" y1="19" x2="20" y2="19"></line>
+              </svg>
               Chat with ${platform.textContent}
             `;
           }
@@ -3730,6 +3762,18 @@ Split the outline into part 1 and part 2.</p>
           document.body.style.overflow = '';
         }
       }
+
+      // Function to update chat button icons based on dev mode
+      function updateChatButtonIcons(isDevMode) {
+        document.querySelectorAll('.chat-button, .modal-chat-button').forEach(button => {
+          const chatIcon = button.querySelector('.chat-icon');
+          const terminalIcon = button.querySelector('.terminal-icon');
+          if (chatIcon && terminalIcon) {
+            chatIcon.style.display = isDevMode ? 'none' : 'block';
+            terminalIcon.style.display = isDevMode ? 'block' : 'none';
+          }
+        });
+      }
     </script>
     <style>video { max-width: 100% !important; }</style>
     <!-- Google tag (gtag.js) -->