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

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

        <link rel="icon" href="favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>          <title><NAME> / Visual Communication</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->

    <link href="css/timmeko.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav class="navbar  navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="index.html">
                    <div id="logo">
                        <?xml version="1.0" encoding="utf-8" ?>
                        <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
                        <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
                        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 472.7 47.8" enable-background="new 0 0 472.7 47.8" xml:space="preserve">
                            <polygon points="143,0 0,0 0,47.8 13.6,34 143,34 " />
                            <text class="title-name" transform="matrix(1 0 0 1 6.5537 25.5117)" fill="#FFFFFF" font-family="'Lato-Black'" font-size="23.7319" letter-spacing="1">TIM MEKO</text>
                            <text class="title-vis" transform="matrix(1 0 0 1 151.0425 25.5117)" fill="#00B7F4" font-family="'Lato-Light'" font-size="23.7319" letter-spacing="1">VISUAL COMMUNICATION</text>
                        </svg>
                    </div>
                </a>

            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="infographics.html">Infographics</a>
                    </li>
                    <li>
                        <a href="maps.html">Maps</a>
                    </li>
                    <li>
                        <a href="illustration.html">Illustration</a>
                    </li>
                    <li>
                        <a href="design.html">Design</a>
                    </li>
                    <li>
                        <a href="dataviz.html">Dataviz</a>
                    </li>
                    <li>
                        <a href="about.html">About</a>
                    </li>
                    <li>
                        <a href="contact.html">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Page Content -->
    <div class="container spacer">
        
        
        <div class="col-md-7 offset-2">
        <h1>About Tim</h1>
        <p>I’m an dataviz and multimedia designer from Washington, D.C. Currently, I am the design and visuals manager at the Urban Institute, a non-partisan social and economic research institution. At Urban, I lead a team of designers that distill complex information into visually digestible presentations. My team and I have lead the intstitute into a new age of visual storytelling, while updating the organizations visual brand identity as well as the web site.
            </p><p>Previous to my time at Urban, I was the Creative Director at the NEED Project, a small non-profit that works with K-12 students across the country, teaching them about energy — everything ranging from wind and natural gas to the physics of light, sound and motion.
</p><p>
Before moving to Washington, I was an Infographics Artist at The Columbus Dispatch, a major metropolitan newspaper and central Ohio’s most popular web site. I started at The Dispatch in 2007 as I was finishing my Master’s degree in Photography at Ohio University’s School of Visual Communication. My master’s project explored the impact of multimedia on the design of national news web sites during the 2008 presidential election.
</p><p>
My backgrounds in computer science, art, design, and journalism have provided me with a unique set of skills that keep me on the cutting edge of new media technology and visual communication. I’m very quick to adapt to any new situation and I’m a voracious learner. I am detail oriented, a clear and concise editor, and cool under deadline. I’ve been a leader at every step in my career, whether it was by creating my own Digital Imaging major at Transylvania University (which was later adopted as a standard major), teaching multiple courses at Ohio University, or by being selected to be a member of the Digital Futures Group at The Columbus Dispatch, helping shape the future of journalism. Now I lead Urban Institute's visuals group, and set visual standards for the entire organization.
</p><p>
I’m happily married to my wife, Leslie, a Veterinarian practicing in Arlington, Virginia. We recently had our first child, Eleanor, who keeps us on our toes. We’ve got two dogs, Bonnie and Vernon, and two cats, Trudie and Charlie. I love to cook anything that takes more than six hours to make: I’ve won awards for my chili recipe, I’m an avid backyard barbecue enthusiast, and have recently started brewing my own beer.
</p>
            <p>Cheers!</p>
            </div>
                <div class="col-md-3 spacer">
                    <img src="img/11130101_692870126303_222769530982943254_n.jpg" style="max-width:100%">
</div>
    </div>
    <!-- /.container -->
    <footer>
        <div class="container">
            <div class="col-lg-12">
                <h4><a href="http://www.twitter.com/timmeko" target="_blank" class="footer-link"><i class="fa fa-twitter"></i></a> <a href="https://www.linkedin.com/in/timmeko " target="_blank" class="footer-link"><i class="fa fa-linkedin"></i></a> <a href="https://www.behance.net/timmeko" target="_blank" class="footer-link"><i class="fa fa-behance"></i></a> <a href="http://www.github.com/timmeko" target="_blank" class="footer-link"><i class="fa fa-github"></i></a></h4>                     <p>If you would like to use content on this site for your own purposes, please <a href="contact.html">contact me</a> and I'll make sure that you get the highest quality version. Please note that some work cannot be redistributed due to copyright held by the client.</p>
            </div>
        </div>

    </footer>
    <!-- jQuery Version 1.11.1 -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

</body>

