CINXE.COM
flinumeratr
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <title>flinumeratr</title> <link rel="stylesheet" href="/tools/flinumeratr/static/phk3iud.css"> <link rel="stylesheet" href="/tools/flinumeratr/static/style.css"> <link rel="apple-touch-icon" sizes="180x180" href="https://flickr.org/wp-content/themes/flickr-foundation/assets/dist/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://flickr.org/wp-content/themes/flickr-foundation/assets/dist/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://flickr.org/wp-content/themes/flickr-foundation/assets/dist/favicon/favicon-16x16.png"> <link rel="manifest" webcrossorigin="use-credentials" href="https://flickr.org/wp-content/themes/flickr-foundation/assets/dist/favicon/site.webmanifest"> <link rel="mask-icon" href="https://flickr.org/wp-content/themes/flickr-foundation/assets/dist/favicon/safari-pinned-tab.svg" color="#e0599a"> <link rel="shortcut icon" href="https://flickr.org/wp-content/themes/flickr-foundation/assets/dist/favicon/favicon.ico"> </head> <body> <div id="header"> <a href="/tools/flinumeratr/"> flinumeratr </a> </div> <main> <style> .flashes { border: 4px solid #ff000049; background: #ff000049; padding: 1em; margin-bottom: 1em; border-radius: 4px; } .flashes p:first-child { margin-top: 0; } .flashes p:last-child { margin-bottom: 0; } .flashes .user_input { font-weight: bold; } </style> <div id="intro"> <h2> Welcome to the flinumeratr. </h2> <p> This is a toy to help you pull photos out of Flickr. </p> </div> <form id="enter_flickr_url" action="/tools/flinumeratr/see_photos"> <label for="flickr_url">Enter a Flickr URL:</label> <input type="url" name="flickr_url" placeholder="https://www.flickr.com/photos/…" required onchange="if (!~this.value.indexOf('http') && (this.value.indexOf('flickr.com') === 0 || this.value.indexOf('www.flickr.com') === 0) ) this.value = 'https://' + this.value" /> <input type="submit" value="Go!" /> </form> <p>Here are examples of the kind of URLs that’ll give you photos:</p> <ul> <li>A single photo: <ul> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://www.flickr.com/photos/schlesinger_library/13270291833">/photos/schlesinger_library/13270291833</a></li> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://www.flickr.com/photos/sdasmarchives/50567413447">/photos/sdasmarchives/50567413447</a></li> </ul> </li> <li>An album: <ul> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://www.flickr.com/photos/aljazeeraenglish/albums/72157626164453131">/photos/aljazeeraenglish/albums/72157626164453131</a></li> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://www.flickr.com/photos/spike_yun/albums/72157677773252346">/photos/spike_yun/albums/72157677773252346</a></li> </ul> </li> <li>A member’s photostream: <ul> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://www.flickr.com/people/blueminds/">/people/blueminds/</a></li> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://www.flickr.com/photos/obamawhitehouse/">/photos/obamawhitehouse/</a></li> </ul> </li> <li>A group: <ul> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://www.flickr.com/groups/lomo/pool/">/groups/lomo/pool/</a></li> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://www.flickr.com/groups/birdguide/">/groups/birdguide/</a></li> </ul> </li> <li>A gallery: <ul> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://www.flickr.com/photos/george/galleries/72157621848008117/">/photos/george/galleries/72157621848008117/</a></li> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://www.flickr.com/photos/bunnyfrogs/galleries/72157628088497125/">/photos/bunnyfrogs/galleries/72157628088497125/</a></li> </ul> </li> <li>A tag: <ul> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://flickr.com/photos/tags/thatch/">/photos/tags/thatch/</a></li> <li><a href="/tools/flinumeratr/see_photos?flickr_url=https://flickr.com/photos/tags/auroraborealis/">/photos/tags/auroraborealis/</a></li> </ul> </li> </ul> </main> <footer> <div id="footer_inner"> <img src="/tools/flinumeratr/static/flickr-foundation-logo.png"> <p> A project from <a href="https://www.flickr.org">the Flickr Foundation</a>. <br/> View the source code <a href="https://github.com/flickr-foundation/flinumeratr">on GitHub</a>. </p> </div> </footer> </body> </html>