Hey everybody, Ive finished my random quote machine. I definitely need to work on the phone browser support. Any help with scaling the text and buttons down to the same ratio as the picture would be greatly appreciated.
Random Quote Machine v.2 - https://codepen.io/Keith_Martens/full/wdNMoL/
Thuis time focused on making it mobile-responsive.
Added some logic if going to retweet quote > 140 chars length.
Ahother idea was: not to display quotes which are too long (skip such quotes and force another AJAX-request until we get pretty short quote from API)
UPD 11/07/17
v.3 - now can scroll the quote if too long, also tested in 4 browsers
Love the background image. Only thing I can perhaps suggest is changing the size and font of the quotes themselves for more readability. Overall I like it, itâs clean, simple, and of course that background is very appealing.
Hereâs my RQM⌠Simple, but I think it gets the job done. Future work would to be to prevent or truncate quotes longer that 140 characters for Twitter.
My random quote machine turned out to be a random Oblique Strategies machine.
If youâre not familiar with Oblique Strategies, theyâre a deck of cards created by the musician/producer Brian Eno that are supposed to serve as kind of an âoracleâ for getting out of a creative rut. Some of them are pretty bizarre and obscure, but others can lead to some really interesting insights. I found an API that delivered the text of every edition of the Oblique Strategies cards, and built my âquote machineâ using its data.
I may refactor to do some styling on the âtweetâ button later, but Iâm feeling pretty good about this initial build:
not very elegant I know. I was focussing on reverse engineering the functionality. FAILED since there are only TWO colours to switch between. I learnt a lot though - mostly how awkward the twitter widgets API isâŚ