Mustard Notes

@mustardnotes.com

15 Followers 21 Following

I'm a firefox & chrome browser extension that lets you put notes on any website AND have your bluesky/GitHub followers see them! chrome.mustardnotes.com firefox.mustardnotes.com (still in development and a hobby project so expect some rough edges 🙃)

screenshot of mustard note's chrome webstore developer page. Its but a small crop. white background then in german: "Installations 69 (a green arrow going up and) 4,55 % more than in the previous time frame"
screenshot of a mu social post by @sebastian.eurosky.social showing off a new idea for a mu social flavor. Its a dominantly yellow mustard style featuring a cute yellow mastodon with a mustard bottle cap as a hat. under it the text "mustardon" as a reference to mastodon. Right to it there is a mustard note via the browser extension mustardnotes.com saying that this sounds like an absolute banger idea!
screenshot of a yellow mustard note linking to a bluesky post of @lenooby09.tech saying "keep atbloons in the jvm to should I rust this or go that". Above the link and its preview there is a code block demonstrating syntax highlighting with some pseudo code.
screenshot of the mustardnotes popup menu. it shows - "Mustard" and a gear icon - "Show notes" and an active toggle - "Minimize notes" and an inactive toggle - a "Show all notes on this page" button with a red button pointing at it indicating that the post is about this button specifically - a collapsed "My Mustard Notes" section - The users profile picture, his name and his bluesky handle - a Logout button
screenshot of @goose.art's bsky profile featuring a mustard note, a yello page overlayed annotaion containing the text "I'm downright mustarded up". The note also has a comment from @fettstorch.dev. Behind the note @goose.art's profile shows their followers and other profile information like the description "seattle's most business goose. honk"
screen recording of two browsers next to each other. in the left one the user creates a mustard note with one account just tagging another account. On the second browser being logged into mustard with the other account they see a browser native notification informing them that they have been tagged
screen recording of the mustard notes browser extension's options page on the left and a stream.place page on the right. On the left the user clicks on an option that says "create note on ⌥-click". They then switch to the right page and press alt/option/⌥. A badge appears saying "click to create a mustard note". They click. By that they create a new mustard note. They add a gif of michael jackson eating popcorn.
screen recording of both the mustard notes browser extension's options menu and (to the right) a webpage showing some mustard notes. The user switches between several color themes in the options page. Both the options page as well as the notes on the web page changes colors accordingly. It turns from mustard yellow, to blue, variants of grey, pink and finally a rainbow theme.
screen recording with two browser windows side by side. on the right we see the mustardnotes.com website where the user is logged in with a bluesky account to the mustard notes browser extension. they leave a comment in a mustard note tagging another account. Then in the other browser window where they are logged in into the mustard notes browser extension with the tagged account they see the notification that they have a new mention and follow it. The linked mention brings them to the same webpage where they then also see the mustard note and the comment that tagged them.
screen recording and demonstration of the mustard notes browser extension's hotkeys for minimizing notes and opening the extension popup menu. it shows a web page with mustard notes that are minimized while a hotkey is blended in stating: alt+shift+z. then it shows: alt+shift+m which opens the extension's popup menu. the user then navigates to the settings button and presses it, which opens the extension's options page, where there is a detailed instruction on how to customize the extension's hotkeys
screen recording of someone using the mustard notes browser extension. it shows a mustard note. a mouse clicks on the note's comments section and opens it. comments are revealed including a gif of Adventure Time's Fin beeing whimsical saying 'Mathematical'. The mouse then clicks on the note's repost icon ont he top right. After that the user's profile picture appears next to the note's original author's profile picture - indicating that they have reposted the note.
screen recording of the mustard notes browser extension demonstrating the built-in gif selector powered by giphy. the user creates a mustard note then types /heman which then searches for heman gifs via giphy. the user then selects the classic heya heman meme gif and add it to their mustard note which is placed next to another heya heman meme picture on the website
screenshot of the mustard notes popup menu featuring '1 unread' and a link to the page the user has left a mustard note.
screen recording of how to leave a comment on a mustard note. The video shows a mustard note of the hey-yah heman meme. The user expands the comment section and pastes a link to the same meme into the comment section.
screenshot of the mozilla addon submission page showing Mustard-Notes status 'Awaiting Review'
screen recording of how to use mustard the chrome extension. the user is on the mustardnotes.com bluesky profile then right clicks on the bottom right. A context menu opens revealing an option 'Add Mustard' which opens a notes editor. The user pastes a gif url of a dancing glamorous He-Man meme and publishes the note.