This one was insightful (haha). Here is my interpretation of the Random Quote Machine. Please feel free to construct, criticize, love, hate, or throw any emotion you want at it.
Does not run off codepen, because I’m making an http call to my own quote db, and my hosting plan does not include https. On the plus side, I wrote a simple microservice with php+sqlite; the html page just makes a call to it.
Three ways you can use it:
navigate to the link, as above (over 900 political quotes, I’m drawing upon my life experience here )
navigate to http://q.tranglos.com/?q=t and you will only be seeing quotes that are short enough to fit on Twitter (quote+author). This is only about 1/4 of the total number of quotes in the db.
navigate to http://q.tranglos.com/?q=123 where “123” is a numeric ID, and you will see a specific quote. This way you can create and post permalinks to quotes.
If a quote is too long for twitter, it will be cut to size and your tweet will include a link to the full quote.
Also, some of the quotes have source information, and some link to where you can read the full text on the net.
I added a prefetch function, so any delay should only occur when the page first loads. After that a new quote should appear instantly when you click the button.
The code is in codepen here: https://codepen.io/marekjedlinski/pen/xqOKMM but it will not run from there (the ajax call is commented out so that I can display a message instead)
I do really want to hear your comments! (Among other things, on how it could be elegantly styled; for now the css is really basic.) And let me know if the twitter thing works for you
Here is my (almost) complete Random Quote Machine! I want to make it so that if the quote is over 140 characters it will split it into 2 tweets but I haven’t gotten quite that far yet and just wanted to post it for any feedback so far. Thanks!
So… after lots of trial and error I don’t know if there is actually a way to do this. If the quote is over 140 characters I tried having it open 2 windows simultaneously, one with the beginning and one with the end of the quote, but I couldn’t find any way to do that. I also tried opening one window with the beginning of the quote which, upon being closed, would automatically open a second window with the rest of the quote. I couldn’t seem to get either option to work Anyone else tried anything like this?
I made a .confirm pop-up so that you get a dialog box stating the quote is over 140 characters and asking if you’d like to continue with the tweet. So far this is the best workaround I can come up with!
I am afraid the best would be probably to have quotes about 70 - 80 characters long so that you can add the url of your portfolio (great to get to have your quote gain visibility) + the right hashtag.
I decided not to do that since some I found are really fun to have maybe in version 2
Just made my CFLX4TwitterCanvas app available for download! instead of making a random-quoting-machine
… I did build a DJT-BOT (the greatest, believe me, the greatest… #djTisInDaHouse), but it did violate some rules & was shut down by Twitter…
*The CFLX4TwitterCanvasApp is available at sourceforge:
I’d like to improve it further - with browser/client-side storage populating modifyable dropdown elements…
… would like to do this in a locally distributed project-team!
If you are interested in participating to this project, please use the CFLX4Twitter app to contact me
I have developed the CYBR CSCW-SUITE (CCS) for project collaboration (SCRUM, discussion-board, content-management, Shopfloor-Management application) & therefore I can show you how to work with it as a by-product.
I have some professional project management background, some LAMP, HTML5 & JS knowledge but no experience in Angular/ Angular2, what I’d suggest to build the next version of the CFLX4Twitter machine with.
If we are successful in building apps this way, the future is ours!