index.html (3803B)
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>Look At All The Pretty Pictures! - Chris Bracken</title> 7 <link href="/css/site.css" rel="stylesheet"> 8 <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"> 9 <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"> 10 <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"> 11 <link rel="manifest" href="/favicon/site.webmanifest"> 12 <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#140f42"> 13 <link rel="shortcut icon" href="/favicon/favicon.ico"> 14 <meta name="msapplication-TileColor" content="#603cba"> 15 <meta name="msapplication-config" content="/favicon/browserconfig.xml"> 16 <meta name="theme-color" content="#ffffff"> 17 </head> 18 <body> 19 <header id="header"> 20 <div class="site-title"> 21 <h1><a href="/">Chris Bracken</a></h1> 22 </div> 23 24 <nav class="site-navbar"> 25 <ul id="menu" class="menu"> 26 <li class="menu-item"><a class="menu-item-a" href="/">Home</a></li> 27 <li class="menu-item"><a class="menu-item-a" href="/about/">About</a></li> 28 <li class="menu-item"><a class="menu-item-a" href="/code/">Code</a></li> 29 <li class="menu-item"><a class="menu-item-a" rel="me"href="https://bsd.network/@cbracken">Fediverse</a></li> 30 </ul> 31 </nav> 32 </header> 33 <main id="main"> 34 <article> 35 <h2 class="post-title"><a href="https://chris.bracken.jp/2005/08/look-at-all-the-pretty-pictures/">Look At All The Pretty Pictures!</a></h2> 36 05 August 2005 37 <p>So I moved my webpage and was all of a sudden faced with a deluge of emails 38 from people who I never even knew read the thing. Among those emails was a 39 request from my amigo Chaffee requesting more pictures. Seeing as I’d always 40 wanted to play with the <a href="https://flickr.com/services/">Flickr API</a>, I requested an API Key and 41 started hacking away at some <a href="https://php.net">PHP</a>. The end result is that on the left side 42 of this page, you now get to see whatever happens to be the latest picture I’ve 43 taken on my mobile phone.</p> 44 <p>The moment I take a picture with my cellphone, it gets emailed to the magical 45 servers at <a href="https://flickr.com">Flickr</a> and tagged with a title, some keywords, and a 46 description. The next time someone loads this page, a small PHP script in the 47 innards of this site makes a <a href="https://www.w3.org/TR/soap/">SOAP</a> request to Flickr’s servers and 48 retrieves an <a href="https://www.w3.org/XML/">XML</a> response. This response is then parsed out and a URI to 49 the thumbnail image on Flickr’s servers is generated which is then inserted 50 into this page. To improve performance a tiny bit, I avoid the overhead of the 51 SOAP call every time this page is loaded by caching the response for five 52 minutes and reading the cached XML if it’s available.</p> 53 <p>For those of you who are into <a href="https://www.xml.com/pub/a/2002/12/18/dive-into-xml.html">RSS</a>, I’ve added a <a href="feed://flickr.com/services/feeds/photos_public.gne?id=37996625178@N01&format=atom_03">Flickr 54 feed</a> to my pictures in the HTML headers on this site.</p> 55 <p>My goal—and this is entirely for you, Chaffee—is to take at least one 56 picture a day, which is far more ambitious a schedule than my posting to this 57 page. We’ll see how that works out.</p> 58 </article> 59 </main> 60 61 <footer id="footer"> 62 <div class="copyright"> 63 <span xmlns:dct="http://purl.org/dc/terms/" xmlns:cc="http://creativecommons.org/ns#"> 64 The content of this site by 65 <a rel="cc:attributionURL" href="https://chris.bracken.jp/about"><span rel="cc:attributionName">Chris Bracken</span></a> 66 is 67 <a href="https://creativecommons.org/licenses/by/4.0">CC BY 4.0</a>. 68 </span> 69 </div> 70 </footer> 71 </body> 72 </html>