<commit_before><!DOCTYPE html>
<html lang="en-ca">
<head>
  <title><NAME> · Multidisciplinary Designer/Artist · Ottawa, Canada</title>

  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="HandheldFriendly" content="True">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="description" content="<NAME>, Multidisciplinary Artist and Designer in Canada's Capital, Ottawa">
  <meta property="og:type" content="article">
  <meta property="og:title" content="<NAME> · Multidisciplinary Artist/Designer · Ottawa, Canada">
  <meta property="og:description" content="<NAME>, Multidisciplinary Artist and Designer in the Canada's Capital, Ottawa">
  <meta property="og:site_name" content="<NAME>">
  <meta property="og:url" content="http://alexandermartin.ca">
  <meta property="og:image" content="http://alexandermartin.ca/img/liquido">
  <meta property="og:image" content="http://alexandermartin.ca/img/folgers">
  <meta property="og:image" content="http://alexandermartin.ca/img/handpick">
  <meta property="og:image" content="http://alexandermartin.ca/img/mars">
  <meta property="og:image" content="http://alexandermartin.ca/img/laramie">
  <meta name="twitter:card" content="gallery">
  <meta name="twitter:title" content="<NAME> · Multidisciplinary Artist/Designer · Ottawa, Canada">
  <meta name="twitter:url" content="http://alexandermartin.ca">
  <meta name="twitter:description" content="<NAME>, Multidisciplinary Artist and Designer in Canada's Capital, Ottawa">
  <meta name="twitter:image0" content="http://alexandermartin.ca/img/liquido">
  <meta name="twitter:image1" content="http://alexandermartin.ca/img/folgers">
  <meta name="twitter:image2" content="http://alexandermartin.ca/img/handpick">
  <meta name="twitter:image3" content="http://alexandermartin.ca/img/mars">
  <meta name="twitter:image4" content="http://alexandermartin.ca/img/laramie">

  <link rel="shortcut icon" href="favicon.ico">
    <!--*´¨`*.¸¸.*´¨`*.¸Styles*´¨`*.¸¸.*´¨`*.¸-->
  <link href="css/reset.css" rel="stylesheet">
  <link href="css/typography.css" rel="stylesheet">
  <link href="css/header.css" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">
  <link href="css/grid.css" rel="stylesheet">
  <link href="css/embed.css" rel="stylesheet">
  <link href="css/common.css" rel="stylesheet">
  <link href="css/cubeportfolio.css" rel="stylesheet">

  <!--*´¨`*.¸¸.*´¨`*.¸ Fonts *´¨`*.¸¸.*´¨`*.¸-->
  <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic|Raleway:400,900,800,700,600,500,300,200,100' rel='stylesheet' type='text/css'>

  <!--*´¨`*.¸¸.*´¨`*.¸Scripts*´¨`*.¸¸.*´¨`*.¸-->
<script type="text/javascript">
  if (typeof jQuery == 'undefined')
    document.write(unescape("%3Cscript src='js/jquery-1.9.js'" +
                              "type='text/javascript'%3E%3C/script%3E"))
</script>
<script type="text/javascript" src="js/trunk.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->

</head>

