{"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":"2023-07-09T20:08:16","modified_gmt":"2023-07-09T19:08:16","slug":"projects","status":"publish","type":"page","link":"https:\/\/johnjohnston.info\/blog\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"<h2>Collaborations<\/h2>\n\t\t\t\t<div class=\"jetpack-portfolio-shortcode column-2\">\n\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-2 type-collaboration portfolio-entry-mobile-first-item-row portfolio-entry-first-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/edutalk\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.17.20-1024x604.png\" class=\"attachment-large size-large u-featured wp-post-image\" alt=\"\" srcset=\"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-620x366.png 620w, 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.png 1086w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/edutalk\/\" title=\"Edutalk\">Edutalk<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/collaboration\/\" rel=\"tag\">Collaboration<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/wordpress\/\" rel=\"tag\">wordpress<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>Edutalk is an \u2018open to any contributor\u2019 podcast and Internet Radio Station about education.<\/p>\n<p>EDUtalk is organised by David Noble (@parslad) and myself (@johnjohnston)<\/p>\n<p>You can find out How to contribute, listen and more on the site. The project had been on an extended holiday since 2020.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-2 type-collaboration portfolio-entry-mobile-last-item-row portfolio-entry-last-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/scotedublogs\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.15.54-1024x597.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"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-620x362.png 620w, 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.png 1099w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/scotedublogs\/\" title=\"ScotEduBlogs\">ScotEduBlogs<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/collaboration\/\" rel=\"tag\">Collaboration<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/wordpress\/\" rel=\"tag\">wordpress<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>ScotEduBlogs is an aggregation of Scottish Educational Blogs.<br \/>\nIf you blog about education in Scotland you can\u00a0Submit Your blog to ScotEduBlogs.<br \/>\nIf you use an RSS aggregator you can subscribe to all of the\u00a0Entries.<\/p>\n<p>You can read more about ScotEduBlogs on the site itself.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t<\/div><!-- close .jetpack-portfolio -->\n\t\t\t\t\n<hr \/>\n<h2>Tools<\/h2>\n<p>These are things that hopefully could be useful.<\/p>\n\t\t\t\t<div class=\"jetpack-portfolio-shortcode column-2\">\n\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-2 type-tool portfolio-entry-mobile-first-item-row portfolio-entry-first-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/simple-flickrcc-search\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"668\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/fcc-screenshot-1024x668.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"screenshot of fcc webpage. A flickr search for the classroom.\" srcset=\"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-620x405.jpg 620w, 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-668x436.jpg 668w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/fcc-screenshot.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/simple-flickrcc-search\/\" title=\"Simple FlickrCC Search\">Simple FlickrCC Search<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/tool\/\" rel=\"tag\">tool<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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. Here is an example stamped image:<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-2 type-tool portfolio-entry-mobile-last-item-row portfolio-entry-last-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/photoblitzer\/\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"521\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.33.40.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.33.40.png 948w, 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-624x343.png 624w\" sizes=\"auto, (max-width: 948px) 100vw, 948px\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/photoblitzer\/\" title=\"Photoblitzer\">Photoblitzer<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/tool\/\" rel=\"tag\">tool<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/javascript\/\" rel=\"tag\">javascript<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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. Since then I\u2019ve used it as a starting activity on a [&hellip;]<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-2 type-tool portfolio-entry-mobile-first-item-row portfolio-entry-first-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/mixed-up-sentences\/\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"400\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2019\/03\/mixup.gif\" class=\"attachment-large size-large wp-post-image\" alt=\"Gif showing the mixedd up sentence maker in action.\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/mixed-up-sentences\/\" title=\"Mixed Up Sentences\">Mixed Up Sentences<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/tool\/\" rel=\"tag\">tool<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/classroom\/\" rel=\"tag\">classroom<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t<\/div><!-- close .jetpack-portfolio -->\n\t\t\t\t\n<p>&nbsp;<\/p>\n<h2>WordPress<\/h2>\n<p>A few modifications on this blog<\/p>\n\t\t\t\t<div class=\"jetpack-portfolio-shortcode column-2\">\n\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-2 type-wordpress portfolio-entry-mobile-first-item-row portfolio-entry-first-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/inaturalist-observations\/\" title=\"inaturalist Observations\">inaturalist Observations<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/wordpress\/\" rel=\"tag\">WordPress<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>An attempt at a simple plugin that loads the last observations on iNaturalist.org uses a shortcode where user is my username and count is the number I want displayed. 19 Jul 2025: I&#8217;ve now added the ability to choose a day for example gives: &nbsp;<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-2 type-wordpress portfolio-entry-mobile-last-item-row portfolio-entry-last-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/first-of-year\/\" title=\"First of Year\">First of Year<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/wordpress\/\" rel=\"tag\">WordPress<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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: I do not know if this is [&hellip;]<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-2 type-gif type-wordpress portfolio-entry-mobile-first-item-row portfolio-entry-first-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gifmovie\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"480\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gifmovie\/\" title=\"GifMovie\">GifMovie<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/gif\/\" rel=\"tag\">gif<\/a>, <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/wordpress\/\" rel=\"tag\">WordPress<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/wordpress\/\" rel=\"tag\">wordpress<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t<\/div><!-- close .jetpack-portfolio -->\n\t\t\t\t\n<h2>Web Mashups &amp; Gif Fun<\/h2>\n<p>These are mostly webpages I&#8217;ve put together for fun and learning a bit about the web.<\/p>\n<p>I&#8217;ve an unhealthy\u00a0fascination\u00a0for 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\t\t\t\t<div class=\"jetpack-portfolio-shortcode column-3\">\n\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-3 type-gif portfolio-entry-mobile-first-item-row portfolio-entry-first-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/ds106-gif-tv\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.42.07-1024x529.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"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-620x320.png 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.42.07-624x322.png 624w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.42.07.png 1054w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/ds106-gif-tv\/\" title=\"DS106 Gif TV\">DS106 Gif TV<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/gif\/\" rel=\"tag\">gif<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/javascript\/\" rel=\"tag\">javascript<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-3 type-gif portfolio-entry-mobile-last-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/pechagif\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.54.32-1024x470.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"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-620x284.png 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.54.32-624x286.png 624w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-27-at-20.54.32.png 1232w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/pechagif\/\" title=\"Pechagif\">Pechagif<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/gif\/\" rel=\"tag\">gif<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/javascript\/\" rel=\"tag\">javascript<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-3 type-gif portfolio-entry-mobile-first-item-row portfolio-entry-last-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/social-media-is\/\"><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-large size-large wp-post-image\" alt=\"\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/social-media-is\/\" title=\"Social Media is\">Social Media is<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/gif\/\" rel=\"tag\">gif<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-3 type-gif portfolio-entry-mobile-last-item-row portfolio-entry-first-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/the-zen-of-don\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"540\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/08\/Screen-Shot-2015-08-02-at-13.47.53-1024x540.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"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-620x327.png 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/08\/Screen-Shot-2015-08-02-at-13.47.53-624x329.png 624w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2015\/08\/Screen-Shot-2015-08-02-at-13.47.53.png 1110w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/the-zen-of-don\/\" title=\"The Zen of Don\">The Zen of Don<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/gif\/\" rel=\"tag\">gif<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/javascript\/\" rel=\"tag\">javascript<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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. After much testing and playing around I\u2019ve managed to get to a place [&hellip;]<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-3 type-mashup portfolio-entry-mobile-first-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/random-flickr-blendr\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/flickrBlenderEG.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/random-flickr-blendr\/\" title=\"Random Flickr Blendr\">Random Flickr Blendr<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/mashup\/\" rel=\"tag\">mashup<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/api\/\" rel=\"tag\">api<\/a>, <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/css\/\" rel=\"tag\">css<\/a>, <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/flickr\/\" rel=\"tag\">flickr<\/a>, <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/javascript\/\" rel=\"tag\">javascript<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>This is a little bit of fun I&#8217;ve been playing with Random Flickr Blendr It blends random Flickr Images. I&#8217;ve blogged a bit about the process on my DS106 blog: http:\/\/johnjohnston.info\/106\/accidental-allure\/ &nbsp; The featured image on this post is a screenshot from Flickr Blendr, the images blened are: Racetrack &#8211; Death Valley, United States &#8211; [&hellip;]<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-3 type-gif type-mashup portfolio-entry-mobile-last-item-row portfolio-entry-last-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gif-the-dub\/\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"324\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2016\/05\/neocities1.gif\" class=\"attachment-large size-large wp-post-image\" alt=\"\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gif-the-dub\/\" title=\"Gif the Dub\">Gif the Dub<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/gif\/\" rel=\"tag\">gif<\/a>, <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/mashup\/\" rel=\"tag\">mashup<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/javascript\/\" rel=\"tag\">javascript<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry portfolio-entry-column-3 type-gif type-wordpress portfolio-entry-mobile-first-item-row portfolio-entry-first-item-row\">\n\t\t\t\t\t\t<header class=\"portfolio-entry-header\">\n\t\t\t\t\t\t<a class=\"portfolio-featured-image\" href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gifmovie\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"480\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2017\/02\/gifmovie.png.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" 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-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" 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>\n\t\t\t\t\t\t<h2 class=\"portfolio-entry-title\"><a href=\"https:\/\/johnjohnston.info\/blog\/portfolio\/gifmovie\/\" title=\"GifMovie\">GifMovie<\/a><\/h2>\n\n\t\t\t\t\t\t\t<div class=\"portfolio-entry-meta\">\n\t\t\t\t\t\t\t<div class=\"project-types\"><span>Types:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/gif\/\" rel=\"tag\">gif<\/a>, <a href=\"https:\/\/johnjohnston.info\/blog\/project-type\/wordpress\/\" rel=\"tag\">WordPress<\/a><\/div><div class=\"project-tags\"><span>Tags:<\/span> <a href=\"https:\/\/johnjohnston.info\/blog\/project-tag\/wordpress\/\" rel=\"tag\">wordpress<\/a><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"portfolio-entry-content\"><p>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>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- close .portfolio-entry -->\n\t\t\t\t\t\t\t\t\t<\/div><!-- close .jetpack-portfolio -->\n\t\t\t\t\n","protected":false},"excerpt":{"rendered":"<p>Collaborations Tools These are things that hopefully could be useful. &nbsp; WordPress A few modifications on this blog Web Mashups &amp; Gif Fun These are mostly webpages I&#8217;ve put together for fun and learning a bit about the web. I&#8217;ve an unhealthy\u00a0fascination\u00a0for 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_post_was_ever_published":false,"webmentions_disabled_pings":false,"webmentions_disabled":false,"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":18,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/pages\/3059\/revisions"}],"predecessor-version":[{"id":18177,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/pages\/3059\/revisions\/18177"}],"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}]}}