add chatgpt option back, move to aside

Author: sarahsanders-docker

hugo_stats.json

@@ -188,7 +188,6 @@
       "dark:bg-background-dark",
       "dark:bg-blue-dark",
       "dark:bg-blue-dark-400",
-      "dark:bg-gray-800",
       "dark:bg-gray-dark-100",
       "dark:bg-gray-dark-200",
       "dark:bg-gray-dark-300",
@@ -217,7 +216,6 @@
       "dark:from-blue-dark-400",
       "dark:from-gray-dark-100",
       "dark:hidden",
-      "dark:hover:bg-blue-500",
       "dark:hover:bg-blue-dark",
       "dark:hover:bg-blue-dark-500",
       "dark:hover:bg-gray-dark-200",
@@ -291,7 +289,6 @@
       "h-16",
       "h-2",
       "h-32",
-      "h-4",
       "h-48",
       "h-6",
       "h-8",
@@ -303,7 +300,6 @@
       "hidden",
       "hidden'",
       "highlight",
-      "hover:bg-blue-600",
       "hover:bg-blue-light-400",
       "hover:bg-gray-light-100",
       "hover:bg-gray-light-200",
@@ -419,7 +415,6 @@
       "overflow-y-auto",
       "p-1",
       "p-2",
-      "p-3",
       "p-4",
       "p-6",
       "p-8",
@@ -445,7 +440,6 @@
       "pt-4",
       "px-1",
       "px-2",
-      "px-3",
       "px-4",
       "px-6",
       "py-1",
@@ -457,20 +451,16 @@
       "right-0",
       "right-3",
       "right-8",
-      "ring-1",
       "ring-2",
       "ring-[1.5px]",
-      "ring-black",
       "ring-blue-light-400",
       "ring-gray-light-200",
-      "ring-opacity-5",
       "rotate-45",
       "rounded",
       "rounded-[6px]",
       "rounded-b-lg",
       "rounded-full",
       "rounded-lg",
-      "rounded-md",
       "rounded-sm",
       "scale-50",
       "scale-75",
@@ -481,7 +471,6 @@
       "self-start",
       "shadow",
       "shadow-lg",
-      "shadow-sm",
       "sm:block",
       "sm:flex",
       "sm:flex-row",
@@ -490,7 +479,6 @@
       "sm:w-full",
       "space-x-2",
       "space-y-2",
-      "space-y-3",
       "space-y-4",
       "sticky",
       "svg-container",
@@ -540,9 +528,6 @@
       "underline-offset-2",
       "uppercase",
       "w-2",
-      "w-4",
-      "w-64",
-      "w-72",
       "w-8",
       "w-[1200px]",
       "w-[32px]",

layouts/partials/aside.html

@@ -12,4 +12,5 @@
     </div>
   {{- end }}
 {{- end }}
-</aside>
+<span>{{ partial "llms-dropdown.html" }}</span>
+</aside>

layouts/partials/content-default.html

@@ -8,7 +8,6 @@ <h1 data-pagefind-weight="10" class="scroll-mt-36">{{ .Title }}</h1>
       <hr />
     </div>
     {{ .Content }}
-    {{ partial "llms-dropdown.html" . }}
   </article>
   <div class="hidden flex-1 min-w-52 lg:block -mr-8 -mt-8">
     {{ partial "aside.html" . }}

layouts/partials/llms-dropdown.html

@@ -22,10 +22,15 @@
           <div class="text-gray-500 dark:text-gray-400">View this page as plain text</div>
         </div>
         <div>
-          <button onclick="openInDocsAI()" class="text-left text-blue-500 hover:text-blue-600 font-semibold">Open in Docker Docs AI</button>
-          <div class="text-gray-500 dark:text-gray-400">Ask questions about this page with Docker Docs AI</div>
+          <button onclick="openInDocsAI()" class="text-left text-blue-500 hover:text-blue-600 font-semibold">Search Docs AI</button>
+          <div class="text-gray-500 dark:text-gray-400">Ask questions with Docs AI</div>
+        </div>
+        <div>
+          <button onclick="openInChatGPT()" class="text-left text-blue-500 hover:text-blue-600 font-semibold">Open in ChatGPT</button>
+          <div class="text-gray-500 dark:text-gray-400">Ask questions about this page with ChatGPT</div>
         </div>
       </div>
+    </div>
     </details>
   </div>
 
@@ -55,7 +60,14 @@
   if (kapaButton) {
     kapaButton.click();
   } else {
-    alert("Couldn't find the DocsAI button.");
+    alert("Couldn't find the Docs AI button.");
   }
 }
+
+  function openInChatGPT() {
+    const markdownURL = getCurrentPlaintextUrl();
+    const prompt = `Read ${markdownURL} so I can ask questions about it`;
+    const chatGPTUrl = `https://chat.openai.com/?model=gpt-4&prompt=${encodeURIComponent(prompt)}`;
+    window.open(chatGPTUrl, '_blank');
+  }
   </script>

layouts/partials/sidebar/sections.html

@@ -104,4 +104,4 @@
   {{- with .Params.sidebar.badge }}
     <span>{{- partial "components/badge.html" (dict "color" .color "content" .text) }}</span>
   {{- end }}
-{{ end }}
+{{ end }}