{"id":3059,"date":"2015-07-27T18:59:47","date_gmt":"2015-07-27T18:59:47","guid":{"rendered":"http:\/\/johnjohnston.info\/blog\/?page_id=3059"},"modified":"2026-11-01T19:53:56","modified_gmt":"2026-11-01T19:53:56","slug":"projects","status":"publish","type":"page","link":"https:\/\/johnjohnston.info\/blog\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Collaborations<\/h2>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-2 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-28b052f3 wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-3061 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-collaboration jetpack-portfolio-tag-wordpress h-entry hentry\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/scotedublogs\/\" target=\"_self\" >ScotEduBlogs<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/scotedublogs\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"364\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.15.54-624x364.png\" class=\"attachment-post-thumbnail size-post-thumbnail u-featured wp-post-image\" alt=\"ScotEduBlogs\" style=\"object-fit:cover;\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.15.54-624x364.png 624w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.15.54-620x362.png 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.15.54-1024x597.png 1024w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.15.54.png 1099w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" data-attachment-id=\"3062\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/scotedublogs\/screen-shot-2015-07-27-at-20-15-54\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.15.54.png\" data-orig-size=\"1099,641\" data-comments-opened=\"1\" data-image-title=\"Screen Shot 2015-07-27 at 20.15.54\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.15.54-1024x597.png\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">ScotEduBlogs is an aggregation of Scottish Educational Blogs. If you blog about education in Scotland you can\u00a0Submit Your blog to ScotEduBlogs. If you use an RSS aggregator you can subscribe to all of the\u00a0Entries. You can read more about ScotEduBlogs on the site itself. <\/p><\/div>\n<\/li><li class=\"wp-block-post post-3058 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-collaboration jetpack-portfolio-tag-wordpress h-entry hentry\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/edutalk\/\" target=\"_self\" >Edutalk<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/edutalk\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"368\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.17.20-624x368.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Edutalk\" style=\"object-fit:cover;\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.17.20-624x368.png 624w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.17.20-620x366.png 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.17.20-1024x604.png 1024w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.17.20.png 1086w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" data-attachment-id=\"3063\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/edutalk\/screen-shot-2015-07-27-at-20-17-20\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.17.20.png\" data-orig-size=\"1086,641\" data-comments-opened=\"1\" data-image-title=\"Screen Shot 2015-07-27 at 20.17.20\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.17.20-1024x604.png\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Edutalk is an \u2018open to any contributor\u2019 podcast and Internet Radio Station about education. EDUtalk is organised by David Noble (@parslad) and myself (@johnjohnston) You can find out How to contribute, listen and more on the site. The project had been on an extended holiday since 2020. <\/p><\/div>\n<\/li><\/ul>\n\n\n\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Tools<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">These are things that hopefully could be useful.<\/p>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-3 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-0fed8f92 wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-11533 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-tool jetpack-portfolio-tag-classroom h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/mixed-up-sentences\/\" target=\"_self\" >Mixed Up Sentences<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/mixed-up-sentences\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"400\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2019\/03\/mixup.gif\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Mixed Up Sentences\" style=\"object-fit:cover;\" data-attachment-id=\"9225\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/cut-up-sentences\/mixup\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2019\/03\/mixup.gif\" data-orig-size=\"620,400\" data-comments-opened=\"1\" data-image-title=\"mixup\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2019\/03\/mixup.gif\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">This web page lets you quickly type a sentence on a pupils device and mix it up from them to sort out. I\u2019ve also a system to create links to that page that will have a particular sentence already created. Example. I made the page creation a little easier and also add a QR code&hellip; <\/p><\/div>\n<\/li><li class=\"wp-block-post post-3073 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-tool jetpack-portfolio-tag-javascript h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/photoblitzer\/\" target=\"_self\" >Photoblitzer<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/photoblitzer\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"343\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.33.40-624x343.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Photoblitzer\" style=\"object-fit:cover;\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.33.40-624x343.png 624w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.33.40-620x341.png 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.33.40.png 948w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" data-attachment-id=\"3074\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/photoblitzer\/screen-shot-2015-07-27-at-20-33-40\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.33.40.png\" data-orig-size=\"948,521\" data-comments-opened=\"1\" data-image-title=\"Screen Shot 2015-07-27 at 20.33.40\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.33.40.png\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">photoblitzer\u00a0is a really simple wbpage page that just gives a list of ideas for taking photos. I originally made it for a #ds106 project (20 Minute Photo Challenge: ds106 Photoblitz \u2013 CogDogBlog) and blogged about it on my 106 blog\u00a0106 drop in \u2013 Photoblitzin. <\/p><\/div>\n<\/li><li class=\"wp-block-post post-3065 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-tool h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/simple-flickrcc-search\/\" target=\"_self\" >Simple FlickrCC Search<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/simple-flickrcc-search\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"668\" height=\"436\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/fcc-screenshot-668x436.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Simple FlickrCC Search\" style=\"object-fit:cover;\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/fcc-screenshot-668x436.jpg 668w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/fcc-screenshot-620x405.jpg 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/fcc-screenshot-1024x668.jpg 1024w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/fcc-screenshot-768x501.jpg 768w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/fcc-screenshot.jpg 1200w\" sizes=\"auto, (max-width: 668px) 100vw, 668px\" data-attachment-id=\"21082\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/simple-flickrcc-search\/fcc-screenshot\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/fcc-screenshot.jpg\" data-orig-size=\"1200,783\" data-comments-opened=\"1\" data-image-title=\"fcc-screenshot\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/fcc-screenshot-1024x668.jpg\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Simple FlickrCC Search is a way to search for, and stamp with attribution, Flickr images that you can use. It is designed with school pupils and mobile in mind. You can use the images in blog posts, presentations etc and not worry about attribution. <\/p><\/div>\n<\/li><\/ul>\n\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A few modifications on this blog<\/p>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-3 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-0fed8f92 wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-18127 jetpack-portfolio type-jetpack-portfolio status-publish format-standard jetpack-portfolio-type-wordpress h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/inaturalist-observations\/\" target=\"_self\" >inaturalist Observations<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">An attempt at a simple plugin that loads the last observations on iNaturalist.org <\/p><\/div>\n<\/li><li class=\"wp-block-post post-14555 jetpack-portfolio type-jetpack-portfolio status-publish format-standard jetpack-portfolio-type-wordpress h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/first-of-year\/\" target=\"_self\" >First of Year<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">I am often searching my blog for the time I notice some natural event, the first snowdrop, cuckoo or the like. This requires looking through a few posts. I though I could make something that woud search and sort by day and month, not year. This is it: <\/p><\/div>\n<\/li><li class=\"wp-block-post post-4549 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-gif jetpack-portfolio-type-wordpress jetpack-portfolio-tag-wordpress h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gifmovie\/\" target=\"_self\" >GifMovie<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gifmovie\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"668\" height=\"401\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png-668x401.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"GifMovie\" style=\"object-fit:cover;\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png-668x401.jpg 668w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png-620x372.jpg 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png-768x461.jpg 768w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png.jpg 800w\" sizes=\"auto, (max-width: 668px) 100vw, 668px\" data-attachment-id=\"4550\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gifmovie\/gifmovie-png\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png.jpg\" data-orig-size=\"800,480\" data-comments-opened=\"1\" data-image-title=\"gifmovie.png\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png.jpg\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">GifMovie site I am trying to make a plugin that will: add sounds to a gif present a gif as a \u2018movie\u2019 starting and stopping on a click. I do not really know what I am doing. I have seen a few plugins that \u2018freeze\u2019 a gif until clicked, they seem to generate a jpg&hellip; <\/p><\/div>\n<\/li><\/ul>\n\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">These are mostly webpages I&#8217;ve put together for fun and learning a bit about the web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Web Mashups &amp; Gif Fun<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;ve an unhealthy&nbsp;fascination&nbsp;for animated gifs, not only <a href=\"http:\/\/jjgifs.tumblr.com\">making them<\/a> but in messing around with displaying them and mixing them up.<\/p>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-3 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-0fed8f92 wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-4549 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-gif jetpack-portfolio-type-wordpress jetpack-portfolio-tag-wordpress h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gifmovie\/\" target=\"_self\" >GifMovie<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gifmovie\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"480\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"GifMovie\" style=\"object-fit:cover;\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png.jpg 800w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png-620x372.jpg 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png-768x461.jpg 768w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png-668x401.jpg 668w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" data-attachment-id=\"4550\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gifmovie\/gifmovie-png\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png.jpg\" data-orig-size=\"800,480\" data-comments-opened=\"1\" data-image-title=\"gifmovie.png\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png.jpg\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">GifMovie site I am trying to make a plugin that will: add sounds to a gif present a gif as a \u2018movie\u2019 starting and stopping on a click. I do not really know what I am doing. I have seen a few plugins that \u2018freeze\u2019 a gif until clicked, they seem to generate a jpg&hellip; <\/p><\/div>\n<\/li><li class=\"wp-block-post post-4053 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-gif jetpack-portfolio-type-mashup jetpack-portfolio-tag-javascript h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gif-the-dub\/\" target=\"_self\" >Gif the Dub<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gif-the-dub\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"324\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/neocities1.gif\" class=\"attachment-full size-full wp-post-image\" alt=\"Gif the Dub\" style=\"object-fit:cover;\" data-attachment-id=\"4054\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gif-the-dub\/neocities1\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/neocities1.gif\" data-orig-size=\"600,324\" data-comments-opened=\"1\" data-image-title=\"neocities1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/neocities1.gif\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Gif the Dub This is a experiment with mixing a couple of APIs the Giphy one and the freesound api. I used neocities to host the page for free to try that site out. <\/p><\/div>\n<\/li><li class=\"wp-block-post post-4049 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-mashup jetpack-portfolio-tag-api jetpack-portfolio-tag-css jetpack-portfolio-tag-flickr jetpack-portfolio-tag-javascript h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/random-flickr-blendr\/\" target=\"_self\" >Random Flickr Blendr<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/random-flickr-blendr\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/flickrBlenderEG.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"Random Flickr Blendr\" style=\"object-fit:cover;\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/flickrBlenderEG.jpg 800w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/flickrBlenderEG-620x465.jpg 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/flickrBlenderEG-768x576.jpg 768w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/flickrBlenderEG-668x501.jpg 668w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" data-attachment-id=\"4051\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/random-flickr-blendr\/flickrblendereg\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/flickrBlenderEG.jpg\" data-orig-size=\"800,600\" data-comments-opened=\"1\" data-image-title=\"flickrBlenderEG\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/flickrBlenderEG.jpg\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">This is a little bit of fun I&#8217;ve been playing with Random Flickr Blendr <\/p><\/div>\n<\/li><li class=\"wp-block-post post-3093 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-gif jetpack-portfolio-tag-javascript h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/the-zen-of-don\/\" target=\"_self\" >The Zen of Don<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/the-zen-of-don\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"1110\" height=\"585\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/08\/Screen-Shot-2015-08-02-at-13.47.53.png\" class=\"attachment-full size-full wp-post-image\" alt=\"The Zen of Don\" style=\"object-fit:cover;\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/08\/Screen-Shot-2015-08-02-at-13.47.53.png 1110w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/08\/Screen-Shot-2015-08-02-at-13.47.53-620x327.png 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/08\/Screen-Shot-2015-08-02-at-13.47.53-1024x540.png 1024w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/08\/Screen-Shot-2015-08-02-at-13.47.53-624x329.png 624w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" data-attachment-id=\"3094\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/the-zen-of-don\/screen-shot-2015-08-02-at-13-47-53\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/08\/Screen-Shot-2015-08-02-at-13.47.53.png\" data-orig-size=\"1110,585\" data-comments-opened=\"1\" data-image-title=\"Screen Shot 2015-08-02 at 13.47.53\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/08\/Screen-Shot-2015-08-02-at-13.47.53-1024x540.png\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Make Strange Don Draper gifs in the browser. The offshoot of ds106 that is\u00a0#giffight\u00a0has given me\u00a0a lot of fun. Every so often the giffight tumble posts an image with the invite for anyone to use it to create an animated gif from. <\/p><\/div>\n<\/li><li class=\"wp-block-post post-3084 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-gif h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/social-media-is\/\" target=\"_self\" >Social Media is<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/social-media-is\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"160\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/social_media_is.gif\" class=\"attachment-full size-full wp-post-image\" alt=\"Social Media is\" style=\"object-fit:cover;\" data-attachment-id=\"3085\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/social-media-is\/social_media_is\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/social_media_is.gif\" data-orig-size=\"500,160\" data-comments-opened=\"1\" data-image-title=\"social_media_is\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/social_media_is.gif\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Social Media is\u00a0this is a wee bit of fun using\u00a0Google autocomplete to explain different social media applications. Notes on creation of these gifs:\u00a0Automating autocomplete Gifs. &nbsp; <\/p><\/div>\n<\/li><li class=\"wp-block-post post-3082 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-gif jetpack-portfolio-tag-javascript h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/pechagif\/\" target=\"_self\" >Pechagif<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/pechagif\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"1232\" height=\"565\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.54.32.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Pechagif\" style=\"object-fit:cover;\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.54.32.png 1232w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.54.32-620x284.png 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.54.32-1024x470.png 1024w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.54.32-624x286.png 624w\" sizes=\"auto, (max-width: 1232px) 100vw, 1232px\" data-attachment-id=\"3083\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/portfolio\/pechagif\/screen-shot-2015-07-27-at-20-54-32\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.54.32.png\" data-orig-size=\"1232,565\" data-comments-opened=\"1\" data-image-title=\"Screen Shot 2015-07-27 at 20.54.32\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.54.32-1024x470.png\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">pechaGif Clicking\u00a0Start\u00a0will start a slideshow of 20 gifs, that will last 20 seconds(or your selection) each. The gifs will be a random selection from the &#8216;DS106\u00a0Random\u00a0Gif API&#8217;, the challenge would be to improvise a\u00a0incoherent presentation from gifs you have never seen. Escape will get you out of fullscreen, reloading the page will give a new&hellip; <\/p><\/div>\n<\/li><li class=\"wp-block-post post-3078 jetpack-portfolio type-jetpack-portfolio status-publish format-standard has-post-thumbnail jetpack-portfolio-type-gif jetpack-portfolio-tag-javascript h-entry hentry\">\n<h2 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/ds106-gif-tv\/\" target=\"_self\" >DS106 Gif TV<\/a><\/h2>\n\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/ds106-gif-tv\/\" target=\"_self\" ><img loading=\"lazy\" decoding=\"async\" width=\"1054\" height=\"544\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.42.07.png\" class=\"attachment-full size-full wp-post-image\" alt=\"DS106 Gif TV\" style=\"object-fit:cover;\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.42.07.png 1054w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.42.07-620x320.png 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.42.07-1024x529.png 1024w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.42.07-624x322.png 624w\" sizes=\"auto, (max-width: 1054px) 100vw, 1054px\" data-attachment-id=\"3076\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/screen-shot-2015-07-27-at-20-42-07\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.42.07.png\" data-orig-size=\"1054,544\" data-comments-opened=\"1\" data-image-title=\"Screen Shot 2015-07-27 at 20.42.07\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.42.07-1024x529.png\" \/><\/a><\/figure>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">DS106 Gif TV is a\u00a0weird way of looking at gifs created by some of the DS106 participants while listening to DS106 Radio. It used the DS106 Gif API a bit of silliness that I am playing with: Gif Scraping and a DS106 Gif API <\/p><\/div>\n<\/li><\/ul>\n\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Collaborations Tools These are things that hopefully could be useful. &nbsp; WordPress A few modifications on this blog These are mostly webpages I&#8217;ve put together for fun and learning a bit about the web. Web Mashups &amp; Gif Fun I&#8217;ve an unhealthy&nbsp;fascination&nbsp;for animated gifs, not only making them but in messing around with displaying them [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"full-width-page.php","meta":{"mf2_syndication":[],"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","webmentions_disabled_pings":false,"webmentions_disabled":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-3059","page","type-page","status-publish","h-entry","hentry"],"better_featured_image":null,"jetpack_shortlink":"https:\/\/wp.me\/P57zFQ-Nl","jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/pages\/3059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/comments?post=3059"}],"version-history":[{"count":21,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/pages\/3059\/revisions"}],"predecessor-version":[{"id":22739,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/pages\/3059\/revisions\/22739"}],"wp:attachment":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/media?parent=3059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}