<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><NAME></title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.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="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/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 -->
    <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();><NAME></a>
            </li>
            <li>
                <a href="#top" onclick=$("#menu-close").click();>Home</a>
            </li>
            <li>
                <a href="#about" onclick=$("#menu-close").click();>About</a>
            </li>
            <li>
                <a href="#contact" onclick=$("#menu-close").click();>Contact</a>
            </li>
        </ul>
    </nav>

    <!-- Header -->
    <header id="top" class="header">
        <div class="text-vertical-center">
            <h1><NAME></h1>
            <br>
            <a href="#about" class="btn btn-dark btn-lg">Find Out More</a>
            <br>
        </div>
    </header>

    <!-- About -->
    <section id="about" class="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-16 text-left">
                    <h3><i>a hobbyist that likes to tinker in hands-on projects on the side</i></h3>
                    <h2><b>Graduated back in <b>Fall 2018</b> at CSU Sacramento with a Computer Science B.S.<brk></b></h2>
                    <h3 style="margin-left: 20px">
                      My career interests lie in
                      <ul style="list-style-type:square">
                        <li>Front-End Development and UI</li>
                        <li>Technical Writing</li>
						<li>UX Design</li>
                        <li>Technical Recruitment</li>
                      </ul>
                      Eventually in the hobbyist area, I'd like to dive into <i>virtual reality</i> and <i>holography</i> specifically as they are <b>leading-edge technological tools</b> that help expand my creativity to create new worlds and experiences into a whole new level.<p></p>
                    </h3>
                    <h2><b>As a Creative.....<brk></b></h2>
                    <h3 style="margin-left: 20px">
                      <ul style="list-style-type:square">
                        <li>Narrative Design</li>
						<li>Pixel Art</li>
						<li>Makerspace Projects</li>
                      </ul>
                    </h3>
                    <h3 style="margin-left: 20px">
                      <u>I'm most active in the following non-profit organizations:</u><br>
                      <dl>
						<dt>Treasurer of Sacramento Developer Collective <i>(Oct 2019 - Present)</i></dt>
						<ul>Treasurer / Head of Finance Committee / Temporary Marketing Lead Stand-in</ul>
					  </dl>
					  <dl>
                        <dt>Sacramento Marketing Strategist<i>(Fall 2018 - Present)</i></dt>
                        <ul>Connected with our local tech communities to work with and advertise, like Hacker Lab, Google Developer Groups, Square One Clubs, and many more.</ul>
						<ul>Established both personal and professional ties within the Sacramento tech community.</ul>
						<ul>Networked and reached out to several companies regarding partnering up for sponsorship.</ul>
                      </dl>
                    </h3>
                    <h3 style="margin-left: 20px">
                      <u>Hackathons Attended:</u><br>
                        <ul><a href="https://devpost.com/software/smartfridge-1gd0tx">HackDavis 2016</a></ul>
                        <ul><a hret="https://github.com/jennyao/team6project">IoT Hackathon 2016</a></ul>
                        <ul><a href="https://devpost.com/software/amazing-racer">HackDavis 2017</a></ul>
                    </h3>
                    <h2><b>Events Organized.....<brk></b></h2>
                    <h3 style="margin-left: 20px">
                      <ul>Game Jam Winter 2016</ul>
                      <ul>Game Jam Spring 2017</ul>
                      <ul>Game Jam Winter 2017</ul>
                      <ul>Local Hack Day 2017</ul>
                      <ul>Arts & Assets Game Jam 2018</ul>
                      <ul>Hornets & Aggies Game Jam 2018</ul>
					  <ul><a href="https://itch.io/jams/hosted-by-bakedbreadjen">itch.io Game Jams hosted</a></ul>
                    </h3>
                    <h2><b>
                      <a href="https://drive.google.com/file/d/1QaUGPe-l-e7qPiF4h53cwNHXjT1kBYyd/view?usp=sharing">Technical Writer Resume</a>
					  |
					  <a href="https://drive.google.com/file/d/1bQuD0edzUwIWrfzfzWl9SPydBCMwbAbN/view?usp=sharing">UX Design Resume</a>
					</b></h2>
                </div>
            </div>
            <!-- /.row -->
            <br>
        </div>
        <!-- /.container -->
    </section>



    <!-- Callout -->
    <aside class="callout">
        <div class="text-vertical-center">
            <h1>Contact Me!</h1>
        </div>
    </aside>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h4><strong><NAME></strong>
                    </h4>
                    <p>Sacramento, CA 95630</p>
                    <ul class="list-unstyled">
                      <li>
                       <a href="https://www.linkedin.com/pub/jenny-yao/a7/708/854">
                           <img src="https://static.licdn.com/scds/common/u/img/webpromo/btn_myprofile_160x33.png" width="160" height="33" border="0" alt="View <NAME>ao's profile on LinkedIn">
                       </a>
                     </li><brk>
                      <li><i class="fa fa-envelope-o fa-fw"></i> <a href="mailto:<EMAIL>"><EMAIL></a></li>
                    </ul>
                    <hr class="small">
                    <p class="text-muted">Copyright &copy; <NAME> 2018</p>
                </div>
            </div>
        </div>
        <a id="to-top" href="#top" class="btn btn-dark btn-lg"><i class="fa fa-chevron-up fa-fw fa-1x"></i></a>
    </footer>

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

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.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");
    });
    // Scrolls to the selected menu item on the page
    $(function() {
        $('a[href*=#]:not([href=#],[data-toggle],[data-target],[data-slide])').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;
                }
            }
        });
    });
    //#to-top button appears after scrolling
    var fixed = false;
    $(document).scroll(function() {
        if ($(this).scrollTop() > 250) {
            if (!fixed) {
                fixed = true;
                // $('#to-top').css({position:'fixed', display:'block'});
                $('#to-top').show("slow", function() {
                    $('#to-top').css({
                        position: 'fixed',
                        display: 'block'
                    });
                });
            }
        } else {
            if (fixed) {
                fixed = false;
                $('#to-top').hide("slow", function() {
                    $('#to-top').css({
                        display: 'none'
                    });
                });
            }
        }
    });
    // Disable Google Maps scrolling
    // See http://stackoverflow.com/a/25904582/1607849
    // Disable scroll zooming and bind back the click event
    var onMapMouseleaveHandler = function(event) {
        var that = $(this);
        that.on('click', onMapClickHandler);
        that.off('mouseleave', onMapMouseleaveHandler);
        that.find('iframe').css("pointer-events", "none");
    }
    var onMapClickHandler = function(event) {
            var that = $(this);
            // Disable the click handler until the user leaves the map area
            that.off('click', onMapClickHandler);
            // Enable scrolling zoom
            that.find('iframe').css("pointer-events", "auto");
            // Handle the mouse leave event
            that.on('mouseleave', onMapMouseleaveHandler);
        }
        // Enable map zooming with mouse scroll when the user clicks the map
    $('.map').on('click', onMapClickHandler);
    </script>

