NightBus – When the Night Comes | Matt Katz

</p> <p>Flip the slider back and forth to mix the video and music realtime. Awesome.</p> <ol class="ajs-fn"> </ol> <h3 class='related_post_title'>But wait, there's more</h3><ul class='related_post'><li><a href="http://www.morelightmorelight.com/2024/11/04/gunship-monster-in-paradise/" title="GUNSHIP – Monster in Paradise">GUNSHIP – Monster in Paradise</a></li><li><a href="http://www.morelightmorelight.com/2024/09/16/gunship-blood-for-the-blood-god/" title="Gunship – Blood for the Blood God">Gunship – Blood for the Blood God</a></li><li><a href="http://www.morelightmorelight.com/2024/09/02/the-beaches-blame-my-ex/" title="The Beaches – Blame My Ex">The Beaches – Blame My Ex</a></li><li><a href="http://www.morelightmorelight.com/2024/08/26/hanumankind-big-dawgs/" title="Hanumankind – Big Dawgs">Hanumankind – Big Dawgs</a></li><li><a href="http://www.morelightmorelight.com/2024/08/19/macgray-backbone/" title="Macgray – Backbone">Macgray – Backbone</a></li></ul><div class='ccg-banner'><a target='_blank' rel='license nofollow' href='http://creativecommons.org/licenses/by-nc-sa/4.0/'><img alt='Creative Commons License' style='border-width:0' src='http://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png' /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title" >This work</span> by <a target="_blank" xmlns:cc="http://creativecommons.org/ns#" href="http://www.morelightmorelight.com/author/mattk-2/" property="cc:attributionName" rel="cc:attributionURL nofollow">MattK</a> is licensed under a <a target="_blank" rel="license nofollow" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</a><br /></div> </div> <footer class="entry-meta"> </footer> </article> <nav class="navigation post-navigation"> <h1 class="screen-reader-text"> Post navigation </h1> <div class="nav-links"> <a href="https://www.morelightmorelight.com/2014/02/10/bloc-party-remix-cyriak/" rel="prev"><span class="meta-nav">←</span> Bloc Party, Remix, Cyriak</a> <a href="https://www.morelightmorelight.com/2014/03/12/koans-for-programmers/" rel="next">Koans for Programmers <span class="meta-nav">→</span></a> </div> </nav> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2014/02/17/nightbus-when-the-night-comes/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://www.morelightmorelight.com/wordpress/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='2455' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="3cc73a977d" /></p> <span id="openid_comment"> <label> <input type="checkbox" id="login_with_openid" name="login_with_openid" checked="checked" /> Authenticate this comment using <span class="openid_link">OpenID</span>. </label> </span> <script type="text/javascript">jQuery(function(){ add_openid_to_comment_form('https://www.morelightmorelight.com/wordpress/index.php', 'b2cd84ccfe') })</script> <p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="232"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> </div> </div> </div> <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> </div> </div> </div> <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> </div> <div class="site-info"> <a href="https://wordpress.org/" class="imprint"> Proudly powered by WordPress </a> </div> </footer> </div> <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/comment-reply.min.js?ver=fc547b5b103e0ef5afb4f442e16795dd" id="comment-reply-js" async data-wp-strategy="async"></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> <script defer src="https://www.morelightmorelight.com/wordpress/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1720663678" id="akismet-frontend-js"></script> </body> </html>