
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="The Website of Adrian Hanft, III">
    <meta name="author" content="Adrian Hanft">

    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="/favicon-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="msapplication-TileImage" content="/mstile-144x144.png">

    <title>Archive</title>

    <!-- atom & rss feed -->
    <link href="/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
    <link href="/rss.xml" type="application/rss+xml" rel="alternate" title="Sitewide RSS Feed">

    <link href="/assets/themes/adrian3/css/bootstrap.css" rel="stylesheet">
    <link href="/assets/themes/adrian3/css/sticky-footer-navbar.css" rel="stylesheet">
    <link href="/assets/themes/adrian3/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
  <script src="/assets/themes/adrian3/extras/html5shiv.js"></script>
  <script src="/assets/themes/adrian3/extras/respond.min.js"></script>
  <![endif]-->

    <link href='http://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700|Montserrat:400,700' rel='stylesheet' type='text/css'>

    <style type="text/css" media="screen">
    #design,
    #apps,
    #contact,
    #photos {
        display: none;
    }
    #design,
    #photos {
        padding-top: 60px;
    }
    .spamcatcher {
        display: none;
    }
    </style>


  <style type="text/css" media="screen">
  #design, #apps, #contact, #photos {
    display: none;
  }
  #design, #photos {
    padding-top: 60px;
  }
  .spamcatcher {display: none;}
  </style>
<!-- start Mixpanel --><script type="text/javascript">(function(f,b){if(!b.__SV){var a,e,i,g;window.mixpanel=b;b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.track_charge people.clear_charges people.delete_user".split(" ");
for(g=0;g<i.length;g++)f(c,i[g]);b._i.push([a,e,d])};b.__SV=1.2;a=f.createElement("script");a.type="text/javascript";a.async=!0;a.src="//cdn.mxpnl.com/libs/mixpanel-2.2.min.js";e=f.getElementsByTagName("script")[0];e.parentNode.insertBefore(a,e)}})(document,window.mixpanel||[]);
mixpanel.init("2d39ab5186e99d63de95ba166ada1e66");</script><!-- end Mixpanel -->

</head>

<body>
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-focus-on="input:first">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">
                    <div class="modal-description"></div>
                    <div class="modal-work"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!-- Wrap all page content here -->
    <div id="wrap">

       
    <!-- Fixed navbar -->
    <div class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="home navbar-brand" href="index.html"><span class="glyphicon glyphicon-fire"></span> Adrian3.com</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-right">
            <!-- <li class="active"><a href="archive.html">Blog</a></li> -->
<!--             <li class="apps"><a href="index.html#about">Apps</a></li>
            <li class="design"><a href="index.html#design">Design</a></li>
            <li class="photos"><a href="index.html#photos">Photography</a></li> -->
            <!-- <li class="contact"><a href="#contact">Contact</a></li> -->
            <li class="dropdown">
             <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-list"></span></a>
             <ul class="dropdown-menu">
              <!-- <li><a href="#">Blog Archive</a></li> -->
              <!-- <li><a href="http://foundphotography.com">Photo Blog</a></li> -->
              <!-- <li><a class="contact" href="#contact">Contact Me</a></li> -->
              <li><a href="https://twitter.com/ade3">Twitter</a></li>
              <li><a href="http://instagram.com/ade3">Instagram</a></li>
              <li><a href="https://medium.com/@ade3">Medium</a></li>
              <li><a href="http://www.flickr.com/photos/foundphotography/">Flickr</a></li>
              <li><a href="http://dribbble.com/adrian3">Dribbble</a></li>
              <li><a href="http://www.linkedin.com/in/adrianhanft">LinkedIn</a></li>
              <!-- <li><a href="http://www.last.fm/user/adrianhanft/">LastFM</a></li> -->
              <li><a href="https://vimeo.com/ade3">Vimeo</a></li>
              <li><a href="http://profiles.wordpress.org/adrian3/">WP-Plugins</a></li>
              <li><a href="https://github.com/adrian3">Github</a></li>
              <!-- <li><a href="http://www.youtube.com/user/AdrianHanft">YouTube</a></li>    -->
              <!-- <li><a href="http://pinterest.com/ade3/">Pinterest</a></li> -->
              <!-- <li><a href="http://www.thefancy.com/adran3">Fancy</a></li> -->
              <!-- <li><a href="http://klout.com/#/ade3">Klout</a></li> -->
              <!-- <li><a href="http://forrst.me/adrian3">Forrst</a></li> -->
              <!-- <li><a href="http://www.facebook.com/profile.php?id=624307455">Facebook</a></li> -->
            </ul>
          </li>
        </ul>
      </div><!--/.nav-collapse -->
    </div>
  </div>


  <!-- Begin page content -->
  <div class="container">
   <div class="content">

    <!-- Page -->
    <div id="page">

    <h2>404 Error</h2>
