diff --git a/Participant Names/quicknote/README.md b/Participant Names/quicknote/README.md new file mode 100644 index 0000000..3d66bba --- /dev/null +++ b/Participant Names/quicknote/README.md @@ -0,0 +1,27 @@ +# Quicknote + +A persistent note/to-do list application — click a button in your browser and record notes, which will persist even after browser restarts. + +Works in Firefox 47+. + +## Running with web-ext + +[web-ext](https://developer.mozilla.org/en-US/Add-ons/WebExtensions) generates a new profile on each run, meaning your data is not persisted between Firefox runs. To use web-ext and preserve this information, you will need an existing or new Firefox profile. Then run: + +web-ext run --firefox-profile [A PATH TO A FIREFOX PROFILE] --keep-profile-changes + +## What it does + +This extension includes: + +* A browser action that creates a popup — within the popup is: + * Two form elements for entering title and body text for a new note, along with a button to add a note, and a button to clear all notes. + * A list of the notes that have been added to the extension — each note includes a delete button to delete just that note. You can also click on the note title and body to edit them. In edit mode, each note includes: + * An update button to submit an update. + * A cancel button to cancel the update. + +Quicknote uses the WebExtensions [Storage API](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/storage) to persist the notes. + +## What it shows + +* How to persist data in a WebExtension using the Storage API. diff --git a/Participant Names/quicknote/icons/quicknote-32.png b/Participant Names/quicknote/icons/quicknote-32.png new file mode 100644 index 0000000..94af0b4 Binary files /dev/null and b/Participant Names/quicknote/icons/quicknote-32.png differ diff --git a/Participant Names/quicknote/icons/quicknote-48.png b/Participant Names/quicknote/icons/quicknote-48.png new file mode 100644 index 0000000..f06b80c Binary files /dev/null and b/Participant Names/quicknote/icons/quicknote-48.png differ diff --git a/Participant Names/quicknote/manifest.json b/Participant Names/quicknote/manifest.json new file mode 100644 index 0000000..ba5f2e5 --- /dev/null +++ b/Participant Names/quicknote/manifest.json @@ -0,0 +1,30 @@ +{ + + "manifest_version": 2, + "name": "Quicknote", + "version": "1.1", + + "description": "Allows the user to make quick notes by clicking a button and entering text into the resulting popup. The notes are saved in storage. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#quicknote", + "icons": { + "48": "icons/quicknote-48.png" + }, + + "permissions": [ + "storage" + ], + + "browser_action": { + "default_icon": { + "32" : "icons/quicknote-32.png" + }, + "default_title": "Quicknote", + "default_popup": "popup/quicknote.html" + }, + + "applications": { + "gecko": { + "id": "quicknote-example@mozilla.org" + } + } + +} diff --git a/Participant Names/quicknote/popup/quicknote.css b/Participant Names/quicknote/popup/quicknote.css new file mode 100644 index 0000000..e2a0ed8 --- /dev/null +++ b/Participant Names/quicknote/popup/quicknote.css @@ -0,0 +1,120 @@ +/* General styling */ + +* { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + font-size: 10px; + background: rgb(240,240,240); + height: 300px; + margin: 0; +} + +body { + width: 300px; + background: rgb(240,240,240); + margin: 0 auto; + padding: 2px; + height: inherit; +} + +.outer-wrapper { + overflow: auto; + width: 100%; + height: 290px; + background: rgb(240,240,240); +} + +.clearfix { + clear: both; +} + +/* form control styling */ + +input, textarea, button { + border: 1px solid rgb(218,218,218); + padding: 4px; + background: white; + border-radius: 3px; +} + +button { + background: #ccc; + box-shadow: inset -2px -2px 1px rgba(0,0,0,0.2); + transition: 0.1s all; +} + +button:hover, button:focus { + background: #ddd; +} + +button:active { + box-shadow: inset -2px -2px 1px rgba(0,0,0,0.05); +} + +input, textarea { + font-family: sans-serif; + box-shadow: inset 2px 2px 1px rgba(0,0,0,0.10); +} + +/* Typography */ + +h2 { + font-size: 1.3rem; +} + +p, input, textarea { + font-size: 1.2rem; + line-height: 1.5; +} + +/* New notes entry box */ + +.new-note { + width: 100%; + margin-bottom: 5px; + padding: 2px; +} + +input { + width: 100%; + margin-bottom: 2px; +} + +textarea { + width: 100%; + margin-bottom: 4px; + resize: none; +} + +.clear { + float: left; +} + +.add { + float: right; +} + +/* Notes display box(es) */ + +.note { + padding: 2px; +} + +.delete { + float: right; +} + +p { + margin: 0; +} + +.cancel { + float: left; +} + +.update { + float: right; +} diff --git a/Participant Names/quicknote/popup/quicknote.html b/Participant Names/quicknote/popup/quicknote.html new file mode 100644 index 0000000..d816f55 --- /dev/null +++ b/Participant Names/quicknote/popup/quicknote.html @@ -0,0 +1,27 @@ + + + +
+ + + + + +