NightBus – When the Night Comes 2014-02-17Music, Pals, Videointeractive, Music, nightbus, VideoMattK </p> <p>Flip the slider back and forth to mix the video and music realtime. Awesome.</p> <ol class="ajs-fn"> </ol> </div><!-- .entry-content --> <footer class="entry-meta"> <div class="comments-link"> <a href="https://www.morelightmorelight.com/2014/02/17/nightbus-when-the-night-comes/#respond"><span class="leave-reply">Leave a comment</span></a> </div><!-- .comments-link --> </footer><!-- .entry-meta --> </article><!-- #post --> </div><!-- #content --> </div><!-- #primary --> <div id="tertiary" class="sidebar-container" role="complementary"> <div class="sidebar-inner"> <div class="widget-area"> <aside id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://www.morelightmorelight.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></aside><aside id="text-3" class="widget widget_text"><h3 class="widget-title">Get Updates!</h3> <div class="textwidget"><form action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=181275', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address for updates:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="http://feeds.feedburner.com/~e?ffid=181275" name="url"/><input type="hidden" value="More Light! More Light!" name="title"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></form> You'll get an email when I post something new. <a href="http://feeds.feedburner.com/MattK">You should also subscribe via RSS</a></div> </aside><aside id="categories-2" class="widget widget_categories"><h3 class="widget-title">Taxonomy</h3><form action="https://www.morelightmorelight.com" method="get"><label class="screen-reader-text" for="cat">Taxonomy</label><select name='cat' id='cat' class='postform'> <option value='-1'>Select Category</option> <option class="level-0" value="392">Android (2)</option> <option class="level-0" value="18">Animation (11)</option> <option class="level-0" value="6">Art (70)</option> <option class="level-0" value="632">Baby (16)</option> <option class="level-0" value="452">Beer (1)</option> <option class="level-0" value="34">Books (66)</option> <option class="level-0" value="11">Browsers (14)</option> <option class="level-0" value="13">Captchas (1)</option> <option class="level-0" value="20">Design (17)</option> <option class="level-0" value="8">Dev (99)</option> <option class="level-0" value="361">ditz (1)</option> <option class="level-0" value="28">Diving (2)</option> <option class="level-0" value="255">Django (3)</option> <option class="level-0" value="14">Economics (12)</option> <option class="level-0" value="16">Get.rich.quick (11)</option> <option class="level-0" value="23">Hacks (70)</option> <option class="level-0" value="15">Incentives (28)</option> <option class="level-0" value="564">Javascript (4)</option> <option class="level-0" value="26">Links (192)</option> <option class="level-0" value="37">Linux (3)</option> <option class="level-0" value="9">Lit (20)</option> <option class="level-0" value="100">Mac (1)</option> <option class="level-0" value="24">Money (9)</option> <option class="level-0" value="3">morelight (11)</option> <option class="level-0" value="36">Movie (7)</option> <option class="level-0" value="5">Music (170)</option> <option class="level-0" value="25">NYC (21)</option> <option class="level-0" value="7">Pals (353)</option> <option class="level-0" value="27">Photos (42)</option> <option class="level-0" value="311">PHP (8)</option> <option class="level-0" value="52">Politics (30)</option> <option class="level-0" value="416">Projects (12)</option> <option class="level-0" value="254">Python (15)</option> <option class="level-0" value="35">Reviews (42)</option> <option class="level-0" value="33">rss (2)</option> <option class="level-0" value="38">Ruby (7)</option> <option class="level-0" value="30">RubyOnRails (1)</option> <option class="level-0" value="17">Save.the.world (23)</option> <option class="level-0" value="115">security (15)</option> <option class="level-0" value="22">Snowboarding (4)</option> <option class="level-0" value="10">Software (53)</option> <option class="level-0" value="32">South Carolina (3)</option> <option class="level-0" value="12">Spam (5)</option> <option class="level-0" value="395">Travel (5)</option> <option class="level-0" value="1">Uncategorized (121)</option> <option class="level-0" value="21">User Experience (12)</option> <option class="level-0" value="19">Video (143)</option> <option class="level-0" value="31">Vim (2)</option> <option class="level-0" value="29">Week.In.Review (22)</option> <option class="level-0" value="4">wordpress (26)</option> </select> </form><script> (function() { var dropdown = document.getElementById( "cat" ); function onCatChange() { if ( dropdown.options[ dropdown.selectedIndex ].value > 0 ) { dropdown.parentNode.submit(); } } dropdown.onchange = onCatChange; })(); </script> </aside><aside id="meta-2" class="widget widget_meta"><h3 class="widget-title">Speak friend and enter</h3><nav aria-label="Speak friend and enter"> <ul> <li><a href="https://www.morelightmorelight.com/wordpress/wp-login.php">Log in</a></li> <li><a href="https://www.morelightmorelight.com/feed/">Entries feed</a></li> <li><a href="https://www.morelightmorelight.com/comments/feed/">Comments feed</a></li> <li><a href="https://wordpress.org/">WordPress.org</a></li> </ul> </nav></aside><aside id="text-7" class="widget widget_text"> <div class="textwidget"><script type="text/javascript"> window._idl = {}; _idl.variant = "banner"; (function() { var idl = document.createElement('script'); idl.type = 'text/javascript'; idl.async = true; idl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'members.internetdefenseleague.org/include/?url=' + (_idl.url || '') + '&campaign=' + (_idl.campaign || '') + '&variant=' + (_idl.variant || 'banner'); document.getElementsByTagName('body')[0].appendChild(idl); })(); </script></div> </aside> </div><!-- .widget-area --> </div><!-- .sidebar-inner --> </div><!-- #tertiary --> </div><!-- #main --> <footer id="colophon" class="site-footer"> <div id="secondary" class="sidebar-container" role="complementary"> <div class="widget-area"> <aside id="search-3" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://www.morelightmorelight.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></aside><aside id="calendar-2" class="widget widget_calendar"><div id="calendar_wrap" class="calendar_wrap"><table id="wp-calendar" class="wp-calendar-table"> <caption>February 2014</caption> <thead> <tr> <th scope="col" title="Monday">M</th> <th scope="col" title="Tuesday">T</th> <th scope="col" title="Wednesday">W</th> <th scope="col" title="Thursday">T</th> <th scope="col" title="Friday">F</th> <th scope="col" title="Saturday">S</th> <th scope="col" title="Sunday">S</th> </tr> </thead> <tbody> <tr> <td colspan="5" class="pad"> </td><td>1</td><td>2</td> </tr> <tr> <td><a href="https://www.morelightmorelight.com/2014/02/03/" aria-label="Posts published on February 3, 2014">3</a></td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td> </tr> <tr> <td><a href="https://www.morelightmorelight.com/2014/02/10/" aria-label="Posts published on February 10, 2014">10</a></td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td> </tr> <tr> <td><a href="https://www.morelightmorelight.com/2014/02/17/" aria-label="Posts published on February 17, 2014">17</a></td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td> </tr> <tr> <td>24</td><td>25</td><td>26</td><td>27</td><td>28</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table><nav aria-label="Previous and next months" class="wp-calendar-nav"> <span class="wp-calendar-nav-prev"><a href="https://www.morelightmorelight.com/2014/01/">« Jan</a></span> <span class="pad"> </span> <span class="wp-calendar-nav-next"><a href="https://www.morelightmorelight.com/2014/03/">Mar »</a></span> </nav></div></aside><aside id="recent-comments-3" class="widget widget_recent_comments"><h3 class="widget-title">Comments</h3><nav aria-label="Comments"><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href="http://www.morelightmorelight.com/2024/10/29/new-bike-time/" class="url" rel="ugc">New Bike Time! | Matt Katz – More Light! More Light!</a></span> on <a href="https://www.morelightmorelight.com/2023/11/11/a-victim-of-a-random-act-of-kindness/comment-page-1/#comment-453844">A Victim of a Random Act of Kindness</a></li><li class="recentcomments"><span class="comment-author-link"><a href="https://www.morelightmorelight.com/2024/08/27/iceland-2024/" class="url" rel="ugc">Iceland 2024 | Matt Katz – More Light! More Light!</a></span> on <a href="https://www.morelightmorelight.com/2024/07/31/the-black-cone-monument-to-disobedience/comment-page-1/#comment-451447">The Black Cone, Monument to Disobedience</a></li><li class="recentcomments"><span class="comment-author-link"><a href="https://www.morelightmorelight.com/2024/08/20/another-perspective-on-small-software/" class="url" rel="ugc">Another perspective on small software | Matt Katz – More Light! More Light!</a></span> on <a href="https://www.morelightmorelight.com/2024/08/06/pitfalls-of-the-ops-developer/comment-page-1/#comment-451102">Pitfalls of the Ops Developer</a></li><li class="recentcomments"><span class="comment-author-link"><a href="https://www.google.com/accounts/o8/id?id=AItOawkh_9KUW0kLZuq9EJAt-pOjhK7Levn6xk8" class="url" rel="ugc external nofollow">MattK</a></span> on <a href="https://www.morelightmorelight.com/contact/comment-page-1/#comment-449671">Contact</a></li><li class="recentcomments"><span class="comment-author-link">Shona Monaghan</span> on <a href="https://www.morelightmorelight.com/contact/comment-page-1/#comment-448881">Contact</a></li></ul></nav></aside><aside id="tag_cloud-2" class="widget widget_tag_cloud"><h3 class="widget-title">Folksonomy</h3><nav aria-label="Folksonomy"><div class="tagcloud"><ul class='wp-tag-cloud' role='list'> <li><a href="https://www.morelightmorelight.com/tag/android/" class="tag-cloud-link tag-link-258 tag-link-position-1" style="font-size: 10.062015503876pt;" aria-label="android (10 items)">android</a></li> <li><a href="https://www.morelightmorelight.com/tag/art/" class="tag-cloud-link tag-link-694 tag-link-position-2" style="font-size: 16.139534883721pt;" aria-label="Art (39 items)">Art</a></li> <li><a href="https://www.morelightmorelight.com/tag/babies/" class="tag-cloud-link tag-link-318 tag-link-position-3" style="font-size: 8pt;" aria-label="babies (6 items)">babies</a></li> <li><a href="https://www.morelightmorelight.com/tag/bike/" class="tag-cloud-link tag-link-611 tag-link-position-4" style="font-size: 8pt;" aria-label="bike (6 items)">bike</a></li> <li><a href="https://www.morelightmorelight.com/tag/books/" class="tag-cloud-link tag-link-709 tag-link-position-5" style="font-size: 17.767441860465pt;" aria-label="Books (55 items)">Books</a></li> <li><a href="https://www.morelightmorelight.com/tag/consciousness/" class="tag-cloud-link tag-link-68 tag-link-position-6" style="font-size: 8pt;" aria-label="consciousness (6 items)">consciousness</a></li> <li><a href="https://www.morelightmorelight.com/tag/creativecommons/" class="tag-cloud-link tag-link-143 tag-link-position-7" style="font-size: 9.6279069767442pt;" aria-label="creativecommons (9 items)">creativecommons</a></li> <li><a href="https://www.morelightmorelight.com/tag/design/" class="tag-cloud-link tag-link-703 tag-link-position-8" style="font-size: 8pt;" aria-label="Design (6 items)">Design</a></li> <li><a href="https://www.morelightmorelight.com/tag/dev/" class="tag-cloud-link tag-link-696 tag-link-position-9" style="font-size: 10.496124031008pt;" aria-label="Dev (11 items)">Dev</a></li> <li><a href="https://www.morelightmorelight.com/tag/firefox/" class="tag-cloud-link tag-link-45 tag-link-position-10" style="font-size: 9.0852713178295pt;" aria-label="firefox (8 items)">firefox</a></li> <li><a href="https://www.morelightmorelight.com/tag/freedom/" class="tag-cloud-link tag-link-117 tag-link-position-11" style="font-size: 8pt;" aria-label="freedom (6 items)">freedom</a></li> <li><a href="https://www.morelightmorelight.com/tag/gif/" class="tag-cloud-link tag-link-508 tag-link-position-12" style="font-size: 8.5426356589147pt;" aria-label="gif (7 items)">gif</a></li> <li><a href="https://www.morelightmorelight.com/tag/hacks/" class="tag-cloud-link tag-link-705 tag-link-position-13" style="font-size: 13.317829457364pt;" aria-label="Hacks (21 items)">Hacks</a></li> <li><a href="https://www.morelightmorelight.com/tag/howto/" class="tag-cloud-link tag-link-102 tag-link-position-14" style="font-size: 8pt;" aria-label="howto (6 items)">howto</a></li> <li><a href="https://www.morelightmorelight.com/tag/ideas/" class="tag-cloud-link tag-link-278 tag-link-position-15" style="font-size: 8pt;" aria-label="ideas (6 items)">ideas</a></li> <li><a href="https://www.morelightmorelight.com/tag/incentives/" class="tag-cloud-link tag-link-701 tag-link-position-16" style="font-size: 11.798449612403pt;" aria-label="Incentives (15 items)">Incentives</a></li> <li><a href="https://www.morelightmorelight.com/tag/linkrot/" class="tag-cloud-link tag-link-229 tag-link-position-17" style="font-size: 8pt;" aria-label="linkrot (6 items)">linkrot</a></li> <li><a href="https://www.morelightmorelight.com/tag/maxlazer/" class="tag-cloud-link tag-link-586 tag-link-position-18" style="font-size: 12.666666666667pt;" aria-label="maxlazer (18 items)">maxlazer</a></li> <li><a href="https://www.morelightmorelight.com/tag/music/" class="tag-cloud-link tag-link-693 tag-link-position-19" style="font-size: 22pt;" aria-label="Music (137 items)">Music</a></li> <li><a href="https://www.morelightmorelight.com/tag/music-video/" class="tag-cloud-link tag-link-602 tag-link-position-20" style="font-size: 18.635658914729pt;" aria-label="music video (66 items)">music video</a></li> <li><a href="https://www.morelightmorelight.com/tag/music-videos/" class="tag-cloud-link tag-link-737 tag-link-position-21" style="font-size: 11.798449612403pt;" aria-label="music videos (15 items)">music videos</a></li> <li><a href="https://www.morelightmorelight.com/tag/my-own-cloud/" class="tag-cloud-link tag-link-198 tag-link-position-22" style="font-size: 10.496124031008pt;" aria-label="my.own.cloud (11 items)">my.own.cloud</a></li> <li><a href="https://www.morelightmorelight.com/tag/nyc/" class="tag-cloud-link tag-link-706 tag-link-position-23" style="font-size: 8pt;" aria-label="NYC (6 items)">NYC</a></li> <li><a href="https://www.morelightmorelight.com/tag/opensource/" class="tag-cloud-link tag-link-44 tag-link-position-24" style="font-size: 8.5426356589147pt;" aria-label="opensource (7 items)">opensource</a></li> <li><a href="https://www.morelightmorelight.com/tag/orbital/" class="tag-cloud-link tag-link-563 tag-link-position-25" style="font-size: 12.666666666667pt;" aria-label="orbital (18 items)">orbital</a></li> <li><a href="https://www.morelightmorelight.com/tag/photos/" class="tag-cloud-link tag-link-707 tag-link-position-26" style="font-size: 13.53488372093pt;" aria-label="Photos (22 items)">Photos</a></li> <li><a href="https://www.morelightmorelight.com/tag/politics/" class="tag-cloud-link tag-link-713 tag-link-position-27" style="font-size: 14.62015503876pt;" aria-label="Politics (28 items)">Politics</a></li> <li><a href="https://www.morelightmorelight.com/tag/processing/" class="tag-cloud-link tag-link-51 tag-link-position-28" style="font-size: 9.6279069767442pt;" aria-label="processing (9 items)">processing</a></li> <li><a href="https://www.morelightmorelight.com/tag/projects/" class="tag-cloud-link tag-link-176 tag-link-position-29" style="font-size: 14.077519379845pt;" aria-label="projects (25 items)">projects</a></li> <li><a href="https://www.morelightmorelight.com/tag/python/" class="tag-cloud-link tag-link-716 tag-link-position-30" style="font-size: 10.821705426357pt;" aria-label="Python (12 items)">Python</a></li> <li><a href="https://www.morelightmorelight.com/tag/releases/" class="tag-cloud-link tag-link-601 tag-link-position-31" style="font-size: 8pt;" aria-label="releases (6 items)">releases</a></li> <li><a href="https://www.morelightmorelight.com/tag/religion/" class="tag-cloud-link tag-link-55 tag-link-position-32" style="font-size: 8pt;" aria-label="religion (6 items)">religion</a></li> <li><a href="https://www.morelightmorelight.com/tag/reviews/" class="tag-cloud-link tag-link-710 tag-link-position-33" style="font-size: 15.922480620155pt;" aria-label="Reviews (37 items)">Reviews</a></li> <li><a href="https://www.morelightmorelight.com/tag/ruby/" class="tag-cloud-link tag-link-712 tag-link-position-34" style="font-size: 9.0852713178295pt;" aria-label="Ruby (8 items)">Ruby</a></li> <li><a href="https://www.morelightmorelight.com/tag/secrets/" class="tag-cloud-link tag-link-222 tag-link-position-35" style="font-size: 9.0852713178295pt;" aria-label="secrets (8 items)">secrets</a></li> <li><a href="https://www.morelightmorelight.com/tag/security/" class="tag-cloud-link tag-link-715 tag-link-position-36" style="font-size: 11.255813953488pt;" aria-label="security (13 items)">security</a></li> <li><a href="https://www.morelightmorelight.com/tag/shortstories/" class="tag-cloud-link tag-link-39 tag-link-position-37" style="font-size: 8pt;" aria-label="shortstories (6 items)">shortstories</a></li> <li><a href="https://www.morelightmorelight.com/tag/software/" class="tag-cloud-link tag-link-698 tag-link-position-38" style="font-size: 8pt;" aria-label="Software (6 items)">Software</a></li> <li><a href="https://www.morelightmorelight.com/tag/video/" class="tag-cloud-link tag-link-702 tag-link-position-39" style="font-size: 20.046511627907pt;" aria-label="Video (90 items)">Video</a></li> <li><a href="https://www.morelightmorelight.com/tag/web/" class="tag-cloud-link tag-link-402 tag-link-position-40" style="font-size: 8.5426356589147pt;" aria-label="web (7 items)">web</a></li> <li><a href="https://www.morelightmorelight.com/tag/weeknotes/" class="tag-cloud-link tag-link-818 tag-link-position-41" style="font-size: 14.62015503876pt;" aria-label="weeknotes (28 items)">weeknotes</a></li> <li><a href="https://www.morelightmorelight.com/tag/woodworking/" class="tag-cloud-link tag-link-460 tag-link-position-42" style="font-size: 8pt;" aria-label="Woodworking (6 items)">Woodworking</a></li> <li><a href="https://www.morelightmorelight.com/tag/wordpress/" class="tag-cloud-link tag-link-692 tag-link-position-43" style="font-size: 12.666666666667pt;" aria-label="wordpress (18 items)">wordpress</a></li> <li><a href="https://www.morelightmorelight.com/tag/wordprss/" class="tag-cloud-link tag-link-423 tag-link-position-44" style="font-size: 8.5426356589147pt;" aria-label="wordprss (7 items)">wordprss</a></li> <li><a href="https://www.morelightmorelight.com/tag/zeldarae/" class="tag-cloud-link tag-link-792 tag-link-position-45" style="font-size: 10.496124031008pt;" aria-label="zeldarae (11 items)">zeldarae</a></li> </ul> </div> </nav></aside> </div><!-- .widget-area --> </div><!-- #secondary --> <div class="site-info"> <a href="https://wordpress.org/" class="imprint"> Proudly powered by WordPress </a> </div><!-- .site-info --> </footer><!-- #colophon --> </div><!-- #page --> <script type="text/javascript"> jQuery(function($){ var doNothing = false; $('.ajs-footnote>a').hoverIntent({ over: function(event) { //console.log($(event.target).offset()); //if there's a popup showing, make it go away... $('.ajs-footnote-popup').hide(); var noteNumber = ($(event.target).attr('href')).substring(($(event.target).attr('href')).lastIndexOf('_')+1); var popupWidth = $('_'+noteNumber).width(); var offset = $(event.target).offset(); $('#ajs-fn-id_'+noteNumber).css({position:'absolute', top: (offset.top - $('#ajs-fn-id_'+noteNumber).height() )+'px', left:offset.left+'px'}).fadeIn(200); }, out: function(event) { if(!doNothing){ var noteNumber = ($(event.target).attr('href')).substring(($(event.target).attr('href')).lastIndexOf('_')+1); $('#ajs-fn-id_'+noteNumber).fadeOut(200); } }, timeout: 500, }); $('.ajs-footnote-popup').hoverIntent({ over: function(event) { doNothing = true; }, out: function(event) { doNothing = false; $(this).fadeOut(200); }, timeout:500, }); }); </script> <script src="https://www.morelightmorelight.com/wordpress/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script> <script src="https://www.morelightmorelight.com/wordpress/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script src="https://www.morelightmorelight.com/wordpress/wp-includes/js/masonry.min.js?ver=4.2.2" id="masonry-js"></script> <script src="https://www.morelightmorelight.com/wordpress/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b" id="jquery-masonry-js"></script> </body> </html>