<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="">

    <title>Diary of a Chronic Doodler</title>

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

    <!-- Lightbox -->
    <link href="css/lightbox.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/stylish-portfolio.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

</head>

<body>

    <!-- Navigation -->
    <a id="menu-toggle" href="#" class="btn btn-dark btn-lg toggle"><i class="fa fa-bars"></i></a>
    <nav id="sidebar-wrapper">
        <ul class="sidebar-nav">
            <a id="menu-close" href="#" class="btn btn-light btn-lg pull-right toggle"><i class="fa fa-times"></i></a>
            <li class="sidebar-brand">
                <a href="#top"  onclick = $("#menu-close").click(); >ANGEL LO</a>
            </li>
            <li>
                <a href="#about" onclick = $("#menu-close").click(); >WHO</a>
            </li>
            <li>
                <a href="#services" onclick = $("#menu-close").click(); >WHAT</a>
            </li>
            <li>
                <a href="#portfolio" onclick = $("#menu-close").click(); >WORK</a>
            </li>
        </ul>
    </nav>

    <!-- Header -->
    <header id="top" class="header">
        <div class="text-vertical-center">
            <h1><NAME></h1>
            <h3>DEVELOPER + DOODLER</h3>
            <br>
            <a href="#about" class="btn btn-dark btn-lg">WHO</a>
        </div>
    </header>

    <!-- About -->
    <section id="about" class="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>
                        An eye for design and a mind for code
                    </h2>
                    <p class="lead">
                        { "Angel":[<br>
                        "Occupation":"Software Design Engineer",<br>
                        "Company": "Electronic Arts",<br>
                        "Location":"Austin, Texas",<br>
                        "<NAME>":"The University of Texas Austin"<br>
                    ]}</p>
                </div>
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>

    <!-- Skills -->
    <section id="services" class="services bg-primary">
        <div class="container">
            <div class="row text-center">
                <div class="col-lg-10 col-lg-offset-1">
                    <h2>SKILLS</h2>
                    <hr class="small">
                    <div class="row">
                        <div class="col-md-4 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-code fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong><mark>Programming</mark></strong>
                                </h4>
                                <p>Python, JavaScript, Swift, SQL</p>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-laptop fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong><mark>Web Development</mark></strong>
                                </h4>
                                <p>Angular, Django, Express, Redux, Node.js, MySQL</p>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-paint-brush fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong><mark>Design</mark></strong>
                                </h4>
                                <p>Adobe Illustrator, Adobe Photoshop, InvisionApp</p>
                            </div>
                        </div>
                    </div>
                    <!-- /.row (nested) -->
                </div>
                <!-- /.col-lg-10 -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>

    <!-- Portfolio -->
    <section id="portfolio" class="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h2>DOODLES</h2>
                    <hr class="small">
                            <div class="row">
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-1.png" data-title="McCombs Master of Science in Business Analytics - Class of 2016 Demographics" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-1T.png" width="350px" height="300px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-2.png" data-title="Cheers App - iPhone 6S Mockup" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-2T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-13.png" data-title="Cheers App - iPhone 6S Mockup" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-13T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                            </div>
                        <!-- COLLAPSIBLE CONTENT -->
                        <!--<div class="container"> -->
                        <div id="fullportfolio" class="collapse">
                            <div class="row">
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-4.png" data-title="Austin Panic Room Logo - Winner of T-Shirt Competition (Front Design)" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-4T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-5.jpg" data-title="Austin Panic Room Logo - Winner of T-Shirt Competition (Back Design)" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-5T.jpg" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-6.png" data-title="Alpha Epsilon Delta - Pie A President Promotional Flyer" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-6T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                            </div>
                                <!-- END ROW 2 -->
                        <!--<div class="container"> -->
                            <div class="row">
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-3.png" data-title="Texas Master of Science in Marketing Program Flyer" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-3T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-14.png" data-title="Code Orange Website Mockup" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-14T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-15.png" data-title="Yelp iOS Search Redesign (Live prototype @ https://invis.io/QAA3BJDU4)" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-15T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                            </div>
                                <!-- END ROW 3 -->
                            <div class="row">
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-7.png" data-title="McCombs Master of Science in Business Analytics Early Start Program - Information Session Flyer" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-7T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-8.png" data-title="McCombs Master of Science in Business Analytics Early Start Program - Informational One-Pager" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-8T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-9.png" data-title="McCombs Master of Science in Business Analytics Early Start Program - Brochure (Outer)" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-9T.jpg" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                            </div>
                            <!-- END ROW 4 -->
                            <div class="row">
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-10.png" data-title="McCombs Master of Science in Business Analytics Early Start Program - Brochure (Inner)" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-10T.jpg" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-11.png" data-title="McCombs Master of Science in Business Analytics Early Start Program - Information Session Flyer" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-11T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-12.png" data-title="McCombs Master of Science in Business Analytics - Holiday Dinner Invitation" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-12T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                            </div>
                        </div>
                    <!-- <a href="#" class="btn btn-dark">View More Items</a> -->
                    <button id="viewBtn" type="button" class="btn btn-dark" data-toggle="collapse" data-target="#fullportfolio" onclick="toggleBtn()" value="View More">View More</button>
                </div>
                <!-- /.col-lg-10 -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>

    <!-- Call to Action -->
    <aside class="call-to-action bg-primary">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h3>CONTACT ME</h3>
                    <a href="mailto:<EMAIL>" class="btn btn-lg btn-light"><EMAIL></a>
                </div>
            </div>
        </div>
    </aside>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h4><strong>FIND ME ONLINE</strong>
                    </h4>
                    <br>
                    <ul class="list-inline">
                        <li>
                            <a href="https://www.facebook.com/finkLOjilp" target="_blank"><i class="fa fa-facebook fa-fw fa-3x"></i></a>
                        </li>
                        <li>
                            <a href="https://www.twitter.com/finkLOjilp"  target="_blank"><i class="fa fa-twitter fa-fw fa-3x"></i></a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com/in/angel-lo-4995b079" target="_blank"><i class="fa fa-linkedin fa-fw fa-3x"></i></a>
                        </li>
                        <li>
                            <a href="https://github.com/thenameisangel/" target="_blank"><i class="fa fa-github fa-fw fa-3x"></i></a>
                        </li>
                    </ul>
                    <hr class="small">
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <!-- <script src="js/jquery.js"></script> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

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

        <!-- Lightbox.js -->
    <script src="js/lightbox.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script>
    // Closes the sidebar menu
    $("#menu-close").click(function(e) {
        e.preventDefault();
        $("#sidebar-wrapper").toggleClass("active");
    });

    // Opens the sidebar menu
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#sidebar-wrapper").toggleClass("active");
    });

    function toggleBtn() {
      var btn = document.getElementById("viewBtn");
      if (btn.value == "View More") {
        btn.innerHTML = "View Fewer";
      } else {
        btn.innerHTML= "View More";
      }
    }

    // Scrolls to the selected menu item on the page
    $(function() {
        $('a[href*=#]:not([href=#])').click(function() {
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {

                var target = $(this.hash);
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                if (target.length) {
                    $('html,body').animate({
                        scrollTop: target.offset().top
                    }, 1000);
                    return false;
                }
            }
        });
    });
    </script>

