<commit_before><!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Jingly.me</title>
        <meta name="description" content="Jingly, a programmer/illustrator/creator's personal website">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->
        <link rel="stylesheet" href="../css/normalize.css">
        <link rel="stylesheet" href="../css/main.css">
        <link rel="stylesheet" href="../css/animsition.min.css">
        <link rel="stylesheet" href="../css/gallery.css">
        <link rel="stylesheet" href="../css/art.css">
        <script src="../js/vendor/modernizr-2.8.3.min.js"></script>
        <script src="../js/vendor/snap.svg-min.js"></script>
        <script src="../js/vendor/TweenMax.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <div class="header grey small animsition-overlay" data-animsition-overlay="true">
        </div>

        <div id="grid-gallery" class="grid-gallery animsition-overlay" data-animsition-overlay="true">
            <section class="grid-wrap">
                <ul class="grid">
                    <li class="large">
                        <figure>
                            <img class="lazy" data-src="../img/art/lis1.jpg" alt="lis"/>
                            <figcaption><h3>Life is Strange</h3><p>Paint Tool Sai</p></figcaption>
                        </figure>
                    </li>

                    <li>
                        <figure>
                            <img class="lazy" data-src="../img/art/ironman1.jpg" alt="ironman"/>
                            <figcaption><h3>Iron Man</h3><p>Paint Tool Sai</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/monkey1.jpg" alt="monkey"/>
                            <figcaption><h3>Animal Portrait</h3><p>Acrylics 11' X 17'</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/absent1.jpg" alt="absent"/>
                            <figcaption><h3>The Absent Minded</h3><p>Acrylics 11' X 17'</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/girl1.jpg" alt="girl"/>
                            <figcaption><h3>Fantasy CG Protrait</h3><p>Paint Tool Sai + Photoshop</p></figcaption>
                        </figure>
                    </li>

                        
                    <li class="large" style="float: right;">
                        <figure>
                            <img class="lazy" data-src="../img/art/jon1.jpg" alt="jon"/>
                            <figcaption><h3><NAME></h3><p>Paint Tool Sai</p></figcaption>
                        </figure>
                    </li>
    

                    <li class="">
                            <figure>
                            <img class="lazy" data-src="../img/art/sw141.jpg" alt="sw3"/>
                            <figcaption><h3>Poster Commision Series #3: Vanier Science Week 2014</h3><p>Photoshop</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/sw131.jpg" alt="sw2"/>
                            <figcaption><h3>Poster Commision Series #2: Vanier Science Week 2013</h3><p>Photoshop</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/sw111.jpg" alt="sw1"/>
                            <figcaption><h3>Poster Commision Series #1: Vanier Science Week 2011</h3><p>Photoshop</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/venus1.jpg" alt="venus"/>
                            <figcaption><h3>Re-masterpiece: Sleeping Venus</h3><p>Acrylics 17' X 24'</p></figcaption>
                        </figure>
                    </li>

                    <li class="large">
                        <figure>
                            <img class="lazy" data-src="../img/art/logo1.png" alt="logo"/>
                            <figcaption><h3>Personal Logo Design</h3><p>Illustrator</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/cat1.jpg" alt="cat"/>
                            <figcaption><h3>Swimming in your Meownd</h3><p>Pastel + Sketch + Photoshop</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/hp1.jpg" alt="hp"/>
                            <figcaption><h3>Harry Potter</h3><p>Sketch</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/panda1.png" alt="panda"/>
                            <figcaption><h3>Game Character Design</h3><p>Illustrator</p></figcaption>
                        </figure>
                    </li>
    
                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/robots1.jpg" alt="robot"/>
                            <figcaption><h3>Tokidoki Style robot toy design</h3><p>Illustrator</p></figcaption>
                        </figure>
                    </li>

                    <li class="large" style="float: right;">
                        <figure>
                            <img class="lazy" data-src="../img/art/poster1.jpg" alt="vernissage"/>
                            <figcaption><h3>Dawson College Illustration & Design Graduation Poster Deisgn</h3><p>Illustrator + Photoshop</p></figcaption>
                        </figure>
                    </li>

                    
                    
                    
                   
               
           
                </ul>
            </section><!-- // grid-wrap -->
            <section class="slideshow">
                <ul>

                    <li>
                        <figure>
                            <figcaption>
                                <h3>Life is Strange Fan Art: Trinity (Unfinished)</h3>
                                <p>2016</p>
                            </figcaption>
                            <img src="../img/art/lis.jpg" alt="lis"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Iron Man (Unfinished)</h3>
                                <p>2012</p>
                            </figcaption>
                            <img src="../img/art/ironman.jpg" alt="ironman"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Animal Portrait</h3>
                                <p>2009</p>
                            </figcaption>
                            <img src="../img/art/monkey.jpg" alt="monkey"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>The Abscent Minded</h3>
                                <p>2009</p>
                            </figcaption>
                            <img src="../img/art/absent.jpg" alt="absent"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Fantast CG Protrait</h3>
                                <p>2012</p>
                            </figcaption>
                            <img src="../img/art/girl.jpg" alt="girl"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3><NAME></h3>
                                <p>2015</p>
                            </figcaption>
                            <img src="../img/art/jon.jpg" alt="jon"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Poster Commision Series #3: Vanier Science Week 2014</h3>
                                <p>2013</p>
                            </figcaption>
                            <img src="../img/art/sw14.jpg" alt="sw3"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Poster Commision Series #2: Vanier Science Week 2013</h3>
                                <p>2012</p>
                            </figcaption>
                            <img src="../img/art/sw13.jpg" alt="sw2"/>
                        </figure>
                    </li>
                    
                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Poster Commision Series #1: Vanier Science Week 2011</h3>
                                <p>2011</p>
                            </figcaption>
                            <img src="../img/art/sw11.jpg" alt="sw1"/>
                        </figure>
                    </li>


                    <li>
                        <figure>
                            <figcaption>
                                <h3>Re-masterpiece: Sleeping Venus by Giorgione</h3>
                                <p>2008</p>
                            </figcaption>
                            <img src="../img/art/venus.jpg" alt="venus"/>
                        </figure>
                    </li>

                    
                    <li>
                        <figure>
                            <figcaption>
                                <h3>Personal Logo Design</h3>
                                <p>2011</p>
                            </figcaption>
                            <img src="../img/art/logo.png" alt="logo"/>
                        </figure>
                    </li>

                    <li>
                        <figure>
                            <figcaption>
                                <h3>Swimming in your Meownd</h3>
                                <p>2012</p>
                            </figcaption>
                            <img src="../img/art/cat.jpg" alt="cat"/>
                        </figure>
                    </li>
             
                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Harry Potter Fan Art: Snape and Lily in Pensieve</h3>
                                <p>2013</p>
                            </figcaption>
                            <img src="../img/art/hp.jpg" alt="panda"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Game Character Design</h3>
                                <p>2011</p>
                            </figcaption>
                            <img src="../img/art/panda.png" alt="panda"/>
                        </figure>
                    </li>


                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Tokidoki Style robot toy design</h3>
                                <p>2013</p>
                            </figcaption>
                            <img src="../img/art/robots.jpg" alt="robots"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Dawson College Illustration & Design Graduation Poster Deisgn</h3>
                                <p>2009</p>
                            </figcaption>
                            <img src="../img/art/poster.jpg" alt="vernissage"/>
                        </figure>
                    </li>

                </ul>
                <nav>
                    <span class="icon nav-prev"></span>
                    <span class="icon nav-next"></span>
                    <span class="icon nav-close"></span>
                </nav>
                <div class="info-keys icon">Navigate with arrow keys</div>
            </section><!-- // slideshow -->
        </div><!-- // grid-gallery -->


        <script src="../js/vendor/jquery-1.12.0.min.js"></script>
        <script src="../js/vendor/imagesloaded.pkgd.min.js"></script>
        <script src="../js/vendor/jquery.mobile-1.5.0-alpha.1.min.js"></script>
        <script src="../js/vendor/animsition.min.js"></script>
        <script src="../js/vendor/jquery.lazy.min.js"></script>
        <script src="../js/vendor/packery.pkgd.min.js"></script> 
        <script src="../js/config.js"></script>
        <script src="../js/common.js"></script>
        <script src="../js/plugins.js"></script>
        <script src="./art.js"></script>
        
    </body>
