<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Zachary Brady</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <link rel="shortcut icon" type="image/x-icon" href="icons/favicon.ico">
  <style>
  html{font-family:Arial,sans-serif;font-style:normal;font-weight:400}body{color:#081233;background-image:url(images/light_wool.png);background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;margin:1em;background-position:initial initial;background-repeat:initial initial}@media only all{html{box-sizing:border-box}*{box-sizing:inherit}body{font-size:.8em;margin:0;color:#081233}}@media (min-width:800px){body{font-size:1em;padding-top:100px}}@media print{*{background-image:initial!important;background-attachment:initial!important;background-origin:initial!important;background-clip:initial!important;background-color:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background-position:initial initial!important;background-repeat:initial initial!important}}
  </style>
  <script>
                function cookie(a,b,c){if(void 0===b){var d="; "+window.document.cookie,e=d.split("; "+a+"=");return 2===e.length?e.pop().split(";").shift():null}b===!1&&(c=-1);var f;if(c){var g=new Date;g.setTime(g.getTime()+24*c*60*60*1e3),f="; expires="+g.toGMTString()}else f="";window.document.cookie=a+"="+b+f+"; path=/"}function loadCSS(a,b,c,d){"use strict";var e=window.document.createElement("link"),f=b||window.document.getElementsByTagName("script")[0],g=window.document.styleSheets;return e.rel="stylesheet",e.href=a,e.media="only x",d&&(e.onload=d),f.parentNode.insertBefore(e,f),e.onloadcssdefined=function(b){for(var c,d=0;d<g.length;d++)g[d].href&&g[d].href.indexOf(a)>-1&&(c=!0);c?b():setTimeout(function(){e.onloadcssdefined(b)})},e.onloadcssdefined(function(){e.media=c||"all"}),e}           loadCSS( "css/style.css" );
                function cookie(e,i,o){if(void 0===i){var t="; "+window.document.cookie,n=t.split("; "+e+"=");return 2===n.length?n.pop().split(";").shift():null}i===!1&&(o=-1);var r;if(o){var c=new Date;c.setTime(c.getTime()+24*o*60*60*1e3),r="; expires="+c.toGMTString()}else r="";window.document.cookie=e+"="+i+r+"; path=/"}     cookie( 'fullCSS', "true", 7 );
  </script>
  <script>
                // JS Enhancment and Async Loading
                function loadJS(a,b){"use strict";var c=window.document.getElementsByTagName("script")[0],d=window.document.createElement("script");return d.src=a,d.async=!0,c.parentNode.insertBefore(d,c),b&&"function"==typeof b&&(d.onload=b),d}           //Test only supports browsers that are IE8 and newer


                if(typeof(document.querySelectorAll) != 'undefined'){
                        document.addEventListener("DOMContentLoaded", function() {
                                        loadJS( "js/home.min.js" );
                                

                                
                        });
            }

            //Fix for Windows 8
            if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
                    var msViewportStyle = document.createElement("style");
                    msViewportStyle.appendChild(
                        document.createTextNode(
                            "@-ms-viewport{width:auto!important}"
                        )
                    );
                    document.getElementsByTagName("head")[0].
                        appendChild(msViewportStyle);
                }

  </script>
  <script type="text/javascript" src="//use.typekit.net/mdo4ded.js"></script>
  <script>
  try{Typekit.load({ async: true });}catch(e){}
  </script>
