From 161516ffad6999dc24db7e5ed8e1ebd815ff1ec1 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Sun, 9 Mar 2025 21:31:52 +0100
Subject: Add embed pages

---
 src/pages/embed/EmbedPage.tsx | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/pages/embed/EmbedPage.tsx

(limited to 'src/pages/embed/EmbedPage.tsx')

diff --git a/src/pages/embed/EmbedPage.tsx b/src/pages/embed/EmbedPage.tsx
new file mode 100644
index 0000000..15a28ad
--- /dev/null
+++ b/src/pages/embed/EmbedPage.tsx
@@ -0,0 +1,36 @@
+import { useEffect } from 'react';
+import MorseGame from '../../components/MorseGame';
+import '../../styles.css';
+
+const EmbedPage = () => {
+  // Add meta tag for WebView compatibility
+  useEffect(() => {
+    // Set viewport for better mobile display
+    const viewportMeta = document.createElement('meta');
+    viewportMeta.name = 'viewport';
+    viewportMeta.content = 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no';
+    document.head.appendChild(viewportMeta);
+    
+    // Set canonical URL
+    const canonicalLink = document.createElement('link');
+    canonicalLink.rel = 'canonical';
+    canonicalLink.href = 'https://morsehero.com/embed';
+    document.head.appendChild(canonicalLink);
+    
+    // Set page title
+    document.title = 'Morse Hero | Embed';
+    
+    return () => {
+      document.head.removeChild(viewportMeta);
+      document.head.removeChild(canonicalLink);
+    };
+  }, []);
+
+  return (
+    <div className="embed-container">
+      <MorseGame />
+    </div>
+  );
+};
+
+export default EmbedPage;
-- 
cgit v1.3.1

