{"id":1375,"date":"2017-03-07T16:24:21","date_gmt":"2017-03-07T21:24:21","guid":{"rendered":"http:\/\/www.albrechtengineering.com\/?page_id=1375"},"modified":"2017-03-07T16:24:21","modified_gmt":"2017-03-07T21:24:21","slug":"samples","status":"publish","type":"page","link":"https:\/\/www.albrechtengineering.com\/index.php\/recent-projects\/samples\/","title":{"rendered":"Samples"},"content":{"rendered":"<script>\n\tvar lightbox_transition = 'elastic';\n\tvar lightbox_speed = 800;\n\tvar lightbox_fadeOut = 300;\n\tvar lightbox_title = false;\n\tvar lightbox_scalePhotos = true;\n\tvar lightbox_scrolling = false;\n\tvar lightbox_opacity = 0.201;\n\tvar lightbox_open = false;\n\tvar lightbox_returnFocus = true;\n\tvar lightbox_trapFocus = true;\n\tvar lightbox_fastIframe = true;\n\tvar lightbox_preloading = true;\n\tvar lightbox_overlayClose = true;\n\tvar lightbox_escKey = false;\n\tvar lightbox_arrowKey = false;\n\tvar lightbox_loop = true;\n\tvar lightbox_closeButton = false;\n\tvar lightbox_previous = \"previous\";\n\tvar lightbox_next = \"next\";\n\tvar lightbox_close = \"close\";\n\tvar lightbox_html = false;\n\tvar lightbox_photo = false;\n\tvar lightbox_width = 'false';\n\tvar lightbox_height = 'false';\n\tvar lightbox_innerWidth = 'false';\n\tvar lightbox_innerHeight = 'false';\n\tvar lightbox_initialWidth = '300';\n\tvar lightbox_initialHeight = '100';\n\tvar lightbox_maxWidth = 768;\n\tvar lightbox_maxHeight = 500;\n\tvar lightbox_slideshow = false;\n\tvar lightbox_slideshowSpeed = 2500;\n\tvar lightbox_slideshowAuto = true;\n\tvar lightbox_slideshowStart = \"start slideshow\";\n\tvar lightbox_slideshowStop = \"stop slideshow\";\n\tvar lightbox_fixed = true;\n\t\t\tvar lightbox_top = false;\n\t\tvar lightbox_bottom = false;\n\t\tvar lightbox_left = false;\n\t\tvar lightbox_right = false;\n\t\t\n\tvar lightbox_reposition = false;\n\tvar lightbox_retinaImage = true;\n\tvar lightbox_retinaUrl = false;\n\tvar lightbox_retinaSuffix = \"@2x.$1\";\n\t\n\t\t\t\tjQuery(document).ready(function(){\n\t\t\t\tjQuery(\"#huge_it_portfolio_content a[href$='.jpg'], #huge_it_portfolio_content a[href$='.png'], #huge_it_portfolio_content a[href$='.gif']\").addClass('group1');\n\t\t\t\tjQuery(\".group1\").colorbox({rel:'group1'});\n\t\t\t\tjQuery(\".callbacks\").colorbox({\n\t\t\t\t\tonOpen:function(){ alert('onOpen: colorbox is about to open'); },\n\t\t\t\t\tonLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },\n\t\t\t\t\tonComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },\n\t\t\t\t\tonCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },\n\t\t\t\t\tonClosed:function(){ alert('onClosed: colorbox has completely closed'); }\n\t\t\t\t});\n\n\t\t\t\tjQuery('.non-retina').colorbox({rel:'group5', transition:'none'})\n\t\t\t\tjQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});\n\t\t\t\t\n\n\t\t\t\tjQuery(\"#click\").click(function(){ \n\t\t\t\t\tjQuery('#click').css({\"background-color\":\"#f00\", \"color\":\"#fff\", \"cursor\":\"inherit\"}).text(\"Open this window again and this message will still be here.\");\n\t\t\t\t\treturn false;\n\t\t\t\t});\n\t\t\t});\n\t\t\n<\/script>\n\t<!--Huge IT portfolio START-->\n\t<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.10.2\/jquery.min.js\"><\/script>\n\t\t<link href=\"https:\/\/www.albrechtengineering.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/style\/colorbox-1.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n\t\t<link href=\"https:\/\/www.albrechtengineering.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/style\/portfolio-all.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n\t<script src=\"https:\/\/www.albrechtengineering.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/js\/jquery.colorbox.js\"><\/script>\n\t<script src=\"https:\/\/www.albrechtengineering.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/js\/portfolio-all.js\"><\/script>\n\t<link rel=\"stylesheet\" href=\"https:\/\/www.albrechtengineering.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/style\/style2-os.css\" \/>\n\t<script src=\"https:\/\/www.albrechtengineering.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/js\/jquery.hugeitmicro.min.js\"><\/script>\n\t<link href=\"https:\/\/www.albrechtengineering.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/style\/lightbox.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n\t\n\t\n\t\n\t\t\n\t\n\t\n\t\n\t\n\n\t\n<style type=\"text\/css\"> \n.element {\n\tbackground:#f7f7f7;\n\twidth:275px !important;\n\tmargin: 5px;\n\tfloat: left;\n\toverflow: hidden;\n\toutline:none;\n\tborder:1px solid #D0D0D0;\n}\n\n.element.large,\n.variable-sizes .element.large,\n.variable-sizes .element.large.width2.height2 {\n\twidth: 275px;\n\tz-index: 10;\n}\n\n.default-block {\n\tposition:relative;\n\twidth:275px;\n\theight:205px;\n} \n\n.default-block .image-block {\n\tmargin:0px;\n\tpadding:0px;\n\tline-height:0px;\n\tborder-bottom:1px solid #D0D0D0;\n}\n\n.default-block img {\n\tmargin:0px !important;\n\tpadding:0px !important;\n\tmax-width:none !important;\n\twidth:275px !important;\n\theight:160px !important;\n\tborder-radius:0px;\n}\n\n.default-block .title-block {\n\tposition:relative;\n\tdisplay:block;\n\theight:35px;\n\tpadding:10px 0px 0px 0px;\n\twidth:275px !important;\n}\n\n.default-block .title-block h3 {\n\tposition:relative;\n\tmargin:0px !important;\n\tpadding:0px 0px 0px 5px !important;\n\twidth:245px !important;\n\ttext-overflow: ellipsis;\n\toverflow: hidden; \n\twhite-space:nowrap;\n\tfont-weight:normal;\n\tcolor:#555555;\n\tfont-size:15px !important;\n\tline-height:19px !important;\n}\n\n.element .title-block .open-close-button {\n\twidth:20px;\n\theight:20px;\n\tdisplay:block;\n\tposition:absolute;\n\ttop:13px;\n\tright:2%;\n\tbackground:url('https:\/\/www.albrechtengineering.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/images\/open-close.dark.png') left top no-repeat;\n\tz-index:5;\n\tcursor:pointer;\n\topacity:0.33;\n}\n\n .element:hover .title-block .open-close-button {opacity:1;}\n\n.element.large .open-close-button {\n\tbackground:url('https:\/\/www.albrechtengineering.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/images\/open-close.dark.png') left bottom no-repeat;\n}\n\n.wd-portfolio-panel {\n\tposition: absolute;\n\tdisplay:block;\n\twidth:265px !important;\n\tmargin:0px 5px 0px 5px;\n\tpadding:0px;\n\ttext-align:left;\n\ttop:205px;  \n\tz-index:6; \n\theight:200px;\n}\n\n\n.wd-portfolio-panel .description-block, .element div.right-block .description-block * {\n\tposition:relative;\n\tclear:both;\n}\n\n.wd-portfolio-panel .description-block p,.wd-portfolio-panel .description-block * {\t\n\ttext-align:justify;\n\tfont-weight:normal;\n\tfont-size:14px;\n\tcolor:#5b5b5b;\n\tmargin:0px;\n\tpadding:0px;\n}\n\n\n\n.wd-portfolio-panel .description-block h1,\n.wd-portfolio-panel .description-block h2,\n.wd-portfolio-panel .description-block h3,\n.wd-portfolio-panel .description-block h4,\n.wd-portfolio-panel .description-block h5,\n.wd-portfolio-panel .description-block h6,\n.wd-portfolio-panel .description-block p, \n.wd-portfolio-panel .description-block strong,\n.wd-portfolio-panel .description-block span {\n\tpadding:2px !important;\n\tmargin:0px !important;\n}\n\n.wd-portfolio-panel .description-block ul,\n.wd-portfolio-panel .description-block li {\n\tpadding:2px 0px 2px 5px;\n\tmargin:0px 0px 0px 8px;\n}\n\n\n.wd-portfolio-panel .thumbs-list {\n\tposition:relative;\n\tclear:both;\n\tlist-style:none;\n\tdisplay:table;\n\twidth:100%;\n\tpadding:0px;\n\tmargin:3px 0px 0px 0px;\n\ttext-align:center;\n}\n\n.wd-portfolio-panel .thumbs-list li {\n\tdisplay:inline-block;\n\tmargin:0px 3px 0px 2px;\n}\n\n.wd-portfolio-panel .thumbs-list li a {\n\tdisplay:block;\n\twidth:75px;\n\theight:75px;\n\topacity:0.7;\n\tdisplay:table;\n}\n\n.wd-portfolio-panel .thumbs-list li a:hover {\n\topacity:1;\n}\n\n.wd-portfolio-panel img {\n\tmargin:0px !important;\n\tpadding:0px !important;\n\tdisplay:table-cell;\n\tvertical-align:middle;\n\twidth:75px !important;\n\tmax-height:75px !important;\n\twidth:100%;\n\theight:100%;\n}\n\n.wd-portfolio-panel > div {\n\tposition:relative;\n\tclear:both;\n\tpadding-top:10px;\n\tmargin-bottom:10px;\n\t\t\tbackground:url('https:\/\/www.albrechtengineering.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/images\/divider.line.png') center top repeat-x;\n\t}\n\n.wd-portfolio-panel .button-block {\n\tpadding-top:10px;\n\tmargin-bottom:10px;\n\t\n}\n\n.wd-portfolio-panel .button-block a, .wd-portfolio-panel .button-block a:link, .wd-portfolio-panel .button-block a:visited {\n\tpadding:6px 12px;\n\ttext-decoration:none;\n\tdisplay:inline-block;\n\tfont-size:14px;\n\tbackground:#e74c3c;\n\tcolor:#ffffff;\n}\n\n.wd-portfolio-panel .button-block a:hover, .wd-portfolio-panel .button-block a:focus, .wd-portfolio-panel .button-block a:active {\n\tbackground:#df2e1b;\n\tcolor:#ffffff;\n\ttext-decoration:none;\n}\n\n<\/style>\n  <section id=\"huge_it_portfolio_content\">\n  <div id=\"huge_it_portfolio_container\" class=\"super-list variable-sizes clearfix\">\n  \t\t\t<div class=\"element   \" data-symbol=\"Durrett Shepard\" data-category=\"alkaline-earth\">\n\t\t\t<div class=\"default-block\">\n\t\t\t\t<div class=\"image-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img id=\"wd-cl-img0\" src=\"http:\/\/www.albrechtengineering.com\/wp-content\/uploads\/2017\/03\/int_7-1024x790.jpg\" \/>\n\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"title-block\">\n\t\t\t\t\t<h3 class=\"title\">Durrett Shepard<\/h3>\n\t\t\t\t\t<div class=\"open-close-button\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t  \n\t\t\t<div class=\"wd-portfolio-panel\" id=\"panel0\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<ul class=\"thumbs-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<a href=\"http:\/\/www.albrechtengineering.com\/wp-content\/uploads\/2017\/03\/int_7-1024x790.jpg\" class=\"group1\"><img src=\"http:\/\/www.albrechtengineering.com\/wp-content\/uploads\/2017\/03\/int_7-1024x790.jpg\"><\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<a href=\"http:\/\/www.albrechtengineering.com\/wp-content\/uploads\/2017\/03\/int_1_2copy.jpg\" class=\"group1\"><img src=\"http:\/\/www.albrechtengineering.com\/wp-content\/uploads\/2017\/03\/int_1_2copy.jpg\"><\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<a href=\"http:\/\/www.albrechtengineering.com\/wp-content\/uploads\/2017\/03\/int_1_2copy.jpg\" class=\"group1\"><img src=\"http:\/\/www.albrechtengineering.com\/wp-content\/uploads\/2017\/03\/int_1_2copy.jpg\"><\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<a href=\"http:\/\/www.albrechtengineering.com\/wp-content\/uploads\/2017\/03\/steel-503x1024.jpg\" class=\"group1\"><img src=\"http:\/\/www.albrechtengineering.com\/wp-content\/uploads\/2017\/03\/steel-503x1024.jpg\"><\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"description-block\">\n\t\t\t\t\t\t<p><\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"button-block\">\n\t\t\t\t\t\t<a href=\"http:\/\/www.albrechtengineering.com\/index.php\/recent-projects\/structural\/durrett-shepard\/\" >View More<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t\t  <\/div>\n <\/section><script> \njQuery(function(){\nvar defaultBlockHeight=160;\nvar defaultBlockWidth=275;\nvar $container = jQuery('#huge_it_portfolio_container');\n\n\n  \/\/ add randomish size classes\n  $container.find('.element').each(function(){\n\tvar $this = jQuery(this),\n\t\tnumber = parseInt( $this.find('.number').text(), 10 );\n\t\t\/\/alert(number);\n\tif ( number % 7 % 2 === 1 ) {\n\t  $this.addClass('width2');\n\t}\n\tif ( number % 3 === 0 ) {\n\t  $this.addClass('height2');\n\t}\n  });\n\n$container.hugeitmicro({\n  itemSelector : '.element',\n  masonry : {\n\tcolumnWidth : 275+20+0  },\n  masonryHorizontal : {\n\trowHeight: 300+20\n  },\n  cellsByRow : {\n\tcolumnWidth : 275+20+0,\n\trowHeight : 240\n  },\n  cellsByColumn : {\n\tcolumnWidth : 300+20,\n\trowHeight : 240\n  },\n  getSortData : {\n\tsymbol : function( $elem ) {\n\t  return $elem.attr('data-symbol');\n\t},\n\tcategory : function( $elem ) {\n\t  return $elem.attr('data-category');\n\t},\n\tnumber : function( $elem ) {\n\t  return parseInt( $elem.find('.number').text(), 10 );\n\t},\n\tweight : function( $elem ) {\n\t  return parseFloat( $elem.find('.weight').text().replace( \/[\\(\\)]\/g, '') );\n\t},\n\tname : function ( $elem ) {\n\t  return $elem.find('.name').text();\n\t}\n  }\n});\n\n\n  var $optionSets = jQuery('#huge_it_portfolio_options .option-set'),\n\t  $optionLinks = $optionSets.find('a');\n\n  $optionLinks.click(function(){\n\tvar $this = jQuery(this);\n\n\tif ( $this.hasClass('selected') ) {\n\t  return false;\n\t}\n\tvar $optionSet = $this.parents('.option-set');\n\t$optionSet.find('.selected').removeClass('selected');\n\t$this.addClass('selected');\n\n\n\tvar options = {},\n\t\tkey = $optionSet.attr('data-option-key'),\n\t\tvalue = $this.attr('data-option-value');\n\n\tvalue = value === 'false' ? false : value;\n\toptions[ key ] = value;\n\tif ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {\n\n\t  changeLayoutMode( $this, options )\n\t} else {\n\n\t  $container.hugeitmicro( options );\n\t}\n\t\n\treturn false;\n  });\n\n\n\n\n  var isHorizontal = false;\n  function changeLayoutMode( $link, options ) {\n\tvar wasHorizontal = isHorizontal;\n\tisHorizontal = $link.hasClass('horizontal');\n\n\tif ( wasHorizontal !== isHorizontal ) {\n\n\t  var style = isHorizontal ? \n\t\t{ height: '100%', width: $container.width() } : \n\t\t{ width: 'auto' };\n\n\t  $container.filter(':animated').stop();\n\n\t  $container.addClass('no-transition').css( style );\n\t  setTimeout(function(){\n\t\t$container.removeClass('no-transition').hugeitmicro( options );\n\t  }, 700)\n\t} else {\n\t  $container.hugeitmicro( options );\n\t}\n  }\n\n\n\t$container.delegate( '.default-block', 'click', function(){\n\t\t\n\t\tvar strheight=0;\n\t\tjQuery(this).parents('.element').find('.wd-portfolio-panel > div').each(function(){\n\t\t\tstrheight+=jQuery(this).outerHeight()+10;\n\t\t\t\/\/alert(strheight);\n\t\t})\n\t\tstrheight+=205;\n\t\t\n\t\tif(jQuery(this).parents('.element').hasClass(\"large\")){\n\t\t\tjQuery(this).parents('.element').animate({\n\t\t\t\theight: \"205px\"\n\t\t\t}, 300, function() {\n\t\t\t\tjQuery(this).removeClass('large');\n\t\t\t\t$container.hugeitmicro('reLayout');\n\t\t\t});\n\t\t\t\n\t\t\tjQuery(this).parents('.element').removeClass(\"active\");\n\t\t\treturn false;\n\t\t}\n\t\t\n\t\n\t\tjQuery(this).parents('.element').css({height:strheight});\n\t\tjQuery(this).parents('.element').addClass('large');\n\n\t\t$container.hugeitmicro('reLayout');\n\t\tjQuery(this).parents('.element').css({height:\"205px\"});\t\t \n\t\t \n\t\t\/\/alert(strheight);\n\t\t \n\t\t jQuery(this).parents('.element').animate({\n\t\t\theight:strheight+\"px\",\n\t\t  }, 300,function(){\t$container.hugeitmicro('reLayout');});\n\t});\n\n\tvar $sortBy = jQuery('#sort-by');\n\tjQuery('#shuffle a').click(function(){\n\t  $container.hugeitmicro('shuffle');\n\t  $sortBy.find('.selected').removeClass('selected');\n\t  $sortBy.find('[data-option-value=\"random\"]').addClass('selected');\n\t  return false;\n\t});\n});\n<\/script>\n\t\n   \n\t\n      \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":108,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.albrechtengineering.com\/index.php\/wp-json\/wp\/v2\/pages\/1375"}],"collection":[{"href":"https:\/\/www.albrechtengineering.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.albrechtengineering.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.albrechtengineering.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.albrechtengineering.com\/index.php\/wp-json\/wp\/v2\/comments?post=1375"}],"version-history":[{"count":1,"href":"https:\/\/www.albrechtengineering.com\/index.php\/wp-json\/wp\/v2\/pages\/1375\/revisions"}],"predecessor-version":[{"id":1376,"href":"https:\/\/www.albrechtengineering.com\/index.php\/wp-json\/wp\/v2\/pages\/1375\/revisions\/1376"}],"up":[{"embeddable":true,"href":"https:\/\/www.albrechtengineering.com\/index.php\/wp-json\/wp\/v2\/pages\/108"}],"wp:attachment":[{"href":"https:\/\/www.albrechtengineering.com\/index.php\/wp-json\/wp\/v2\/media?parent=1375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}