NL Architects

<!DOCTYPE html> <html> <head> <title>NL Architects</title> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script> <script type="text/javascript" src="/static/scripts/jquery.animate-colors-min.js"></script> <link rel="stylesheet" href="/static/css/modal.css"> <link rel="stylesheet" href="/static/css/button.css"> <link rel="stylesheet" href="/static/css/base2.css"/> <link rel="shortcut icon" type="image/x-icon" href="/static/artwork/favicon.ico"/> <script src="/static/scripts/jquery.hoverIntent.minified.js"></script> <script type="text/javascript" src="/static/scripts/orientation_polyfill.js"></script> <script type="text/javascript" src="/static/scripts/distribute_margins.js"></script> <script type="text/javascript" src="/static/scripts/jquery.sorted.js"></script> <script type="text/javascript" src="/static/scripts/router.js"></script> <script type="text/javascript" src="/static/scripts/selector.js"></script> </head> <body> <div id="spinner"><img src="/static/artwork/spinner.gif"></div> <div id="navbar"> <div id="navbar-projects"><a class="ajaxlink" data-hashurl="projects" href="/projects/"> <h1>Projects</h1></a> <div class="submenu"> </div> </div> <div id="navbar-photobook"><a class="ajaxlink" data-hashurl="photobook" href="/photobook/"><h1>Photos</h1></a> <div class="submenu"> </div> </div> <div id="navbar-facebook" class="portrait-hide"><a href="http://www.facebook.com/nlarchitects/" target="_blank"><h1> Facebook</h1></a> </div> <div id="navbar-blog" class="portrait-hide"><a href="http://nlarchitects.wordpress.com" target="_blank"><h1> Blog</h1></a></div> <div id="navbar-misc"><a class="ajaxlink" data-hashurl="misc" id="misc" href="/misc/"><h1> Misc</h1></a> <div class="submenu"> </div> </div> <div id="navbar-contact"><a href="/contact/"><h1>Contact</h1></a></div> </div> <div id="content"> <div id="world"> <div id="items"> <script type="text/javascript" src="/static/scripts/slideshow_popup.js"></script> <div id="selector_box"> <ul id="selector"></ul> </div> <ul id="items_list">  <li> <a class="misclink" data-hashurl="groningerforum" data-linktitle="Groninger Forum" href="/groningerforum/" title="Groninger Forum"> <img alt="groninger forum" src="/static/artwork/gf_logo/6.png" style="width: 156px;"> </a> </li> <li> <a class="misclink" data-hashurl="work" data-linktitle="work" href="/pages/work" title="if you want to apply please fill in this form"><img src="http://www.nlarchitects.nl/media/uploads/frontpage/working.jpg" alt="working@nl" style="width: 200px; margin-left:-20px; margin-top:-15px;"></a> </li> <li> <a onclick="window.open(this.href,'shirts','resizable=no,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=1220,height=650,left=50,top=50,status'); return false" href="/book/shirts" title=".NL T-shirts" data-linktitle=".NL T-shirts" data-hashurl=".NL T-shirts"> <img src="http://www.nlarchitects.nl/media/uploads/slides_vp/outlineshirt_sm.png" width="154" alt=".NL T-shirts"> </a> </li> <li class='uc'> <a class="misclink" data-linktitle="Under Construction" data-hashurl="ucslideshow" title="projects that are currently under construction. updated: 21 Oct 2020" href="/ucslideshow/"> <img alt="projects that are currently under construction. updated: 21 Oct 2020" src="/static/artwork/underconstruction.png" style="margin-top:16px; margin-bottom:0; margin-left:3px" > </a> </li> <li> <a class="misclink" data-hashurl="virtual-realities" data-linktitle="virtual realities" href="/virtreal/" title="Virtual Realities"><img src="/static/artwork/home/virtreal.jpg" alt="Virtual Realities" style="width: 160px; margin-left:-16px"> </a> </li> <li> <a class="misclink" data-hashurl="biennale-2008" data-linktitle="biennale 2008" title="can sound shape public space? play this!" href="/biennale-2008/"> <img style="border-style: none; vertical-align: middle;" alt="Can Sound shape Public space? Play this!" src="/static/artwork/home/image_thumb.jpg"> </a> </li> <li> <a class="misclink" data-hashurl="happy-hour" data-linktitle="happy hour" title="happy hour! why do clocks in advertisments indicate 10 past 10?" href="/happy-hour/"> <img style="border-style: none; vertical-align: middle;" longdesc="happy hour!" alt="happy hour! why do clocks in advertisments indicate 10 past 10?" src="/static/artwork/home/happy-hour-logo-180.jpg" height="180" width="180"> </a> </li>   <li> <script type="text/javascript"> var w = 794, h = 595; image_dim = getPopupDims(w, h); args_24 = 'resizable=yes,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=' + image_dim[0] + ',height=' + image_dim[1] + ',left=50'; </script> <a class="misclink" data-hashurl="Excerpts from an unpublished book about Car Culture (1995)" data-linktitle="Excerpts from an unpublished book about Car Culture (1995)" onclick="window.open( this.href,this.title,args_24 );return false" title="Excerpts from an unpublished book about Car Culture (1995)" href="/slideshow/24" <img style="border-style: none; float: none; vertical-align: middle;" alt="Excerpts from an unpublished book about Car Culture (1995)" class="image-inline" src="http://www.nlarchitects.nl/media/uploads/slides_vp/image_mini.jpg.205x800_q85.jpg"> </a> </li> <li> <script type="text/javascript"> var w = 1512, h = 1134; image_dim = getPopupDims(w, h); args_282 = 'resizable=yes,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=' + image_dim[0] + ',height=' + image_dim[1] + ',left=50'; </script> <a class="misclink" data-hashurl="ArtA" data-linktitle="ArtA" onclick="window.open( this.href,this.title,args_282 );return false" title="ArtA" href="/slideshow/282" <img style="border-style: none; float: none; vertical-align: middle;" alt="ArtA" class="image-inline" src="http://www.nlarchitects.nl/media/uploads/slides_vp/Slide1_33.JPG.205x800_q85.jpg"> </a> </li> <li> <script type="text/javascript"> var w = 4992, h = 3744; image_dim = getPopupDims(w, h); args_289 = 'resizable=yes,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=' + image_dim[0] + ',height=' + image_dim[1] + ',left=50'; </script> <a class="misclink" data-hashurl="Dongdaemun Plaza Kiosk" data-linktitle="Dongdaemun Plaza Kiosk" onclick="window.open( this.href,this.title,args_289 );return false" title="Dongdaemun Plaza Kiosk" href="/slideshow/289" <img style="border-style: none; float: none; vertical-align: middle;" alt="Dongdaemun Plaza Kiosk" class="image-inline" src="http://www.nlarchitects.nl/media/uploads/slides_vp/Slide2.JPG.205x800_q85.jpg"> </a> </li> <li> <script type="text/javascript"> var w = 1512, h = 1134; image_dim = getPopupDims(w, h); args_290 = 'resizable=yes,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=' + image_dim[0] + ',height=' + image_dim[1] + ',left=50'; </script> <a class="misclink" data-hashurl="Barneveld Centrum" data-linktitle="Barneveld Centrum" onclick="window.open( this.href,this.title,args_290 );return false" title="Barneveld Centrum" href="/slideshow/290" <img style="border-style: none; float: none; vertical-align: middle;" alt="Barneveld Centrum" class="image-inline" src="http://www.nlarchitects.nl/media/uploads/slides_vp/Slide1_Barneveld_Centrum.JPG.205x800_q85.jpg"> </a> </li> <li> <script type="text/javascript"> var w = 1512, h = 1133; image_dim = getPopupDims(w, h); args_293 = 'resizable=yes,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=' + image_dim[0] + ',height=' + image_dim[1] + ',left=50'; </script> <a class="misclink" data-hashurl="Funen Blok K_interiors by Raoul Kramer" data-linktitle="Funen Blok K_interiors by Raoul Kramer" onclick="window.open( this.href,this.title,args_293 );return false" title="Funen Blok K_interiors by Raoul Kramer" href="/slideshow/293" <img style="border-style: none; float: none; vertical-align: middle;" alt="Funen Blok K_interiors by Raoul Kramer" class="image-inline" src="http://www.nlarchitects.nl/media/uploads/slides_vp/K4_20120720RHAK1707-1708.JPG.205x800_q85.jpg"> </a> </li>  </ul> <script type="text/javascript"> $(document).ready(function () { resizeMargins(); }); $('.misclink') .unbind("click") .bind("click", function (e) { var linktitle = this.dataset.linktitle, newurl = this.dataset.hashurl, thisurl = $(this).attr('href'); e.preventDefault(); $('#items').load(thisurl, function () { resizeMargins(); // render sub-selection $('#selector').html("<li><a data-hashurl='misc" + thisurl + "' href='/misc" + thisurl + "' class='sub-active ajaxlink'>" + linktitle.toUpperCase() + "</a></li><li></li>"); bindAjaxLinks(); $('.nav-selected').removeClass('nav-selected'); $('#selector_box').show(); // scroll to the top. $('html,body').animate({scrollTop: 0}, 1000); history.pushState({}, newurl, "/misc/" + newurl); }); }); //TODO: adapt router to load part after /misc with ajax. </script> <script type="text/javascript"> $(document).ready(function () { console.log('ajaxwrapper loaded...'); // shit underneath normally done by router, but the load_ajax_elements never gets called // when using a direct url (it uses this template which extends base2). var linktitle = 'ajax/misc.html'.split('.')[0], navbar = $('#navbar'); // main choice highlight navbar.find("div a[data-hashurl='" + linktitle + "']").addClass('nav-selected'); // render sort choices for particular page. var menubarlink = $("a[data-hashurl='" + linktitle + "']"), menubaritem = menubarlink.parent().find('.submenu'); //empty all menus to prevent sub-menus travelling to another menu. $('.submenu').html(''); $('#items').find('#selector').appendTo(menubaritem); setSelectorClickEvent(); $('#spinner').css('display','none'); navbar.css('background-color', '#ffffff'); }); </script> </div> </div> </div> <div id="modal-mobile-alert" class="modal mobile-alert" tabindex="-1" role="dialog" style="z-index: 10000"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">You are now visiting our main website on your mobile device</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="row"> <div class="col-md-12"> <p>Please note that we also have a mobile site and a downloadable app.</p> </div> </div> <div class="row"> <div class="col-md-12"> <button type="button" class="btn btn-primary btn-block mt-2 nlarch-cookie" data-dismiss="modal">Stay here</button> </div> </div> <div class="row"> <div class="col-md-12"> <button type="button" data-href="https://play.google.com/store/apps/details?id=com.djangowebstudio.nlarchitects" class="btn btn-primary btn-block mt-2 nlarch-action">Download Android App</button> </div> </div> <div class="row"> <div class="col-md-12"> <button type="button" data-href="https://apps.apple.com/nl/app/nl-architects/id1316607704?l=en" class="btn btn-primary btn-block mt-2 nlarch-action">Download IOS App</button> </div> </div> <div class="row"> <div class="col-md-12"> <button type="button" data-href="http://m.nlarchitects.nl" class="btn btn-primary btn-block mt-2 nlarch-action">Go to Mobile Site</button> </div> </div> </div> </div> </div> </div> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </body> </html>

CINXE.COM

NL Architects