<body>

  <div class="container">

    <header class="slide" role="banner">
      <ul id="navToggle" class="burger slide">
        <li></li><li></li><li></li>
      </ul>
      <h1 class="logo-wrapper"><a href="index.html" class="logo"><span id="myName"><NAME></span></a></h1>
    </header>

    <nav class="slide" role="navigation">
      <ul>
        <li><a href="#work" class="active">WORK</a></li>
        <li><a href="#about">ABOUT</a></li>
        <li><a href="mailto:<EMAIL>">CONTACT</a></li>
      </ul>
        <ul class="social">
        <li>
            <a class="ease-all" href="https://www.behance.net/alex_martin" target="new">
                <i class="fa fa-behance"></i>
                <span class="hide-text">Behance</span>
            </a>
        </li>

        <li>
            <a class="ease-all" href="https://twitter.com/polypilos" target="new">
                <i class="fa fa-twitter"></i>
                <span class="hide-text">Twitter</span>
            </a>
        </li>
        </ul>
        <ul class="social">
        <li>
            <a class="ease-all" href="https://vimeo.com/user18179577" target="new">
                <i class="fa fa-vimeo-square"></i>
                <span class="hide-text">Vimeo</span>
            </a>
        </li>
        <li>
            <a class="ease-all" href="https://www.linkedin.com/pub/alex-martin/41/9a3/88" target="new">
                <i class="fa fa-linkedin"></i>
                <span class="hide-text">LinkedIn</span>
            </a>
        </li>
        </ul>
    </nav>

    <div class="content slide">     <!--  Add "slideRight" class to items that move right when viewing Nav Drawer  -->
    <div class="responsive">
      <div class="header-section">
        <div class="banner">
          <div class="banner-img"></div>
          <div class="intro-wrap island-1-2">
            <p class="intro giga push-0">Each new horizon brings fresh beginnings and a chance to redefine one's practice.</p>
          </div>
        </div>
      </div>

      <div class="body-section demo-lightbox-gallery" id="work" role="main">
        <h2 class="island">Work</h2>

        <div id="grid-container" class="cbp-l-grid-gallery">
            <ul>
                <li class="cbp-item print">
                    <a href="ajax/project1.html" class="cbp-caption cbp-singlePageInline"
                       data-title="Hand-Made Type Book">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/liquido.jpg" alt="Pyrography closeup">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">Liquido Animi</div>
                                    <div class="cbp-l-caption-desc">Hand-Made Typography</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item web-design">
                    <a href="ajax/project2.html" class="cbp-caption cbp-singlePageInline"
                       data-title="Mountain Grown Folgers<br>Package Design">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/folgers.jpg" alt="Folgers package closeup">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">Mountain Grown Folgers</div>
                                    <div class="cbp-l-caption-desc">Package Design</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item print motion">
                    <a href="ajax/project3.html" class="cbp-caption cbp-singlePageInline"
                       data-title="HandPick Recruitment<br>Logo Design">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/handpick.jpg" alt="HandPick logo">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">HandPick Recruitment</div>
                                    <div class="cbp-l-caption-desc">Logo Design</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item web-design print">
                    <a href="ajax/project4.html" class="cbp-caption cbp-singlePageInline"
                       data-title="Mars Venture<br>E-Publication">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/mars.jpg" alt="Mars Venture e-publication">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">Mars Venture</div>
                                    <div class="cbp-l-caption-desc">E-Publication</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item motion">
                    <a href="ajax/project5.html" class="cbp-caption cbp-singlePageInline"
                       data-title="The Laramie Project<br>Theatre Poster">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/laramie.jpg" alt="The Laramie Project poster">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">The Laramie Project</div>
                                    <div class="cbp-l-caption-desc">Theatre Poster</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item print motion">
                    <a href="ajax/project6.html" class="cbp-caption cbp-singlePageInline"
                       data-title="FX Fearless<br>Broadcast Package">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/fearless.jpg" alt="Styleframe of broadcast package">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">FX Fearless</div>
                                    <div class="cbp-l-caption-desc">Broadcast Package</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item web-design print">
                    <a href="ajax/project7.html" class="cbp-caption cbp-singlePageInline"
                       data-title="Flame &amp; Citron<br>Movie Poster">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/citron.jpg" alt="Flame and Citron closeup">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">Flame &amp; Citron</div>
                                    <div class="cbp-l-caption-desc">Movie Poster</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item print">
                    <a href="ajax/project8.html" class="cbp-caption cbp-singlePageInline"
                       data-title="Showreel 2014<br>Motion Graphics">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/showreel.jpg" alt="Animated logo screenshot">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">Showreel 2014</div>
                                    <div class="cbp-l-caption-desc">Motion Graphics</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
      </div>
      <div class="body-section" id="about" role="complementary">
        <h2 class="island">About</h2>
        <div id="talk">
          <img class="flex-img pad-b-1-2 profile" src="img/profile.jpg" alt="Portrait photo of <NAME>" align="left">
          <h3 class="gutter">My name is <NAME> and I believe that...</h3>
          <p class="why pad-b column2 island">Imagination is a defining feature that we as humans possess, allowing us to transcend our own reality and discover that we have no boundaries. Art is one way to harness this freedom of thought and present it in a tangible form of communication. Design unfurls the abstraction of art into a transparent plane of understanding. For me, design is a method of widespread dissemination that provides windows into a global network of ideas that I want to be a part of.</p>
        </div>
      </div>
        <footer id="contact" role="contentinfo">
          <div class="footer-section">
            <ul class="social social2">
            <li>
                <a class="ease-all" href="https://www.behance.net/alex_martin" target="_blank">
                    <i class="fa fa2 fa-behance behance2"></i>
                    <span class="hide-text">Facebook</span>
                </a>
            </li>

            <li>
                <a class="ease-all" href="https://twitter.com/polypilos" target="_blank">
                    <i class="fa fa2 fa-twitter"></i>
                    <span class="hide-text">Twitter</span>
                </a>
            </li>
            <li>
                <a class="ease-all" href="https://vimeo.com/user18179577" target="_blank">
                    <i class="fa fa2 fa-vimeo-square"></i>
                    <span class="hide-text">Youtube</span>
                </a>
            </li>
            <li>
                <a class="ease-all" href="https://www.linkedin.com/pub/alex-martin/41/9a3/88" target="_blank">
                    <i class="fa fa2 fa-linkedin"></i>
                    <span class="hide-text">Youtube</span>
                </a>
            </li>
            <li>
              <a href="mailto:<EMAIL>"><title><EMAIL></title>
                <i class="fa fa-envelope"></i>
                <span class="hide-text">Email</span>
              </a>
            </li>
          </ul>

          <div>
            <p class="push-0 footer__copyright"><small>© <NAME>, 2014</small></p>
          </div>
          </div>
        </footer>
        </div>

      </div>

