kevinmarks / noterlive

A tool for indieweb live noting (aka live tweeting/live blogging).

noterlive

A tool for indieweb live noting (aka live tweeting/live blogging).

To try it go to http://www.noterlive.com

Instructions

See: Noter Live Instruction Manual

For those wishing to properly display the available hovercard output on their websites, they should include the javascript file included in the repository in their root web folder and ensure that the displaying webpage includes <script src="/hovercards.js"></script>. One will also need to include appropriate CSS for displaying these cards, a possible sample can be found in /resources/noterlive.css.

TO DO

add a logout button for twitter

add title and header/footer composition for full posts

import hCards to speaker buttons as well as twitter handles

persist to localStorage to survive accidental refresh

add micropub support for noting elsewhere

add micropub/atompub/metaweblog for posting articles elsewhere

DONE

better twitter length estimation (via Tantek's cassis.js) autolink in the html version (via Tantek's cassis.js)

noterlive's Issues

Add www redirect to http://noterlive.com

Right now it just goes to a hover page.

Feature suggestion: Separate clearing of speakers and logs

For use cases in which one is liveblogging regularly recurring events or multi-session/multi-day events, it may be useful to be able to separately clear the logs and clear the speakers (i.e.: a button for each function instead of one that does both). This way one can cut and paste the log, clear it out for the next session/day/other while not needing to re-enter all the speaker data back into the system redundantly - particularly when one may need to look up all the data again.

While the Twitter look-up is useful as a stopgap toward re-populating , the data return doesn't always do the best job as some Twitter bios don't use full names and may or may not include websites, or when users (Tantek for example) have an emoji as their "name" Noterlive doesn't allow modifying (and re-saving) corrected versions of the name (though the workaround for this appears to be to save the speaker, delete the the speaker, modify the text and then resave.)

Mostly these type of fit & finish ideas are meant to serve livetweeters who don't necessarily have lists/data on speakers pre-entered prior to an event and are forced to do the searching on-the-fly during which they are missing potential content.

add Micropub support

Noterlive should support Micropub so you can "live-note" direct to your own site, and have it POSSE to Twitter, instead of having to have Micropub only post tweets.

cc: @aaronpk

Can we add a license?

Would you mind adding a license to this? I want to modify this for a project I'm working on, but getting sued is something of a drag. "Stealing code I didn't write" is also not ideal. :-)

Pick a license, I'll build the PR if you'd like!

Feature suggestion: Twitter permalinks on blockquotes

As I was looking at Kevin's notes from last nights HWC SF http://www.kevinmarks.com/hwc2016-08-24.html, I considered sending a tweet to an attendee with an offer of help. Since it takes a few minutes to trackdown the original tweet (more if its an older/archived conversation) and reply to it, it would be nice to have a URL permalink to the copy of the tweet on twitter as mentioning the PESOS post doesn't notify the speaker, but the note-taker on the PESOS post. I suspect, given the Twitter support, you could backport the permalink of the tweet to present within the html portion.

Perhaps something along the lines of the following template, where the highlighted portion is the added part in the html block:
<div class='h-cite'><span class='hovercard'><a class='h-card p-category' href='http://website.com'>User Name</a><iframe class='u-hovercard hidden-info' height=128 width=256 src='http://www.unmung.com/hovercard?url=https%3A%2F%2Fwebsite.com'>&lt;/iframe>&lt;/span>: <blockquote class='e-content'><p>Content of the original twitter post sent from noterlive <a class="u-syndication" title="Twitter Permalink for replies" href="https://twitter.com/kevinmarks/status/768642163643064320">#</a>

Come to think of, having u-syndication for all the original tweets could be generally useful and could potentially be used to conglomerate webmentions of surrounding conversation rather than just comments on the post for the aggregated tweets.... though this may require more UI thought to be useful/pretty.

And of course after writing all this, as a manual exercise, I've tried this on http://boffosocko.com/2016/08/25/homebrew-website-club-meetup-pasadenalos-angeles-notes-from-8-24-16/ and I notice that noterlive smartly creates a linked conversation out of the chain of tweets (https://twitter.com/ChrisAldrich/status/768613302989680640), so perhaps just including the permalink for the first tweet is enough to provide a findable context?

Parse h-card for name and Twitter handle

I love this tool but trying to find the correct Twitter handle takes so much time to use tool live without prior set up.

If I dropped in a url could it be parsed so the name and the Twitter handle get parsed from the h-card.

(Originally published at: https://jgregorymcverry.com/parse-h-card-for-name-and-twitter-handle/)

Display issue for Speakers without Twitter Handles

The display of speakers without Twitter handles could default to their names and/or URLs instead of being left blank.

Repo doesn't reflect live app

I was playing with noterlive, and doesn't look like the repo reflects the live code. I hacked it to include the javascript speaker lookup in the html, but /lookupspeaker?handle=waxpancake returns a 404.

Break twitter threading between sessions

You can do this by refreshing the page, but that is a nasty hack. Add some UI for it.

Add CSS styling class alongside h-cite

As discussed in Indieweb chat this will allow sites a class on which they can "correctly" add CSS styling to while leaving the semantic class h-cite free for better cross-platform support.

Cross reference: http://indieweb.org/WordPress/Themes#Solutions_for_Themes_not_Natively_Supporting_Microformats

fix french translation to be in sync with english

Also try translating the manual

UX/UI enhancement: Ability to remove speaker

UX/UI enhancement: Ability to remove speaker

During the heat of live-tweeting, one can accidentally have typos, input wrong speaker information, or need to add additional speaker information. It could be helpful to have a "Remove Speaker button" next to "Save Speaker" to delete an incorrectly input version.

Can't delete Speakers without Twitter Handles

If an added speaker doesn't have a Twitter handle, the delete button doesn't work to delete them.

Add option for tweet formats

There are two common formats used by people live tweeting a talk, this example tweet could be formatted in one of two ways:

#wcbne @\maddisondesigns: Great feature of WooCommerce for membership is integrated membership and shop logins

Or

Great feature of WooCommerce for membership is integrated membership and shop logins -@\maddisondesigns #wcbne

I think there is some merit it providing a formatting option for users. Would you be interested in a PR?

clarify how the handle/name/url stuff works

especially for people without twitter handles - also the trick of a 'Q' one for unknown questioners.

clarify that the 'note' button will send a tweet

though ironically it means I get tweeted at when people try it out