CINXE.COM
Happy New Year 2012 — Scott Murray — alignedleft
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Happy New Year 2012 — Scott Murray — alignedleft</title> <meta name="description" content="Design, data, visualization, culture." /> <meta name="keywords" content="code, art, design, data, visualization, generative, algorithmic, processing, p5, d3, d3.js, book, maps" /> <meta name="robots" content="index, follow" /> <link rel="alternate" type="application/rss+xml" href="https://scottmurray.org/work/feed" /> <link rel="stylesheet" type="text/css" media="screen" href="https://scottmurray.org/assets/css/screen.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="https://scottmurray.org/assets/css/narrow.css" /> <meta name="viewport" content="initial-scale=1.0" /> </head> <body> <div id="migrationBanner"><p>This website is not current and will be retired at some point. See <a href="/about">About</a> for latest.</p></div> <header> <h1><a href="https://scottmurray.org">Scott Murray</a><!--<span class="prof">, designer</span>--></h1> <nav> <ul> <li><a href="https://scottmurray.org/about">About</a></li> <li><a class="active" href="https://scottmurray.org/work">Work</a></li> <li><a href="https://scottmurray.org/tutorials">Tutorials</a></li> <li><a href="https://scottmurray.org/resources">Resources</a></li> <li><a href="https://scottmurray.org/talks">Talks</a></li> <li><a href="https://scottmurray.org/contact">Contact</a></li> </ul> </nav> </header> <!--[if lte IE 8]> <div id="ie_warning"><strong>You’re using an old version of Internet Explorer.</strong> Consider upgrading your browser to <a href="http://www.apple.com/safari/">Safari</a>, <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a>, or <a href="http://www.google.com/chrome">Chrome</a>, and experience a more beautiful web!</div> <![endif]--> <noscript> <div id="js_warning"><strong>JavaScript is turned off, so this page won’t be very interactive.</strong> Switch JavaScript back on in your web browser for the full experience.</div> </noscript> <h4>Project / 2012 January</h4> <h2>Happy New Year 2012</h2> <div id="media"> <div class="image"> <img src="https://scottmurray.org/content/02-work/240-happy-new-near-2012/1.png" width="1240" height="763"> </div> <div class="image"> <img src="https://scottmurray.org/content/02-work/240-happy-new-near-2012/2.png" width="1240" height="764"> </div> </div> <!-- <div id="media"> {% if page.images %} {% include 'partials/assets/images.html' %} {% endif %} {% if page.video %} {% include 'partials/assets/video.html' %} {% endif %} {% if page.swf %} {% include 'partials/assets/swf.html' %} {% endif %} {% if page.html %} {% include 'partials/assets/html.html' %} {% endif %} </div> --> <div id="text"> <p>A happy new year e-card for 2012, distributed to clients, colleagues, friends and family. A personalized message is gradually revealed as the visitor mouses over (or taps) the fluctuating bars of color.</p> <p>Written in Processing.js, the project scales to the full browser window. Also works on mobile browsers.</p> <ul> <li><a href="https://scottmurray.org/projects/2012/hny/">Open the card</a></li> </ul> </div> <div id="proj_nav"> <p> <span><em>№</em> 24/42</span> <span>← <a href="https://scottmurray.org/work/uspi">United States Peace Index</a></span> <span><a href="https://scottmurray.org/work/myjobbert">MyJobbert</a> →</span> </p> </div> <footer> <p>Copyright © 2006–2024 Scott Murray</p> </footer> </body> </html>