</div>

    <!-- load jquery -->
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>

    <!-- load cubeportfolio plugin -->
    <script src="js/jquery.cubeportfolio.js"></script>

    <!-- load main js -->
    <script src="js/main.js"></script>

<script>
$(function(){
    $('header').data('size','big');
});

$(window).scroll(function(){
    var $nav = $('header');
    if ($('body').scrollTop() > 0) {
        if ($nav.data('size') == 'big') {
            $nav.data('size','small').stop().animate({
                height:'60px'
            }, 600);

        }
        $('#myName').hide();
    } else {
        if ($nav.data('size') == 'small') {
            $nav.data('size','big').stop().animate({
                height:'80px'
            }, 600);

        }
 $('#myName').show();
    }
});
</script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-57487112-1', 'auto');
  ga('send', 'pageview');

</script>

</body>
</html>
<commit_msg>docs(html):  reword about section<commit_after><!DOCTYPE html>
<html lang="en-ca">
<head>
  <title><NAME> · Multidisciplinary Designer/Artist · Ottawa, Canada</title>

  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="HandheldFriendly" content="True">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="description" content="<NAME>, Multidisciplinary Artist and Designer in Canada's Capital, Ottawa">
  <meta property="og:type" content="article">
  <meta property="og:title" content="<NAME> · Multidisciplinary Artist/Designer · Ottawa, Canada">
  <meta property="og:description" content="<NAME>, Multidisciplinary Artist and Designer in the Canada's Capital, Ottawa">
  <meta property="og:site_name" content="<NAME>">
  <meta property="og:url" content="http://alexandermartin.ca">
  <meta property="og:image" content="http://alexandermartin.ca/img/liquido">
  <meta property="og:image" content="http://alexandermartin.ca/img/folgers">
  <meta property="og:image" content="http://alexandermartin.ca/img/handpick">
  <meta property="og:image" content="http://alexandermartin.ca/img/mars">
  <meta property="og:image" content="http://alexandermartin.ca/img/laramie">
  <meta name="twitter:card" content="gallery">
  <meta name="twitter:title" content="<NAME> · Multidisciplinary Artist/Designer · Ottawa, Canada">
  <meta name="twitter:url" content="http://alexandermartin.ca">
  <meta name="twitter:description" content="<NAME>, Multidisciplinary Artist and Designer in Canada's Capital, Ottawa">
  <meta name="twitter:image0" content="http://alexandermartin.ca/img/liquido">
  <meta name="twitter:image1" content="http://alexandermartin.ca/img/folgers">
  <meta name="twitter:image2" content="http://alexandermartin.ca/img/handpick">
  <meta name="twitter:image3" content="http://alexandermartin.ca/img/mars">
  <meta name="twitter:image4" content="http://alexandermartin.ca/img/laramie">

  <link rel="shortcut icon" href="favicon.ico">
    <!--*´¨`*.¸¸.*´¨`*.¸Styles*´¨`*.¸¸.*´¨`*.¸-->
  <link href="css/reset.css" rel="stylesheet">
  <link href="css/typography.css" rel="stylesheet">
  <link href="css/header.css" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">
  <link href="css/grid.css" rel="stylesheet">
  <link href="css/embed.css" rel="stylesheet">
  <link href="css/common.css" rel="stylesheet">
  <link href="css/cubeportfolio.css" rel="stylesheet">

  <!--*´¨`*.¸¸.*´¨`*.¸ Fonts *´¨`*.¸¸.*´¨`*.¸-->
  <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic|Raleway:400,900,800,700,600,500,300,200,100' rel='stylesheet' type='text/css'>

  <!--*´¨`*.¸¸.*´¨`*.¸Scripts*´¨`*.¸¸.*´¨`*.¸-->