</html><commit_msg>about page<commit_after><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

        <link rel="icon" href="favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>          <title><NAME> / Visual Communication</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->

    <link href="css/timmeko.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav class="navbar  navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="index.html">
                    <div id="logo">
                        <?xml version="1.0" encoding="utf-8" ?>
                        <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
                        <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
                        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 472.7 47.8" enable-background="new 0 0 472.7 47.8" xml:space="preserve">
                            <polygon points="143,0 0,0 0,47.8 13.6,34 143,34 " />
                            <text class="title-name" transform="matrix(1 0 0 1 6.5537 25.5117)" fill="#FFFFFF" font-family="'Lato-Black'" font-size="23.7319" letter-spacing="1"><NAME></text>
                            <text class="title-vis" transform="matrix(1 0 0 1 151.0425 25.5117)" fill="#00B7F4" font-family="'Lato-Light'" font-size="23.7319" letter-spacing="1">VISUAL COMMUNICATION</text>
                        </svg>
                    </div>
                </a>

            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="infographics.html">Infographics</a>
                    </li>
                    <li>
                        <a href="maps.html">Maps</a>
                    </li>
                    <li>
                        <a href="illustration.html">Illustration</a>
                    </li>
                    <li>
                        <a href="design.html">Design</a>
                    </li>
                    <li>
                        <a href="dataviz.html">Dataviz</a>
                    </li>
                    <li>
                        <a href="about.html">About</a>
                    </li>
                    <li>
                        <a href="contact.html">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Page Content -->
    <div class="container spacer">
        
        
        <div class="col-md-7 offset-2">
        <h1>About Tim</h1>
        <p>I’m an dataviz and multimedia designer from Washington, D.C. Currently, I am the design and visuals manager at the Urban Institute, a non-partisan social and economic research institution. At Urban, I lead a team of designers that distill complex information into visually digestible presentations. My team and I have lead the intstitute into a new age of visual storytelling, while updating the organizations visual brand identity as well as the web site.
            </p><p>Previous to my time at Urban, I was the Creative Director at the NEED Project, a small non-profit that works with K-12 students across the country, teaching them about energy — everything ranging from wind and natural gas to the physics of light, sound and motion.
</p><p>
Before moving to Washington, I was an Infographics Artist at <a href="http://www.dispatch.com" target="_blank"><em>The Columbus Dispatch,</em></a> a major metropolitan newspaper and central Ohio’s most popular web site. I started at The Dispatch in 2007 as I was finishing my Master’s degree in Photography at Ohio University’s School of Visual Communication. My master’s project explored the impact of multimedia on the design of national news web sites during the 2008 presidential election.
</p><p>
My backgrounds in computer science, art, design, and journalism have provided me with a unique set of skills that keep me on the cutting edge of new media technology and visual communication. I’m very quick to adapt to any new situation and I’m a voracious learner. I am detail oriented, a clear and concise editor, and cool under deadline. I’ve been a leader at every step in my career, whether it was by creating my own Digital Imaging major at Transylvania University (which was later adopted as a standard major), teaching multiple courses at Ohio University, or by being selected to be a member of the Digital Futures Group at The Columbus Dispatch, helping shape the future of journalism. Now I lead Urban Institute's visuals group, and set visual standards for the entire organization.
</p><p>
I’m happily married to my wife, Leslie, a Veterinarian practicing in Arlington, Virginia. We recently had our first child, Eleanor, who keeps us on our toes. We’ve got two dogs, Bonnie and Vernon, and two cats, Trudie and Charlie. I love to cook anything that takes more than six hours to make: I’ve won awards for my chili recipe, I’m an avid backyard barbecue enthusiast, and have recently started brewing my own beer.
</p>
            <h1>&ldquo;Just because you can, doesn't mean you should&rdquo;</h1>
<h4>What you can expect when working with me</h4>
        <p>A good designer will push and pull. As a client, you bring a designer in because you need somebody with a specialized set of skills&mdash;somebody who can help you translate your work to the masses. A good designer knows to ask questions and will make sure that they understand the content before trying to communicate it to somebody else. A good designer is a partner, not a service provider. The greatest skill I have is my ability to solve problems. I don't know how many times I've heard <em>"I'd make it myself, but I don't have Photoshop."</em> That's not why you call somebody like me, and if you do, I'll refer you to a high school student with a pirated copy who wants to make a quick buck. Projects succeed when clients come to me and say <em>"We have this great work and we want to showcase it with an illustration. We like your work, knock yourself out."</em> Or <em>"I've got this data set that shows some interesting trends. How should we bring it to life?"</em> I love it when a client understands that they're good at what they do, and that I'm good at what I do. That's how we make magic.</p>
            <p>
            
            </p></div>
                <div class="col-md-3 spacer">
                    <img src="img/11130101_692870126303_222769530982943254_n.jpg" style="max-width:100%">
</div>
    </div>
    <!-- /.container -->
    <footer>
        <div class="container">
            <div class="col-lg-12">
                <h4><a href="http://www.twitter.com/timmeko" target="_blank" class="footer-link"><i class="fa fa-twitter"></i></a> <a href="https://www.linkedin.com/in/timmeko " target="_blank" class="footer-link"><i class="fa fa-linkedin"></i></a> <a href="https://www.behance.net/timmeko" target="_blank" class="footer-link"><i class="fa fa-behance"></i></a> <a href="http://www.github.com/timmeko" target="_blank" class="footer-link"><i class="fa fa-github"></i></a></h4>                     <p>If you would like to use content on this site for your own purposes, please <a href="contact.html">contact me</a> and I'll make sure that you get the highest quality version. Please note that some work cannot be redistributed due to copyright held by the client.</p>
            </div>
        </div>

    </footer>
    <!-- jQuery Version 1.11.1 -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

</body>

</html>
{'fraction_non_alphanumeric': 0.13319262386136413, 'fraction_numerical': 0.0269940013330371, 'mean_word_length': 2.414564763891523, 'pattern_counts': {'":': 0, '<': 334, '<?xml version=': 2, '>': 334, 'https://': 12, 'lorem ipsum': 0, 'www.': 15, 'xml': 8}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2786092', 'n_tokens_mistral': 5523, 'n_tokens_neox': 4937, 'n_words': 1744}