docs -> chatgpt

index.html

@@ -23,7 +23,14 @@
                         href="docs/index.html"
                         target="_blank"
                     >
-                        <button>🤓 Docs</button>
+                        <button class="icon-button">
+                            <img
+                                src="https://chatgpt.com/favicon.ico"
+                                width="20"
+                                height="20"
+                            >
+                            ChatGPT
+                        </button>
                     </a>
 
                     <div class="dropdown-wrapper">
@@ -113,7 +120,8 @@ function loop(deltaT) {
 
 lib.startGameLoop(loop);
 
-</pre>
+</pre
+                        >
                     </div>
                 </section>
             </div>

style.css

@@ -358,3 +358,14 @@ footer {
 #project-name:focus {
     outline: none;
 }
+
+#buttons > a:has(button) {
+    text-decoration: none;
+}
+
+.icon-button {
+    display: flex;
+    gap: 0.5ch;
+    align-items: center;
+    justify-content: center;
+}