<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="The official Brian Jason Tran website.">
    <meta name="author" content="">

    <title><NAME></title>

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

    <!-- Slick CSS -->
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
	 <style type="text/css">
        .slider {
            width: 98%;
            margin: 0px auto;
        }
    
        .slick-slide {
          margin: 0px 10px;
        }
    
        .slick-slide img {
          height: 390px;
        }
    
        .slick-prev:before,
        .slick-next:before {
            color: black;
        }

      </style>
      
    <!-- Theme CSS -->
    <link href="css/font.css" rel="stylesheet">
    <link href="css/grid.css" rel="stylesheet">
    <link href="css/freelancer.min.css" rel="stylesheet">
    
    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

	<!-- ****** faviconit.com favicons ****** -->
	<link rel="shortcut icon" href="/favicon.ico">
	<link rel="icon" sizes="16x16 32x32 64x64" href="/favicon.ico">
	<link rel="icon" type="image/png" sizes="196x196" href="/favicon-192.png">
	<link rel="icon" type="image/png" sizes="160x160" href="/favicon-160.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png">
	<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
	<link rel="apple-touch-icon" href="/favicon-57.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/favicon-114.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/favicon-72.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/favicon-144.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/favicon-60.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/favicon-120.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/favicon-76.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/favicon-152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png">
	<meta name="msapplication-TileColor" content="#FFFFFF">
	<meta name="msapplication-TileImage" content="/favicon-144.png">
	<meta name="msapplication-config" content="/browserconfig.xml">
	<!-- ****** faviconit.com favicons ****** -->

    <!-- 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]-->

        <style>
          video {
            max-width: 100%;
            height: auto;
          }

          iframe,
          embed,
          object {
            max-width: 100%;
          }

          .vendor {
            margin-left: 10px;
          }
		
			.resumecontainer {
				position: relative;
				width: 70%;
				height: 0;
				padding-bottom: 90%;
			}
			.resume {
				position: absolute;
				top: 0;
				left: 20%;
				width: 100%;
				height: 100%;
			}
        </style>
        
</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span> Menu <em class="fa fa-bars"></em></button>
              <a class="navbar-brand" href="#page-top">BRIAN JASON TRAN</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 navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#reel">Reel</a>
                    </li>
                    <li class="page-scroll"> <a href="#work">Work</a> </li>
                    <li class="page-scroll">
                        <a href="#resume">Resume</a>
                    </li>
					<li class="page-scroll">
                        <a style="margin-right:20px" href="#contact">Contact</a>
                    </li>
                    <li>
                    <div style="padding-top:10px">
                        <a style="margin-right:5px" href="http://linkedin.com/in/b16tran"><img src="img/buttons/linkedin.png" width="28" height="28" alt=""/></a>
                        <a style="margin-right:5px" href="http://twitter.com/b16tran"><img src="img/buttons/twitter.png" width="28" height="28" alt=""/></a>
                        <a href="http://imdb.com/name/nm6682155"><img src="img/buttons/imdb.png" width="28" height="28" alt=""/></a>
                    </div>
					</li>
                </ul>
            <!-- /.navbar-collapse -->
        <!-- /.container-fluid -->
    </nav>



    <!-- Reel Section -->
    <section class="success" id="reel">
        <div class="container">
		<br><br/>
                <div class="vendor">
                    <iframe src="https://player.vimeo.com/video/207940044?quality=1080p" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                </div>
        </div>
    </section>
    
    <!-- work Section -->
    <section id="work">
        <div class="container">
                <div class="col-lg-12 text-center">
                  <h2>Work</h2>
                </div>

      <section class="variable slider">

        <div>
          <a href="https://www.youtube.com/watch?v=3tmd-ClpJxA" target="_blank"><img src="img/work/LWYMMD_2017.jpg"></a>
        </div>
        <div>
          <a href="https://www.amazon.com/dp/B074TXG3F4" target="_blank"><img src="img/work/WillVsTheFuture_2017.jpg"></a>
        </div>
        <div>
          <a href="https://www.youtube.com/watch?v=fKopy74weus" target="_blank"><img src="img/work/Thunder_2017.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt0451279/" target="_blank"><img src="img/work/WonderWoman_2017.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt5442430/" target="_blank"><img src="img/work/Life_2017.jpg"></a>
        </div>
        <div>
          <a href="https://www.youtube.com/watch?v=tQu7SIOIeQI" target="_blank"><img src="img/work/DaytonaDay_2017.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt1442437/" target="_blank"><img src="img/work/ModernFamily_2017.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt4209256/" target="_blank"><img src="img/work/Colony_2017.jpg"></a>
        </div>        
        <div>
          <a href="http://www.imdb.com/title/tt0803096/" target="_blank"><img src="img/work/Warcraft_2016.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt4191054/" target="_blank"><img src="img/work/StrangeMagic_2015.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt1291150/" target="_blank"><img src="img/work/TeenageMutantNinjaTurtles_2014.jpg"></a>
        </div>
      </section>
  
    </section>

    <!-- Resume Section -->
    <section class="success" id="resume">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Resume</h2>
                </div>
            </div><br><br/>
            
