Create inapp.json

minhyeok4dev · Jun 13, 2024 · 7baeb7d · 7baeb7d
1 parent 8f737b4
commit 7baeb7d
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/inapp.json b/inapp.json
@@ -0,0 +1,6 @@
+{
+  "inAppMessages": [{
+    "htmlString1": "<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Bottom Sheet</title><style>body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { padding: 20px; } .button { background-color: #4CAF50; color: white; padding: 15px 20px; border: none; cursor: pointer; } .bottom-sheet { position: fixed; bottom: -100%; left: 0; width: 100%; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: bottom 0.3s ease-in-out; } .bottom-sheet.open { bottom: 0; }</style></head><body><div class=\"container\"><button class=\"button\" onclick=\"toggleBottomSheet()\">Open Bottom Sheet</button></div><div id=\"bottomSheet\" class=\"bottom-sheet\"><div style=\"padding: 20px;\"><h2>Bottom Sheet Content</h2><p>This is the content of the bottom sheet.</p></div></div><script>function toggleBottomSheet() { var bottomSheet = document.getElementById('bottomSheet'); bottomSheet.classList.toggle('open'); }</script></body></html>",
+    "htmlString2": "<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Base</title><style>body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { padding: 20px; } .header { background-color: #f8f9fa; padding: 20px; text-align: center; } .content { margin: 20px; }</style></head><body><div class=\"container\"><div class=\"header\"><h1>Welcome to Base</h1></div><div class=\"content\"><p>This is a sample base HTML content.</p></div></div></body></html>"
+  }]
+}