</html><commit_msg>added lazy loading2<commit_after><!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Jingly.me</title>
        <meta name="description" content="Jingly, a programmer/illustrator/creator's personal website">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->
        <link rel="stylesheet" href="../css/normalize.css">
        <link rel="stylesheet" href="../css/main.css">
        <link rel="stylesheet" href="../css/animsition.min.css">
        <link rel="stylesheet" href="../css/gallery.css">
        <link rel="stylesheet" href="../css/art.css">
        <script src="../js/vendor/modernizr-2.8.3.min.js"></script>
        <script src="../js/vendor/snap.svg-min.js"></script>
        <script src="../js/vendor/TweenMax.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <div class="header grey small animsition-overlay" data-animsition-overlay="true">
        </div>

        <div id="grid-gallery" class="grid-gallery animsition-overlay" data-animsition-overlay="true">
            <section class="grid-wrap">
                <ul class="grid">
                    <li class="large">
                        <figure>
                            <img class="lazy" data-src="../img/art/lis1.jpg" alt="lis"/>
                            <figcaption><h3>Life is Strange</h3><p>Paint Tool Sai</p></figcaption>
                        </figure>
                    </li>

                    <li>
                        <figure>
                            <img class="lazy" data-src="../img/art/ironman1.jpg" alt="ironman"/>
                            <figcaption><h3>Iron Man</h3><p>Paint Tool Sai</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/monkey1.jpg" alt="monkey"/>
                            <figcaption><h3>Animal Portrait</h3><p>Acrylics 11' X 17'</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/absent1.jpg" alt="absent"/>
                            <figcaption><h3>The Absent Minded</h3><p>Acrylics 11' X 17'</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/girl1.jpg" alt="girl"/>
                            <figcaption><h3>Fantasy CG Protrait</h3><p>Paint Tool Sai + Photoshop</p></figcaption>
                        </figure>
                    </li>

                        
                    <li class="large" style="float: right;">
                        <figure>
                            <img class="lazy" data-src="../img/art/jon1.jpg" alt="jon"/>
                            <figcaption><h3><NAME></h3><p>Paint Tool Sai</p></figcaption>
                        </figure>
                    </li>
    

                    <li class="">
                            <figure>
                            <img class="lazy" data-src="../img/art/sw141.jpg" alt="sw3"/>
                            <figcaption><h3>Poster Commision Series #3: Vanier Science Week 2014</h3><p>Photoshop</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/sw131.jpg" alt="sw2"/>
                            <figcaption><h3>Poster Commision Series #2: Vanier Science Week 2013</h3><p>Photoshop</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/sw111.jpg" alt="sw1"/>
                            <figcaption><h3>Poster Commision Series #1: Vanier Science Week 2011</h3><p>Photoshop</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/venus1.jpg" alt="venus"/>
                            <figcaption><h3>Re-masterpiece: Sleeping Venus</h3><p>Acrylics 17' X 24'</p></figcaption>
                        </figure>
                    </li>

                    <li class="large">
                        <figure>
                            <img class="lazy" data-src="../img/art/logo1.png" alt="logo"/>
                            <figcaption><h3>Personal Logo Design</h3><p>Illustrator</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/cat1.jpg" alt="cat"/>
                            <figcaption><h3>Swimming in your Meownd</h3><p>Pastel + Sketch + Photoshop</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/hp1.jpg" alt="hp"/>
                            <figcaption><h3>Harry Potter</h3><p>Sketch</p></figcaption>
                        </figure>
                    </li>

                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/panda1.png" alt="panda"/>
                            <figcaption><h3>Game Character Design</h3><p>Illustrator</p></figcaption>
                        </figure>
                    </li>
    
                    <li class="">
                        <figure>
                            <img class="lazy" data-src="../img/art/robots1.jpg" alt="robot"/>
                            <figcaption><h3>Tokidoki Style robot toy design</h3><p>Illustrator</p></figcaption>
                        </figure>
                    </li>

                    <li class="large" style="float: right;">
                        <figure>
                            <img class="lazy" data-src="../img/art/poster1.jpg" alt="vernissage"/>
                            <figcaption><h3>Dawson College Illustration & Design Graduation Poster Deisgn</h3><p>Illustrator + Photoshop</p></figcaption>
                        </figure>
                    </li>

                    
                    
                    
                   
               
           
                </ul>
            </section><!-- // grid-wrap -->
            <section class="slideshow">
                <ul>

                    <li>
                        <figure>
                            <figcaption>
                                <h3>Life is Strange Fan Art: Trinity (Unfinished)</h3>
                                <p>2016</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/lis.jpg" alt="lis"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Iron Man (Unfinished)</h3>
                                <p>2012</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/ironman.jpg" alt="ironman"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Animal Portrait</h3>
                                <p>2009</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/monkey.jpg" alt="monkey"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>The Abscent Minded</h3>
                                <p>2009</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/absent.jpg" alt="absent"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Fantast CG Protrait</h3>
                                <p>2012</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/girl.jpg" alt="girl"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3><NAME></h3>
                                <p>2015</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/jon.jpg" alt="jon"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Poster Commision Series #3: Vanier Science Week 2014</h3>
                                <p>2013</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/sw14.jpg" alt="sw3"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Poster Commision Series #2: Vanier Science Week 2013</h3>
                                <p>2012</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/sw13.jpg" alt="sw2"/>
                        </figure>
                    </li>
                    
                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Poster Commision Series #1: Vanier Science Week 2011</h3>
                                <p>2011</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/sw11.jpg" alt="sw1"/>
                        </figure>
                    </li>


                    <li>
                        <figure>
                            <figcaption>
                                <h3>Re-masterpiece: Sleeping Venus by Giorgione</h3>
                                <p>2008</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/venus.jpg" alt="venus"/>
                        </figure>
                    </li>

                    
                    <li>
                        <figure>
                            <figcaption>
                                <h3>Personal Logo Design</h3>
                                <p>2011</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/logo.png" alt="logo"/>
                        </figure>
                    </li>

                    <li>
                        <figure>
                            <figcaption>
                                <h3>Swimming in your Meownd</h3>
                                <p>2012</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/cat.jpg" alt="cat"/>
                        </figure>
                    </li>
             
                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Harry Potter Fan Art: Snape and Lily in Pensieve</h3>
                                <p>2013</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/hp.jpg" alt="panda"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Game Character Design</h3>
                                <p>2011</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/panda.png" alt="panda"/>
                        </figure>
                    </li>


                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Tokidoki Style robot toy design</h3>
                                <p>2013</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/robots.jpg" alt="robots"/>
                        </figure>
                    </li>

                    <li class="vertical">
                        <figure>
                            <figcaption>
                                <h3>Dawson College Illustration & Design Graduation Poster Deisgn</h3>
                                <p>2009</p>
                            </figcaption>
                            <img class="lazy" data-src="../img/art/poster.jpg" alt="vernissage"/>
                        </figure>
                    </li>

                </ul>
                <nav>
                    <span class="icon nav-prev"></span>
                    <span class="icon nav-next"></span>
                    <span class="icon nav-close"></span>
                </nav>
                <div class="info-keys icon">Navigate with arrow keys</div>
            </section><!-- // slideshow -->
        </div><!-- // grid-gallery -->


        <script src="../js/vendor/jquery-1.12.0.min.js"></script>
        <script src="../js/vendor/imagesloaded.pkgd.min.js"></script>
        <script src="../js/vendor/jquery.mobile-1.5.0-alpha.1.min.js"></script>
        
        <script src="../js/vendor/jquery.lazy.min.js"></script>
        <script src="../js/vendor/packery.pkgd.min.js"></script> 
        <script src="../js/config.js"></script>
        <script src="../js/common.js"></script>
        <script src="../js/plugins.js"></script>
        <script src="./art.js"></script>
        
    </body>
</html>
{'fraction_non_alphanumeric': 0.13685518538420205, 'fraction_numerical': 0.01467624932831811, 'mean_word_length': 0.8380864197530864, 'pattern_counts': {'":': 0, '<': 867, '<?xml version=': 0, '>': 867, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, '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': '6090123', 'n_tokens_mistral': 7905, 'n_tokens_neox': 7148, 'n_words': 1267}