</body>

</html>
<commit_msg>Updated occupation and skills<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="">

    <title>Diary of a Chronic Doodler</title>

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

    <!-- Lightbox -->
    <link href="css/lightbox.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/stylish-portfolio.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

</head>

<body>

    <!-- Navigation -->
    <a id="menu-toggle" href="#" class="btn btn-dark btn-lg toggle"><i class="fa fa-bars"></i></a>
    <nav id="sidebar-wrapper">
        <ul class="sidebar-nav">
            <a id="menu-close" href="#" class="btn btn-light btn-lg pull-right toggle"><i class="fa fa-times"></i></a>
            <li class="sidebar-brand">
                <a href="#top"  onclick = $("#menu-close").click(); >ANGEL LO</a>
            </li>
            <li>
                <a href="#about" onclick = $("#menu-close").click(); >WHO</a>
            </li>
            <li>
                <a href="#services" onclick = $("#menu-close").click(); >WHAT</a>
            </li>
            <li>
                <a href="#portfolio" onclick = $("#menu-close").click(); >WORK</a>
            </li>
        </ul>
    </nav>

    <!-- Header -->
    <header id="top" class="header">
        <div class="text-vertical-center">
            <h1>ANGEL LO</h1>
            <h3>Austin, Texas</h3>
            <br>
            <a href="#about" class="btn btn-dark btn-lg">WHO</a>
        </div>
    </header>

    <!-- About -->
    <section id="about" class="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>
                        A Creator at Heart
                    </h2>
                    <p class="lead">
                        Hi! My name is Angel, and it's a pleasure to e-meet you. I'm currently a Software Engineer at Under Armour in Austin, Texas, developing back-end services that support UA's e-commerce mobile app. When I'm not at work, I dabble in personal training, singing and music production, cooking, baking, and leathercrafting. I'm certainly the definition of too many hobbies and not enough time! I'd love to chat about any of the above or none of the above - shoot me a message, and let's get connected.
                    </p>
                </div>
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>

    <!-- Skills -->
    <section id="services" class="services bg-primary">
        <div class="container">
            <div class="row text-center">
                <div class="col-lg-10 col-lg-offset-1">
                    <h2>SKILLS</h2>
                    <hr class="small">
                    <div class="row">
                        <div class="col-md-4 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-code fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong><mark>Technical Chops</mark></strong>
                                </h4>
                                <p>
                                    Node.js, TypeScript, GraphQL, Apollo Server, Express
                                </p>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-laptop fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong><mark>Work Experience</mark></strong>
                                </h4>
                                <p>
                                    Under Armour, Electronic Arts, Workday
                                </p>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-paint-brush fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong><mark>Design Tools</mark></strong>
                                </h4>
                                <p>Adobe Illustrator, Adobe Photoshop, InvisionApp</p>
                            </div>
                        </div>
                    </div>
                    <!-- /.row (nested) -->
                </div>
                <!-- /.col-lg-10 -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>

    <!-- Portfolio -->
    <section id="portfolio" class="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h2>DOODLES</h2>
                    <hr class="small">
                            <div class="row">
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-1.png" data-title="McCombs Master of Science in Business Analytics - Class of 2016 Demographics" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-1T.png" width="350px" height="300px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-2.png" data-title="Cheers App - iPhone 6S Mockup" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-2T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-13.png" data-title="Cheers App - iPhone 6S Mockup" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-13T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                            </div>
                        <!-- COLLAPSIBLE CONTENT -->
                        <!--<div class="container"> -->
                        <div id="fullportfolio" class="collapse">
                            <div class="row">
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-4.png" data-title="Austin Panic Room Logo - Winner of T-Shirt Competition (Front Design)" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-4T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-5.jpg" data-title="Austin Panic Room Logo - Winner of T-Shirt Competition (Back Design)" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-5T.jpg" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-6.png" data-title="Alpha Epsilon Delta - Pie A President Promotional Flyer" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-6T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                            </div>
                                <!-- END ROW 2 -->
                        <!--<div class="container"> -->
                            <div class="row">
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-3.png" data-title="Texas Master of Science in Marketing Program Flyer" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-3T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-14.png" data-title="Code Orange Website Mockup" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-14T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-15.png" data-title="Yelp iOS Search Redesign (Live prototype @ https://invis.io/QAA3BJDU4)" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-15T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                            </div>
                                <!-- END ROW 3 -->
                            <div class="row">
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-7.png" data-title="McCombs Master of Science in Business Analytics Early Start Program - Information Session Flyer" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-7T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-8.png" data-title="McCombs Master of Science in Business Analytics Early Start Program - Informational One-Pager" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-8T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-9.png" data-title="McCombs Master of Science in Business Analytics Early Start Program - Brochure (Outer)" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-9T.jpg" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                            </div>
                            <!-- END ROW 4 -->
                            <div class="row">
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-10.png" data-title="McCombs Master of Science in Business Analytics Early Start Program - Brochure (Inner)" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-10T.jpg" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-11.png" data-title="McCombs Master of Science in Business Analytics Early Start Program - Information Session Flyer" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-11T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="img/Original/portfolio-12.png" data-title="McCombs Master of Science in Business Analytics - Holiday Dinner Invitation" data-lightbox="portfolio">
                                        <img src="img/Thumbnail/portfolio-12T.png" width="350px" style="margin-bottom: 50px" class="img-rounded img-portfolio img-responsive"/ >
                                    </a>
                                </div>
                            </div>
                        </div>
                    <!-- <a href="#" class="btn btn-dark">View More Items</a> -->
                    <button id="viewBtn" type="button" class="btn btn-dark" data-toggle="collapse" data-target="#fullportfolio" onclick="toggleBtn()" value="View More">View More</button>
                </div>
                <!-- /.col-lg-10 -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>

    <!-- Call to Action -->
    <aside class="call-to-action bg-primary">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h3>CONTACT ME</h3>
                    <a href="mailto:<EMAIL>" class="btn btn-lg btn-light"><EMAIL></a>
                </div>
            </div>
        </div>
    </aside>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h4><strong>FIND ME ONLINE</strong>
                    </h4>
                    <br>
                    <ul class="list-inline">
                        <li>
                            <a href="https://www.facebook.com/finkLOjilp" target="_blank"><i class="fa fa-facebook fa-fw fa-3x"></i></a>
                        </li>
                        <li>
                            <a href="https://www.twitter.com/finkLOjilp"  target="_blank"><i class="fa fa-twitter fa-fw fa-3x"></i></a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com/in/angel-lo-4995b079" target="_blank"><i class="fa fa-linkedin fa-fw fa-3x"></i></a>
                        </li>
                        <li>
                            <a href="https://github.com/thenameisangel/" target="_blank"><i class="fa fa-github fa-fw fa-3x"></i></a>
                        </li>
                    </ul>
                    <hr class="small">
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <!-- <script src="js/jquery.js"></script> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

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

        <!-- Lightbox.js -->
    <script src="js/lightbox.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script>
    // Closes the sidebar menu
    $("#menu-close").click(function(e) {
        e.preventDefault();
        $("#sidebar-wrapper").toggleClass("active");
    });

    // Opens the sidebar menu
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#sidebar-wrapper").toggleClass("active");
    });

    function toggleBtn() {
      var btn = document.getElementById("viewBtn");
      if (btn.value == "View More") {
        btn.innerHTML = "View Fewer";
      } else {
        btn.innerHTML= "View More";
      }
    }

    // Scrolls to the selected menu item on the page
    $(function() {
        $('a[href*=#]:not([href=#])').click(function() {
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {

                var target = $(this.hash);
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                if (target.length) {
                    $('html,body').animate({
                        scrollTop: target.offset().top
                    }, 1000);
                    return false;
                }
            }
        });
    });
    </script>

</body>

</html>

{'fraction_non_alphanumeric': 0.14410825776195724, 'fraction_numerical': 0.013447467299488657, 'mean_word_length': 1.1636919315403422, 'pattern_counts': {'":': 5, '<': 684, '<?xml version=': 0, '>': 684, 'https://': 12, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 142, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2579036', 'n_tokens_mistral': 9764, 'n_tokens_neox': 8979, 'n_words': 1852}