more specific rule for the box itself

new XRPL Hooks logo
clicking on the logo won't open the template dialog (retain gist path)
clicking gist under the Hook name opens the gist in a new window
documentation button open documentation in a new window
added meta tags & favicons
adjusted color schemes, removed pink (now matches design)

state/actions/compileCode.ts

@@ -38,7 +38,6 @@ export const compileCode = async (activeId: number) => {
           {
             type: "c",
             name: state.files[activeId].name,
-            options: "-O0",
             src: state.files[activeId].content,
           },
         ],
@@ -87,4 +86,4 @@ export const compileCode = async (activeId: number) => {
     });
     state.compiling = false;
   }
-};
+};

styles/globals.css

@@ -39,3 +39,14 @@ html.light .gutter-vertical:hover {
 html.light .gutter-horizontal:hover {
   background-color: rgba(0, 0, 0, 0.25);
 }
+
+/* Adjust Monaco tooltip stylings */
+.markdown-hover h3 {
+  margin: 0;
+}
+.monaco-editor .monaco-hover hr {
+  margin: 8px 0;
+}
+.monaco-editor .monaco-hover {
+  z-index: 9999;
+}