Fieldnote — demo page for uxnote-fork

Plan	Observers	Storage	Price
Solo	1	5 GB	Free
Team	Up to 10	100 GB	€12 / observer / month
Institution	Unlimited	1 TB	Contact us

Widget settings

The widget reads its options from its script tag, once, when the page loads. This page carries them in the query string, so applying a change reloads the page. The notes you have already taken stay where they are.

colorForHighlight paints all three kinds at once and is not in the grid: a colour input has no way to say unset, and the three per-kind options below say the same thing one kind at a time. The README carries it.

Two of the options name a server to keep the notes on instead of this browser. A link must not be able to point your notes at somebody else's server, so this page takes a loopback address only: localhost, anything in 127.0.0.0/8, or [::1]. The repo ships server/server.py to run there, with python3 server/server.py --port 8123. The hosted demo is served over HTTPS from github.io and browsers restrict a public page reaching a loopback address (Private Network Access), so the two server options are meant for a demo you run locally and may be blocked here.

data-theme Theme of the toolbar, panel, and dialogs. auto follows the system and changes with it; reverse-auto follows it the other way, so the widget contrasts with a page that follows it too. data-json-export The export button in the head of the panel. It writes every annotation of the site on the press; the send-by-mail button answers to its own option and stays. data-json-import The import button, its dialog, and the list of files imported into this page. isBackdropVisible Dims the page behind the widget for as long as the toolbar is on screen. isToolVisibleAtFirstLaunch Whether the toolbar starts open. A hide made in this browser is remembered and wins. isToolOnTopAtLaunch Starts the toolbar at the top rather than the bottom. A move made from the toolbar is remembered and wins. colorForTextHighlight A text highlight, and nothing else. The three kinds start on three colours so a marker says which it is. colorForElementHighlight An element's outline and its marker, and nothing else. colorForRegionHighlight The frame of a captured region, and nothing else. data-mailto The recipient of the send-by-mail button's draft. An address here is what puts the button in the head of the panel; leave it empty and there is none. data-server-url Keeps the notes on a server instead of this browser. This page takes a loopback address only. data-server-api-key Sent as X-Uxnote-Key on every request to that server.

The script tag for this set of options:

Notes that stay where you took them

Riverbank transect 3

Works offline

Exports to anything

Built for teams

Pricing

Widget settings