<!-- TODO: RESUME -->
            
            <div class="row">
                <div class="resumecontainer">
			<iframe src="https://drive.google.com/file/d/0BzGRaOZQAKCbVVVqbjV6dUFQWG8/preview" class="resume"></iframe>
		</div>
                <div class="col-lg-8 col-lg-offset-2 text-center">
                <br><br/>
      			<h4><a href="https://drive.google.com/uc?export=download&id=0BzGRaOZQAKCbVVVqbjV6dUFQWG8">Download</a></h4>
                <div><a href="https://drive.google.com/uc?export=download&id=0BzGRaOZQAKCbVVVqbjV6dUFQWG8"><img src="img/pdf.png" alt=""></a></div>
<!--                    <a href="https://drive.google.com/uc?export=download&id=0BzGRaOZQAKCbVVVqbjV6dUFQWG8" class="btn btn-lg btn-outline">
                        <i class="fa fa-download"></i> Download Resume
                    </a> -->
                </div>

            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="text-center">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                  <h2>Contact</h2>
                </div>
            </div><br><br/>
            <div class="row">
                <div class="row">
                    <div class="footer-col col-md-4">
                        <img src="img/phone.png" alt="">
                        <p>(607) 216-8726</p>
                    </div>
                    <div class="footer-col col-md-4">
                        <ul class="list-inline">
                            <li>
                                <a href="http://linkedin.com/in/b16tran" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
                            <li>
                                <a href="http://twitter.com/b16tran" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="http://imdb.com/name/nm6682155" class="btn-social btn-outline"><i class="fa fa-fw"><font face="Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black, sans-serif" size="-1">IMDb</font></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                        <img src="img/email.png" alt="">
                        <p><EMAIL></p>
                    </div>
                </div>
			</div>
            
        </div>
    </section>

    <!-- Footer -->
    <footer class="text-center">
        <div class="footer-below">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12" style="font-family:'OpenSans'">&copy; 1989 - 2017 <NAME>. All rights reserved.</div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
    <div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a><commit_msg>update copyright date<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="The official Brian Jason Tran website.">
    <meta name="author" content="">

    <title><NAME></title>

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

    <!-- Slick CSS -->
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
	 <style type="text/css">
        .slider {
            width: 98%;
            margin: 0px auto;
        }
    
        .slick-slide {
          margin: 0px 10px;
        }
    
        .slick-slide img {
          height: 390px;
        }
    
        .slick-prev:before,
        .slick-next:before {
            color: black;
        }

      </style>
      
    <!-- Theme CSS -->
    <link href="css/font.css" rel="stylesheet">
    <link href="css/grid.css" rel="stylesheet">
    <link href="css/freelancer.min.css" rel="stylesheet">
    
    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

	<!-- ****** faviconit.com favicons ****** -->
	<link rel="shortcut icon" href="/favicon.ico">
	<link rel="icon" sizes="16x16 32x32 64x64" href="/favicon.ico">
	<link rel="icon" type="image/png" sizes="196x196" href="/favicon-192.png">
	<link rel="icon" type="image/png" sizes="160x160" href="/favicon-160.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png">
	<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
	<link rel="apple-touch-icon" href="/favicon-57.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/favicon-114.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/favicon-72.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/favicon-144.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/favicon-60.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/favicon-120.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/favicon-76.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/favicon-152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png">
	<meta name="msapplication-TileColor" content="#FFFFFF">
	<meta name="msapplication-TileImage" content="/favicon-144.png">
	<meta name="msapplication-config" content="/browserconfig.xml">
	<!-- ****** faviconit.com favicons ****** -->

    <!-- 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]-->

        <style>
          video {
            max-width: 100%;
            height: auto;
          }

          iframe,
          embed,
          object {
            max-width: 100%;
          }

          .vendor {
            margin-left: 10px;
          }
		
			.resumecontainer {
				position: relative;
				width: 70%;
				height: 0;
				padding-bottom: 90%;
			}
			.resume {
				position: absolute;
				top: 0;
				left: 20%;
				width: 100%;
				height: 100%;
			}
        </style>
        