<p>Sorry, this page doesn't exist. <a href="/">Would you like to visit the homepage?</a></p>

      </div>

    </div><!-- end content -->
  </div>
</div>


<div id="footer">
  <div class="container">
   <p class="text-muted credit"><span class="hidewhensmall">Follow me:</span> <a href="https://twitter.com/ade3">Twitter</a> | <a href="http://instagram.com/ade3">Instagram</a> | <a href="http://dribbble.com/adrian3">Dribbble</a></p>
 </div>
</div>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="/assets/themes/adrian3/js/bootstrap.min.js"></script>
<script src="/assets/themes/adrian3/js/popup.js"></script>
<script src="/assets/themes/adrian3/js/behance.js"></script>
<script src="/assets/themes/adrian3/js/jquery.validate.min.js"></script>
<script src="/assets/themes/adrian3/js/spectragram.min.js"></script>
<script>
// Spam protection (the contact form can't submit unless you click on something with a contact class on it. Clicking on a contact class adds the number 19 to the correct required field which is hidden.)
$("#commentForm").validate({
  rules: {
    spamcatcher: {
      required: true,
      range: [19, 19]
    }
  }
});

jQuery.fn.spectragram.accessData = {
  accessToken: '963801.c7d3a12.a97e2c950ea04acdbd3f5b9453024dd5',
  clientID: 'c7d3a12afe7b4b7a8660d61a789d1593'
};
function loadProject(projectID) {
  behanceAPI.getProjectDetails(projectID, function(loadModules) {
    var moduleHTML = "";

    var moduleTitle = "";
    moduleTitle += "<h1>" + loadModules.name + "</h1>";
    $("#myModalLabel").html(moduleTitle);

    var moduleDescription = "";
    moduleDescription += "<p>" + loadModules.description + "</p>";
    $(".modal-description").html(moduleDescription);

    for(var i=0; i<loadModules.modules.length; i++) {
      if(loadModules.modules[i].src!=undefined) {
        moduleHTML += "<p><img class='img-responsive' src='" + loadModules.modules[i].src + "'>";
        moduleHTML += "</p>";
      }
    }
    $(".modal-work").html(moduleHTML);
    $('#myModal').modal('show');
  });
}
function collapseNavbarIfOpen() {
 var navbar_toggle = $('.navbar-toggle');
 if (navbar_toggle.is(':visible')) {
  navbar_toggle.trigger('click');
}
}

function designTab() {
    collapseNavbarIfOpen();
  $('#photos').hide();
  $('.photos').removeClass('active');
  $('#contact').hide();
  $('.contact').removeClass('active');
  $('#apps').hide();
  $('.apps').removeClass('active');
  $('#home').hide();
  $('.home-logo').removeClass('active');

  $('#design').fadeIn('fast');
  $('.design').addClass('active');

  $('.home-logo .glyphicon').removeClass('glyphicon-tower').removeClass('glyphicon-fire').removeClass('glyphicon-send').removeClass('glyphicon-eye-open').removeClass('glyphicon-flash').removeClass('glyphicon-camera');
  $('.home-logo .glyphicon').addClass('glyphicon-eye-open');
}
</script>


