footer

app.py

@@ -358,4 +358,53 @@ if __name__ == "__main__":
                 object-fit: cover;
             }
         """,
+        head="""
+            <script>
+                let observerFooterButtons = new MutationObserver((mutationsList, observer) => {
+                    const origButtonShowAPI = document.querySelector(".show-api");
+                    const origButtonBuiltWith = document.querySelector(".built-with");
+                    const origButtonSettings = document.querySelector(".settings");
+                    const origSeparatorDiv = document.querySelector(".divider");
+                    if (!origButtonBuiltWith || !origButtonShowAPI || !origButtonSettings || !origSeparatorDiv) {
+                        return;
+                    }
+                    observer.disconnect();
+
+                    const parentDiv = origButtonShowAPI.parentNode;
+                    if (!parentDiv) return;
+
+                    const createButton = (referenceButton, text, href) => {
+                        let newButton = referenceButton.cloneNode(true);
+                        newButton.href = href;
+                        newButton.textContent = text;
+                        newButton.className = referenceButton.className;
+                        newButton.style.textDecoration = "none";
+                        newButton.style.display = "inline-block";
+                        newButton.style.cursor = "pointer";
+                        return newButton;
+                    };
+
+                    document.querySelectorAll(".divider").forEach(divider => {
+                        divider.style.marginLeft = "var(--size-2)";
+                        divider.style.marginRight = "var(--size-2)";
+                    });
+                    
+                    const newButtonBuiltWith = createButton(origButtonBuiltWith, "Built with Gradio DualVision", "https://github.com/toshas/gradio-dualvision");
+                    const newButtonTemplateBy = createButton(origButtonBuiltWith, "Template by Anton Obukhov", "https://www.obukhov.ai");
+                    const newButtonLicensed = createButton(origButtonBuiltWith, "Licensed under CC BY-SA 4.0", "http://creativecommons.org/licenses/by-sa/4.0/");
+
+                    parentDiv.replaceChild(newButtonBuiltWith, origButtonShowAPI);
+                    parentDiv.replaceChild(newButtonTemplateBy, origButtonBuiltWith);
+                    parentDiv.replaceChild(newButtonLicensed, origButtonSettings);
+                });
+                observerFooterButtons.observe(document.body, { childList: true, subtree: true });
+            </script>
+            <script async src="https://www.googletagmanager.com/gtag/js?id=G-1FWSVCGZTG"></script>
+            <script>
+                window.dataLayer = window.dataLayer || [];
+                function gtag() {{dataLayer.push(arguments);}}
+                gtag('js', new Date());
+                gtag('config', 'G-1FWSVCGZTG');
+            </script>
+        """
     )