</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span> Menu <em class="fa fa-bars"></em></button>
              <a class="navbar-brand" href="#page-top"><NAME></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 navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#reel">Reel</a>
                    </li>
                    <li class="page-scroll"> <a href="#work">Work</a> </li>
                    <li class="page-scroll">
                        <a href="#resume">Resume</a>
                    </li>
					<li class="page-scroll">
                        <a style="margin-right:20px" href="#contact">Contact</a>
                    </li>
                    <li>
                    <div style="padding-top:10px">
                        <a style="margin-right:5px" href="http://linkedin.com/in/b16tran"><img src="img/buttons/linkedin.png" width="28" height="28" alt=""/></a>
                        <a style="margin-right:5px" href="http://twitter.com/b16tran"><img src="img/buttons/twitter.png" width="28" height="28" alt=""/></a>
                        <a href="http://imdb.com/name/nm6682155"><img src="img/buttons/imdb.png" width="28" height="28" alt=""/></a>
                    </div>
					</li>
                </ul>
            <!-- /.navbar-collapse -->
        <!-- /.container-fluid -->
    </nav>



    <!-- Reel Section -->
    <section class="success" id="reel">
        <div class="container">
		<br><br/>
                <div class="vendor">
                    <iframe src="https://player.vimeo.com/video/207940044?quality=1080p" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                </div>
        </div>
    </section>
    
    <!-- work Section -->
    <section id="work">
        <div class="container">
                <div class="col-lg-12 text-center">
                  <h2>Work</h2>
                </div>

      <section class="variable slider">

        <div>
          <a href="https://www.youtube.com/watch?v=3tmd-ClpJxA" target="_blank"><img src="img/work/LWYMMD_2017.jpg"></a>
        </div>
        <div>
          <a href="https://www.amazon.com/dp/B074TXG3F4" target="_blank"><img src="img/work/WillVsTheFuture_2017.jpg"></a>
        </div>
        <div>
          <a href="https://www.youtube.com/watch?v=fKopy74weus" target="_blank"><img src="img/work/Thunder_2017.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt0451279/" target="_blank"><img src="img/work/WonderWoman_2017.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt5442430/" target="_blank"><img src="img/work/Life_2017.jpg"></a>
        </div>
        <div>
          <a href="https://www.youtube.com/watch?v=tQu7SIOIeQI" target="_blank"><img src="img/work/DaytonaDay_2017.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt1442437/" target="_blank"><img src="img/work/ModernFamily_2017.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt4209256/" target="_blank"><img src="img/work/Colony_2017.jpg"></a>
        </div>        
        <div>
          <a href="http://www.imdb.com/title/tt0803096/" target="_blank"><img src="img/work/Warcraft_2016.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt4191054/" target="_blank"><img src="img/work/StrangeMagic_2015.jpg"></a>
        </div>
        <div>
          <a href="http://www.imdb.com/title/tt1291150/" target="_blank"><img src="img/work/TeenageMutantNinjaTurtles_2014.jpg"></a>
        </div>
      </section>
  
    </section>

    <!-- Resume Section -->
    <section class="success" id="resume">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Resume</h2>
                </div>
            </div><br><br/>
            
<!-- TODO: RESUME -->
            
            <div class="row">
                <div class="resumecontainer">
			<iframe src="https://drive.google.com/file/d/0BzGRaOZQAKCbVVVqbjV6dUFQWG8/preview" class="resume"></iframe>
		</div>
                <div class="col-lg-8 col-lg-offset-2 text-center">
                <br><br/>
      			<h4><a href="https://drive.google.com/uc?export=download&id=0BzGRaOZQAKCbVVVqbjV6dUFQWG8">Download</a></h4>
                <div><a href="https://drive.google.com/uc?export=download&id=0BzGRaOZQAKCbVVVqbjV6dUFQWG8"><img src="img/pdf.png" alt=""></a></div>
<!--                    <a href="https://drive.google.com/uc?export=download&id=0BzGRaOZQAKCbVVVqbjV6dUFQWG8" class="btn btn-lg btn-outline">
                        <i class="fa fa-download"></i> Download Resume
                    </a> -->
                </div>

            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="text-center">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                  <h2>Contact</h2>
                </div>
            </div><br><br/>
            <div class="row">
                <div class="row">
                    <div class="footer-col col-md-4">
                        <img src="img/phone.png" alt="">
                        <p>(607) 216-8726</p>
                    </div>
                    <div class="footer-col col-md-4">
                        <ul class="list-inline">
                            <li>
                                <a href="http://linkedin.com/in/b16tran" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
                            <li>
                                <a href="http://twitter.com/b16tran" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="http://imdb.com/name/nm6682155" class="btn-social btn-outline"><i class="fa fa-fw"><font face="Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black, sans-serif" size="-1">IMDb</font></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                        <img src="img/email.png" alt="">
                        <p><EMAIL></p>
                    </div>
                </div>
			</div>
            
        </div>
    </section>

    <!-- Footer -->
    <footer class="text-center">
        <div class="footer-below">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12" style="font-family:'OpenSans'">&copy; 1989 - 2018 <NAME>. All rights reserved.</div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
    <div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a>
{'fraction_non_alphanumeric': 0.1861344537815126, 'fraction_numerical': 0.034201680672268905, 'mean_word_length': 1.9307966999138038, 'pattern_counts': {'":': 0, '<': 602, '<?xml version=': 0, '>': 602, 'https://': 30, 'lorem ipsum': 0, 'www.': 22, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 18, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1392660', 'n_tokens_mistral': 8455, 'n_tokens_neox': 7565, 'n_words': 1289}