<script type="text/javascript">
  if (typeof jQuery == 'undefined')
    document.write(unescape("%3Cscript src='js/jquery-1.9.js'" +
                              "type='text/javascript'%3E%3C/script%3E"))
</script>
<script type="text/javascript" src="js/trunk.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->

</head>

<body>

  <div class="container">

    <header class="slide" role="banner">
      <ul id="navToggle" class="burger slide">
        <li></li><li></li><li></li>
      </ul>
      <h1 class="logo-wrapper"><a href="index.html" class="logo"><span id="myName"><NAME></span></a></h1>
    </header>

    <nav class="slide" role="navigation">
      <ul>
        <li><a href="#work" class="active">WORK</a></li>
        <li><a href="#about">ABOUT</a></li>
        <li><a href="mailto:<EMAIL>">CONTACT</a></li>
      </ul>
        <ul class="social">
        <li>
            <a class="ease-all" href="https://www.behance.net/alex_martin" target="new">
                <i class="fa fa-behance"></i>
                <span class="hide-text">Behance</span>
            </a>
        </li>

        <li>
            <a class="ease-all" href="https://twitter.com/polypilos" target="new">
                <i class="fa fa-twitter"></i>
                <span class="hide-text">Twitter</span>
            </a>
        </li>
        </ul>
        <ul class="social">
        <li>
            <a class="ease-all" href="https://vimeo.com/user18179577" target="new">
                <i class="fa fa-vimeo-square"></i>
                <span class="hide-text">Vimeo</span>
            </a>
        </li>
        <li>
            <a class="ease-all" href="https://www.linkedin.com/pub/alex-martin/41/9a3/88" target="new">
                <i class="fa fa-linkedin"></i>
                <span class="hide-text">LinkedIn</span>
            </a>
        </li>
        </ul>
    </nav>

    <div class="content slide">     <!--  Add "slideRight" class to items that move right when viewing Nav Drawer  -->
    <div class="responsive">
      <div class="header-section">
        <div class="banner">
          <div class="banner-img"></div>
          <div class="intro-wrap island-1-2">
            <p class="intro giga push-0">Each new horizon brings fresh beginnings and a chance to redefine one's practice.</p>
          </div>
        </div>
      </div>

      <div class="body-section demo-lightbox-gallery" id="work" role="main">
        <h2 class="island">Work</h2>

        <div id="grid-container" class="cbp-l-grid-gallery">
            <ul>
                <li class="cbp-item print">
                    <a href="ajax/project1.html" class="cbp-caption cbp-singlePageInline"
                       data-title="Hand-Made Type Book">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/liquido.jpg" alt="Pyrography closeup">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">Liquido Animi</div>
                                    <div class="cbp-l-caption-desc">Hand-Made Typography</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item web-design">
                    <a href="ajax/project2.html" class="cbp-caption cbp-singlePageInline"
                       data-title="Mountain Grown Folgers<br>Package Design">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/folgers.jpg" alt="Folgers package closeup">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">Mountain Grown Folgers</div>
                                    <div class="cbp-l-caption-desc">Package Design</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item print motion">
                    <a href="ajax/project3.html" class="cbp-caption cbp-singlePageInline"
                       data-title="HandPick Recruitment<br>Logo Design">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/handpick.jpg" alt="HandPick logo">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">HandPick Recruitment</div>
                                    <div class="cbp-l-caption-desc">Logo Design</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item web-design print">
                    <a href="ajax/project4.html" class="cbp-caption cbp-singlePageInline"
                       data-title="Mars Venture<br>E-Publication">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/mars.jpg" alt="Mars Venture e-publication">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">Mars Venture</div>
                                    <div class="cbp-l-caption-desc">E-Publication</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item motion">
                    <a href="ajax/project5.html" class="cbp-caption cbp-singlePageInline"
                       data-title="The Laramie Project<br>Theatre Poster">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/laramie.jpg" alt="The Laramie Project poster">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">The Laramie Project</div>
                                    <div class="cbp-l-caption-desc">Theatre Poster</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item print motion">
                    <a href="ajax/project6.html" class="cbp-caption cbp-singlePageInline"
                       data-title="FX Fearless<br>Broadcast Package">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/fearless.jpg" alt="Styleframe of broadcast package">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">FX Fearless</div>
                                    <div class="cbp-l-caption-desc">Broadcast Package</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item web-design print">
                    <a href="ajax/project7.html" class="cbp-caption cbp-singlePageInline"
                       data-title="Flame &amp; Citron<br>Movie Poster">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/citron.jpg" alt="Flame and Citron closeup">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">Flame &amp; Citron</div>
                                    <div class="cbp-l-caption-desc">Movie Poster</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="cbp-item print">
                    <a href="ajax/project8.html" class="cbp-caption cbp-singlePageInline"
                       data-title="Showreel 2014<br>Motion Graphics">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/showreel.jpg" alt="Animated logo screenshot">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignLeft">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-title">Showreel 2014</div>
                                    <div class="cbp-l-caption-desc">Motion Graphics</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
      </div>
      <div class="body-section" id="about" role="complementary">
        <h2 class="island">About</h2>
        <div id="talk">
          <img class="flex-img pad-b-1-2 profile" src="img/profile.jpg" alt="Portrait photo of <NAME>" align="left">
          <h3 class="gutter">My name is <NAME> and I believe that...</h3>
          <p class="why pad-b column2 island">Imagination is a defining feature that we as humans possess, allowing us to transcend our own reality and discover that we have no boundaries. Art is one way to harness this freedom of thought and present it in a tangible form of communication. Design unfurls the abstraction of art into a transparent plane of understanding. For me, design is a means of widespread dissemination that provides windows into a global network of ideas that I want to be a part of.</p>
        </div>
      </div>
        <footer id="contact" role="contentinfo">
          <div class="footer-section">
            <ul class="social social2">
            <li>
                <a class="ease-all" href="https://www.behance.net/alex_martin" target="_blank">
                    <i class="fa fa2 fa-behance behance2"></i>
                    <span class="hide-text">Facebook</span>
                </a>
            </li>

            <li>
                <a class="ease-all" href="https://twitter.com/polypilos" target="_blank">
                    <i class="fa fa2 fa-twitter"></i>
                    <span class="hide-text">Twitter</span>
                </a>
            </li>
            <li>
                <a class="ease-all" href="https://vimeo.com/user18179577" target="_blank">
                    <i class="fa fa2 fa-vimeo-square"></i>
                    <span class="hide-text">Vimeo</span>
                </a>
            </li>
            <li>
                <a class="ease-all" href="https://www.linkedin.com/pub/alex-martin/41/9a3/88" target="_blank">
                    <i class="fa fa2 fa-linkedin"></i>
                    <span class="hide-text">LinkedIn</span>
                </a>
            </li>
            <li>
              <a href="mailto:<EMAIL>"><title><EMAIL></title>
                <i class="fa fa-envelope"></i>
                <span class="hide-text">Email</span>
              </a>
            </li>
          </ul>

          <div>
            <p class="push-0 footer__copyright"><small>© <NAME>, 2014</small></p>
          </div>
          </div>
        </footer>
        </div>

      </div>