<script type="text/javascript" charset="utf-8">
$(document).ready(function() {

$('#myModal').on('hidden.bs.modal', function (e) {
  designTab();
})

  $('.instagram').spectragram('getUserFeed',{
    query: 'hanft adrian',
    max: 12,
    size: 'small',
    wrapEachWith: '<span></span>'
  });
});

behanceAPI.setKey(behancekey);
behanceAPI.getProjects("adrian3", function(projectlist) {

  var projectHTML = "";
  for(var i=0; i<projectlist.length; i++) {
    var project = projectlist[i];
      // projectHTML += "<h2>" + project.name + "</h2>";
      projectHTML += "<a href='#' onclick='loadProject(" + project.id + ")'><img class='coverimage' src='" + project.covers[202] + "'></a>";
    }
    $("#projects").html(projectHTML);
  });

$('.contact').click(function() {
mixpanel.track("Contact Link Clicked");
  $("#spamcatcher").val(19); // Spam protection (the contact form can't submit unless you click on something with a contact class on it.)

  collapseNavbarIfOpen();
  $('#photos').hide();
  $('.photos').removeClass('active');
  $('#design').hide();
  $('.design').removeClass('active');
  $('#apps').hide();
  $('.apps').removeClass('active');
  $('#home').hide();
  $('.home-logo').removeClass('active');

  $('#contact').fadeIn('fast');
  $('.contact').addClass('active');

  $('.home-logo .glyphicon').removeClass('glyphicon-tower').removeClass('glyphicon-fire').removeClass('glyphicon-send').removeClass('glyphicon-eye-open').removeClass('glyphicon-flash').removeClass('glyphicon-camera');
  $('.home-logo .glyphicon').addClass('glyphicon-send');
});
$('.home-logo').click(function() {
mixpanel.track("Home Link Clicked");
 collapseNavbarIfOpen();
 $('#photos').hide();
 $('.photos').removeClass('active');
 $('#contact').hide();
 $('.contact').removeClass('active');
 $('#design').hide();
 $('.design').removeClass('active');
 $('#apps').hide();
 $('.apps').removeClass('active');

 $('#home').fadeIn('fast');
 $('.home-logo').addClass('active');

 $('.home-logo .glyphicon').removeClass('glyphicon-tower').removeClass('glyphicon-fire').removeClass('glyphicon-send').removeClass('glyphicon-eye-open').removeClass('glyphicon-flash').removeClass('glyphicon-camera');
 $('.home-logo .glyphicon').addClass('glyphicon-fire');
});
$('.apps').click(function() {
mixpanel.track("App Link Clicked");
 collapseNavbarIfOpen();
 $('#photos').hide();
 $('.photos').removeClass('active');
 $('#contact').hide();
 $('.contact').removeClass('active');
 $('#design').hide();
 $('.design').removeClass('active');
 $('#home').hide();
 $('.home-logo').removeClass('active');

 $('#apps').fadeIn('fast');
 $('.apps').addClass('active');

 $('.home-logo .glyphicon').removeClass('glyphicon-tower').removeClass('glyphicon-fire').removeClass('glyphicon-send').removeClass('glyphicon-eye-open').removeClass('glyphicon-flash').removeClass('glyphicon-camera');
 $('.home-logo .glyphicon').addClass('glyphicon-tower');
});
$('.design').click(function() {
mixpanel.track("Design Link Clicked");
  designTab();
});
$('.photos').click(function() {
mixpanel.track("Photos Link Clicked");
  collapseNavbarIfOpen();
  $('#contact').hide();
  $('.contact').removeClass('active');
  $('#design').hide();
  $('.design').removeClass('active');
  $('#apps').hide();
  $('.apps').removeClass('active');
  $('#home').hide();
  $('.home-logo').removeClass('active');

  $('#photos').fadeIn();
  $('.photos').addClass('active');

  $('.home-logo .glyphicon').removeClass('glyphicon-tower').removeClass('glyphicon-fire').removeClass('glyphicon-send').removeClass('glyphicon-eye-open').removeClass('glyphicon-flash');
  $('.home-logo .glyphicon').addClass('glyphicon-camera');
});
</script>

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3989583-7']);
_gaq.push(['_trackPageview']);

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>

</html>

