From c0909d5e54893db6e05c1f4db0ede1c2c2e3d605 Mon Sep 17 00:00:00 2001 From: mehak mansoori Date: Sat, 20 Jan 2024 21:07:50 +0530 Subject: [PATCH] changes --- .vscode/settings.json | 3 +++ H.html | 15 +++++++++++++++ app/android/app/src/debug/script.js | 27 +++++++++++++++++++++++++++ app/android/app/src/debug/styles.css | 17 +++++++++++++++++ 4 files changed, 62 insertions(+) create mode 100644 .vscode/settings.json create mode 100644 H.html create mode 100644 app/android/app/src/debug/script.js create mode 100644 app/android/app/src/debug/styles.css diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/H.html b/H.html new file mode 100644 index 0000000..c1a048a --- /dev/null +++ b/H.html @@ -0,0 +1,15 @@ + + + + + + + Your App + + +
+ +
+ + + diff --git a/app/android/app/src/debug/script.js b/app/android/app/src/debug/script.js new file mode 100644 index 0000000..b66549f --- /dev/null +++ b/app/android/app/src/debug/script.js @@ -0,0 +1,27 @@ +document.addEventListener('DOMContentLoaded', function () { + const storyButton = document.getElementById('storyButton'); + + storyButton.addEventListener('click', function () { + // Toggle the 'active' class to change the button appearance + storyButton.classList.toggle('active'); + + // Add your logic to handle the story creation or navigation + if (storyButton.classList.contains('active')) { + // The button is active, handle story creation or navigation + handleStoryClick(); + } else { + // The button is not active, handle closing the story or other actions + handleStoryClose(); + } + }); +}); + +function handleStoryClick() { + // Add your logic for story creation or navigation when the button is clicked + console.log('Story button clicked - handle story creation or navigation.'); +} + +function handleStoryClose() { + // Add your logic for closing the story or other actions when the button is not active + console.log('Story button closed - handle closing the story or other actions.'); +} diff --git a/app/android/app/src/debug/styles.css b/app/android/app/src/debug/styles.css new file mode 100644 index 0000000..85cef1a --- /dev/null +++ b/app/android/app/src/debug/styles.css @@ -0,0 +1,17 @@ +/* Add your styles here */ +.container { + padding: 20px; +} + +.story-button { + padding: 10px 20px; + background-color: #3498db; + color: #fff; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.story-button.active { + background-color: #e74c3c; /* Change the color when active */ +}