diff --git a/Google Keep Extension/manifest.json b/Google Keep Extension/manifest.json new file mode 100644 index 00000000..4813f684 --- /dev/null +++ b/Google Keep Extension/manifest.json @@ -0,0 +1,27 @@ +{ + "manifest_version": 3, + "name": "Google Keep Extension", + "description": "A simple Chrome extension for Google Keep.", + "version": "1.0", + "permissions": [ + "storage", + "activeTab" + ], + "action": { + "default_popup": "popup.html", + "default_icon": { + "16": "icons/icon16.png", + "48": "icons/icon48.png", + "128": "icons/icon128.png" + } + }, + "background": { + "service_worker": "background.js" + }, + "icons": { + "16": "icons/icon16.png", + "48": "icons/icon48.png", + "128": "icons/icon128.png" + } + } + \ No newline at end of file diff --git a/Google Keep Extension/popup.css b/Google Keep Extension/popup.css new file mode 100644 index 00000000..4e64890a --- /dev/null +++ b/Google Keep Extension/popup.css @@ -0,0 +1,35 @@ +body { + font-family: Arial, sans-serif; + padding: 10px; + background-color: #f5f5f5; +} + +h1 { + font-size: 18px; + margin-bottom: 10px; +} + +textarea { + width: 100%; + height: 100px; + margin-bottom: 10px; + padding: 5px; + font-size: 14px; + border-radius: 5px; + border: 1px solid #ccc; +} + +button { + width: 100%; + padding: 10px; + font-size: 14px; + background-color: #4285F4; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +button:hover { + background-color: #357ae8; +} diff --git a/Google Keep Extension/popup.html b/Google Keep Extension/popup.html new file mode 100644 index 00000000..6945ea6f --- /dev/null +++ b/Google Keep Extension/popup.html @@ -0,0 +1,15 @@ + + + + + + Google Keep Extension + + + +

Google Keep Notes

+ + + + + diff --git a/Google Keep Extension/popup.js b/Google Keep Extension/popup.js new file mode 100644 index 00000000..e5783d33 --- /dev/null +++ b/Google Keep Extension/popup.js @@ -0,0 +1,10 @@ +document.getElementById('saveButton').addEventListener('click', () => { + const noteText = document.getElementById('noteText').value; + if (noteText) { + chrome.storage.sync.set({ 'note': noteText }, () => { + alert('Note saved!'); + }); + } else { + alert('Please write something before saving.'); + } +});