</head>
<body class="page">
<header class="main-header" role="banner">
<div class="main-title">
<h1 class="main-title_logo"><a href="index">Zachary Brady</a></h1>
<h4>I code things.</h4>
</div>
<nav class="main-nav" role="nav">
<ul class="main-nav_list" id="navigation">
<li class="main-nav_item"><a href="#about">About</a></li>
<li class="main-nav_item"><a href="#portfolio">Portfolios</a></li>
<li class="main-nav_item"><a href="#contact" id="aboutButton">Contact</a></li>
</ul>
</nav></header>
<div class="container">
<div class="container_inner">
<section class="overlay">
<div class="intro row">
<h1>Whelp ... you're here, you might as well stick around for a moment.</h1>
</div>
</section>
<main class="row" id="about">
<article class="col_half funText">
<p>I'm Zachary, Partner and Director of Technology at Suits &amp; Sandals, LLC, drummer for the Brooklyn,NY/Mequon,WI based band Kunk, and New Media artist.</p>
<p>At Suits &amp; Sandals I realize the vision of our talented design department while making sure that our sites can be accessed by almost everyone following the tenets of responsive design, progressive enhancement, and accessibility. I also provide consulting for these and related areas. Please contact me or if you or your organization would be interested in working with us.</p>
<p>When I clock out for the day its time for my other passion: music. I drum for two of my dearest friends in Kunk. We seek to combine technique driven song writing with something you can dance too</p>
<p>And lastly, I'm also a New Media artist who has shown augmented reality pieces internationally. You can check out my tiny portfolio here.</p>
<p>And heck, When I'm not doing any of that you can find me playing with my cat, wasting time on social networks, or stumbling 'round Brooklyn.<br /><br /><br /></p>
</article>
<div class="col_half linkWall"><img src="images/logo.png" alt="Suits &amp; Sandals, LLC." /> Kunk <img src="images/mark_hanger-small.png" alt="" />The Hanger Blog
<div class="row-plain">
<div class="col_4"><img src="images/twitter-128.png" alt="Zack on Twitter" /></div>
<div class="col_4"><img src="images/instagram-128.png" alt="Zack on Instagram" /></div>
<div class="col_4"><img src="images/googleplus-128.png" alt="Zack on Google" /></div>
<div class="col_4"><img src="images/github-128.png" alt="Zack on Git Hub" /></div>
</div>
<a href="https://pm-bet.in/en/casino/slots/game/pg-asia-vs20olympgate"><img loading="lazy" src="/100x150-7 1.png" width="100" height="150" title="gates of olympus slot" alt="gates of olympus slot" border="0"></a>
</div>
</main>
<section id="portfolio">
<div class="row">
<h1 class="section_title">Portfolios</h1>
<div class="subSection">
<h2 class="subSection_title">Web Work</h2>
<div>
<p class="note">If there is one thing I will not budge on its the idea that Web Design, and hell programming as a whole, is an artform. In addition to the work I do with Suits &amp; Sandals, I also take the occasional side projects. Among are the wacky websites I've created for some of my favorite local musicians. You can view a small sampling of independent works below and visit the Suits &amp; Sandals website for my work with them.</p>
<ul class="web_list">
<li>Noelle Tannen's Official Site</li>
<li>Ellis Ashbrook's Offical Site</li>
<li>Scopri il Miglior <a href="https://farmacionline24.com/saxenda/"><strong>Farmaco per Dimagrire</strong></a>: Trasforma il Tuo Corpo con la Soluzione Dimagrante Perfetta! Prova Ora e Ottieni Risultati Straordinari.</li>
</ul>
</div>
</div>
<div class="subSection">
<h2 class="subSection_title">Art</h2>
<div>
<div class="col_half">
<ul class="portfolio-previews_list">
<li class="portfolio-previews_item">
<div class="portfolio-preview_img-container"><img src="images/skywriteThumb.jpg" alt="" class="portfolio-preview_img" /></div>
<div class="portfolio-preview_content">
<h2 class="portfolio-preview_title">Skywrite Series</h2>
<p class="portfolio-preview_date">2012&nbsp;-&nbsp;2014</p>
<p class="portfolio-preview_desc">Skywrite AR creates sky written messages in virtual airplane trails for the thoughts and concerns of individuals and citizens.</p>
</div>
</li>
<li class="portfolio-previews_item">
<div class="portfolio-preview_img-container"><img src="images/loveThumb.jpg" alt="" class="portfolio-preview_img" /></div>
<div class="portfolio-preview_content">
<h2 class="portfolio-preview_title">A Portrait of Love, Family, and Relationships</h2>
<p class="portfolio-preview_date">2012</p>
<p class="portfolio-preview_desc">An interactive, non-linear documentary that explores how romantic and familial relationships influence each other.</p>
</div>
</li>
</ul>
</div>
<div class="col_half">
<ul class="portfolio-previews_list">
<li class="portfolio-previews_item">
<div class="portfolio-preview_img-container"><img src="images/poemThumb.jpg" alt="" class="portfolio-preview_img" /></div>
<div class="portfolio-preview_content">
<h2 class="portfolio-preview_title">Write Me a Poem Project</h2>
<p class="portfolio-preview_date">2010-2012</p>
<p class="portfolio-preview_desc">Making the viewer into the producer, the Write Me a Poem Project attempts to blur the line between artist and consumer</p>
</div>
</li>
<li class="portfolio-previews_item">
<div class="portfolio-preview_img-container"><img src="images/genderThumb.jpg" alt="" class="portfolio-preview_img" /></div>
<div class="portfolio-preview_content">
<h2 class="portfolio-preview_title">Gender Assigning Program</h2>
<p class="portfolio-preview_date">2011</p>
<p class="portfolio-preview_desc">The Gender Assigning Program uses humor to point to the rediculousness of the gender binary.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer class="row contact" id="contact" role="contentinfo">
<h1>Contact Me!</h1>
<p class="contactInfo">Zachary Brady<br /><br /><br />&copy; Zachary Brady 2023</p>
</footer></div>
</div>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8cc57e0daa52bb66',t:'MTcyNzg4MDQ5Ni4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>