</body>

</html>
<commit_msg>fixed some misc details<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><NAME></title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.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="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/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 -->
    <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();><NAME></a>
            </li>
            <li>
                <a href="#top" onclick=$("#menu-close").click();>Home</a>
            </li>
            <li>
                <a href="#about" onclick=$("#menu-close").click();>About</a>
            </li>
            <li>
                <a href="#contact" onclick=$("#menu-close").click();>Contact</a>
            </li>
        </ul>
    </nav>

    <!-- Header -->
    <header id="top" class="header">
        <div class="text-vertical-center">
            <h1><NAME></h1>
            <br>
            <a href="#about" class="btn btn-dark btn-lg">Find Out More</a>
            <br>
        </div>
    </header>

    <!-- About -->
    <section id="about" class="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-16 text-left">
                    <h3><i>a hobbyist that likes to tinker in hands-on projects on the side</i></h3>
                    <h2><b>Graduated back in <b>Fall 2018</b> at CSU Sacramento with a Computer Science B.S.<brk></b></h2>
                    <h3 style="margin-left: 20px">
                      My career interests lie in
                      <ul style="list-style-type:square">
                        <li>Front-End Development and UI</li>
                        <li>Technical Writing</li>
						<li>UX Design</li>
                        <li>Technical Recruitment</li>
                      </ul>
                      Eventually in the hobbyist area, I'd like to dive into <i>virtual reality</i> and <i>holography</i> specifically as they are <b>leading-edge technological tools</b> that help expand my creativity to create new worlds and experiences into a whole new level.<p></p>
                    </h3>
                    <h2><b>As a Creative.....<brk></b></h2>
                    <h3 style="margin-left: 20px">
                      <ul style="list-style-type:square">
                        <li>Narrative Design</li>
						<li>Pixel Art</li>
						<li>Makerspace Projects</li>
                      </ul>
                    </h3>
                    <h3 style="margin-left: 20px">
                      <u>I'm most active in the following non-profit organizations:</u><br>
                      <dl>
						<dt>Treasurer of Sacramento Developer Collective <i>(Oct 2019 - Present)</i></dt>
						<ul>Head of Finance Committee / Temporary Marketing Lead Stand-in</ul>
						<li>Frequently manage the finances on events, membership fees, and fundraising on a monthly basis</li>
						<li>Maintain connections and relationships within the local Sacramento tech communities, such as Hacker Lab and Google Developer Groups</li>
						<li>Acting as Marketing Lead by creating social media content, scheduling posts, and interacting through various social media platforms</li>
						<li>Using Canva and Illustrator to design and create social media posts to keep our followers active and engaged</li>
					  </dl>
					  <dl>
                        <dt>Sacramento Marketing Strategist<i>(Fall 2018 - Present)</i></dt>
                        <li>Connected with our local tech communities to work with and advertise, like Hacker Lab, Google Developer Groups, Square One Clubs, and many more.</li>
						<li>Established both personal and professional ties within the Sacramento tech community.</li>
						<li>Networked and reached out to several companies regarding partnering up for sponsorship.</li>
                      </dl>
                    </h3>
                    <h2><b>Events Organized.....<brk></b></h2>
                    <h3 style="margin-left: 20px">
                      <ul>Game Jam Winter 2016</ul>
                      <ul>Game Jam Spring 2017</ul>
                      <ul>Game Jam Winter 2017</ul>
                      <ul>Local Hack Day 2017</ul>
                      <ul>Arts & Assets Game Jam 2018</ul>
                      <ul>Hornets & Aggies Game Jam 2018</ul>
					  <ul><a href="https://itch.io/jams/hosted-by-bakedbreadjen">itch.io Game Jams hosted</a></ul>
                    </h3>
					<h3 style="margin-left: 20px">
                      <u>Hackathons Participated:</u><br>
                        <ul><a href="https://devpost.com/software/smartfridge-1gd0tx">HackDavis 2016</a></ul>
                        <ul><a hret="https://github.com/jennyao/team6project">IoT Hackathon 2016</a></ul>
                        <ul><a href="https://devpost.com/software/amazing-racer">HackDavis 2017</a></ul>
                    </h3>
                    <h2><b>
                      <a href="https://drive.google.com/file/d/1QaUGPe-l-e7qPiF4h53cwNHXjT1kBYyd/view?usp=sharing">Technical Writer Resume</a>
					  |
					  <a href="https://drive.google.com/file/d/1bQuD0edzUwIWrfzfzWl9SPydBCMwbAbN/view?usp=sharing">UX Design Resume</a>
					</b></h2>
                </div>
            </div>
            <!-- /.row -->
            <br>
        </div>
        <!-- /.container -->
    </section>



    <!-- Callout -->
    <aside class="callout">
        <div class="text-vertical-center">
            <h1>Contact Me!</h1>
        </div>
    </aside>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h4><strong><NAME></strong>
                    </h4>
                    <p>Sacramento, CA 95630</p>
                    <ul class="list-unstyled">
                      <li>
                       <a href="https://www.linkedin.com/pub/jenny-yao/a7/708/854">
                           <img src="https://static.licdn.com/scds/common/u/img/webpromo/btn_myprofile_160x33.png" width="160" height="33" border="0" alt="View <NAME>'s profile on LinkedIn">
                       </a>
                     </li><brk>
                      <li><i class="fa fa-envelope-o fa-fw"></i> <a href="mailto:<EMAIL>"><EMAIL></a></li>
                    </ul>
                    <hr class="small">
                    <p class="text-muted">Copyright &copy; <NAME> 2018</p>
                </div>
            </div>
        </div>
        <a id="to-top" href="#top" class="btn btn-dark btn-lg"><i class="fa fa-chevron-up fa-fw fa-1x"></i></a>
    </footer>

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

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.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");
    });
    // Scrolls to the selected menu item on the page
    $(function() {
        $('a[href*=#]:not([href=#],[data-toggle],[data-target],[data-slide])').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;
                }
            }
        });
    });
    //#to-top button appears after scrolling
    var fixed = false;
    $(document).scroll(function() {
        if ($(this).scrollTop() > 250) {
            if (!fixed) {
                fixed = true;
                // $('#to-top').css({position:'fixed', display:'block'});
                $('#to-top').show("slow", function() {
                    $('#to-top').css({
                        position: 'fixed',
                        display: 'block'
                    });
                });
            }
        } else {
            if (fixed) {
                fixed = false;
                $('#to-top').hide("slow", function() {
                    $('#to-top').css({
                        display: 'none'
                    });
                });
            }
        }
    });
    // Disable Google Maps scrolling
    // See http://stackoverflow.com/a/25904582/1607849
    // Disable scroll zooming and bind back the click event
    var onMapMouseleaveHandler = function(event) {
        var that = $(this);
        that.on('click', onMapClickHandler);
        that.off('mouseleave', onMapMouseleaveHandler);
        that.find('iframe').css("pointer-events", "none");
    }
    var onMapClickHandler = function(event) {
            var that = $(this);
            // Disable the click handler until the user leaves the map area
            that.off('click', onMapClickHandler);
            // Enable scrolling zoom
            that.find('iframe').css("pointer-events", "auto");
            // Handle the mouse leave event
            that.on('mouseleave', onMapMouseleaveHandler);
        }
        // Enable map zooming with mouse scroll when the user clicks the map
    $('.map').on('click', onMapClickHandler);
    </script>

</body>

</html>

{'fraction_non_alphanumeric': 0.16491427488869945, 'fraction_numerical': 0.017429193899782137, 'mean_word_length': 1.6843376557335368, 'pattern_counts': {'":': 0, '<': 531, '<?xml version=': 0, '>': 533, 'https://': 22, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 7, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1392939', 'n_tokens_mistral': 6709, 'n_tokens_neox': 6002, 'n_words': 1356}