kevinmarks / noterlive Goto Github PK
View Code? Open in Web Editor NEWA tool for indieweb live noting (aka live tweeting/live blogging).
A tool for indieweb live noting (aka live tweeting/live blogging).
You can do this by refreshing the page, but that is a nasty hack. Add some UI for it.
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
Right now it just goes to a hover page.
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.
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/)
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?
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.
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'></iframe></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?
though ironically it means I get tweeted at when people try it out
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!
If an added speaker doesn't have a Twitter handle, the delete button doesn't work to delete them.
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
Also try translating the manual
especially for people without twitter handles - also the trick of a 'Q' one for unknown questioners.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.