</div>

    <!-- load jquery -->
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>

    <!-- load cubeportfolio plugin -->
    <script src="js/jquery.cubeportfolio.js"></script>

    <!-- load main js -->
    <script src="js/main.js"></script>

<script>
$(function(){
    $('header').data('size','big');
});

$(window).scroll(function(){
    var $nav = $('header');
    if ($('body').scrollTop() > 0) {
        if ($nav.data('size') == 'big') {
            $nav.data('size','small').stop().animate({
                height:'60px'
            }, 600);

        }
        $('#myName').hide();
    } else {
        if ($nav.data('size') == 'small') {
            $nav.data('size','big').stop().animate({
                height:'80px'
            }, 600);

        }
 $('#myName').show();
    }
});
</script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-57487112-1', 'auto');
  ga('send', 'pageview');

</script>

</body>
</html>

{'fraction_non_alphanumeric': 0.1626553263361081, 'fraction_numerical': 0.009108456991193148, 'mean_word_length': 1.6019775563054226, 'pattern_counts': {'":': 0, '<': 771, '<?xml version=': 0, '>': 773, 'https://': 16, 'lorem ipsum': 0, 'www.': 10, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 66, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '163178', 'n_tokens_mistral': 10176, 'n_tokens_neox': 9581, 'n_words': 1741}