<commit_before><!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
        <title>About - <NAME></title>
        <meta name="author" content="">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/tachyons.css">  
        <link rel="stylesheet" type="text/css" href="/css/fonts.css">    
        <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
        <link rel="icon" type="image/png" href="images/favicon.png" />
  </head>
    
  <body class="ph3 ph6-l ph4-m bg-light-yellow navy"> 
    <header>
    <!-- NAV BAR -->
    <nav class="dt w-100 w-60-ns pt3 pt4-ns">
      <div class="dt-row w-100">
        <p class="fl w-34 w-25-l"><a href="index.html" title="Home" class="link"><img src="images/nav/home-icon.png" width="15"> HOME</a></p>
        <p class="fl w-34 w-25-l"><a href="about.html" title="About Me" class="link"><img src="images/nav/about-icon.png" width="16"> ABOUT</a></p>
        <p class="fl w-30 w-25-l"><a href="journal.html" title="Journal" class="link"><img src="images/nav/journal-icon.png" width="17"> JOURNAL</a></p>   
      </div>
      <div class="dt-row w-100">
        <p class="fl w-34 w-25-l"><a href="https://www.twitter.com/_angelahe" title="Twitter" class="link" target="_blank"><img src="images/nav/twitter-icon.png" width="15"> TWEETS</a></p>
        <p class="fl w-34 w-25-l"><a href="https://www.goodreads.com/angela-he" title="Goodreads" class="link" target="_blank"><img src="images/nav/reading-icon.png" width="14" > READING</a></p>
        <p class="fl w-30 w-25-l"><a href="mailto:<EMAIL>" title="Email" class="link"><img src="images/nav/email-icon.png" width="16" id="center-me"> SAY HELLO</a></p>
      </div> 
    </nav>
    </header>
    
    <!--LOGO only on not large -->
    <div id="hide-large" class="cf fl dt w-100 w-40-l pt4-l pl4-l pt4 pb3"><a href="index.html" class="f2 celebration"><NAME></a></div>  
      
    <div class="row">
    <div class="w-100-ns pv4 pv5-l">
        <!-- ABOUT ME -->
        <div class="cf fl w-100 w-65-l">
          <div class="w-100 w-95-l">
            <table class="collapse"><tbody>
                <!-- POSTS & th padding(?) -->
                <tr>
                    <th class="w-20 bt pr3 pr5-ns title" id="hide-ns">ABOUT</th>
                    <td class="w-80 bt pv3">            
                        <img src="/images/me-nyc.jpg">
                        <p class="lh-title">Hey there!<br><br><!--I'm a restless do-er and creative maker interested in using tech &amp; design to create social change.--> After graduating with computer science &amp; visual arts degrees from Emory University, I'm now designing story-telling products at The Atlantic. In a past life, I was a front-end developer in Seattle tech, data viz designer at an edu lab, and graphic designer for an eccentric tea shop.<br><br>
                            
                        My philosophy as a designer is that technology should be mindfully used to <a href="https://calmtech.com/" target="_blank" class="link text-link">enhance</a> people's lives instead of distract from it. <br><br>
                            
                        In my spare time, I <a href="https://www.goodreads.com/angela-he" target="_blank" class="link text-link">read books,</a> journal, and listen to the 99% Invisible podcast. In other words, my down time still consists of making and learning, and I do it all with a cup of citron honey tea. I'm a firm believer in early mornings, late nights, and being awake in general. <br><br>
                        Feel free to contact me with questions, hellos, and life wisdom. I enjoy <a href="mailto:<EMAIL>" class="link text-link">getting emails,</a> so more power to you. <br><br>
                        Check out my <a href="/AngelaHe-dec18-resume.pdf" class="link text-link" target="_blank">resume.</a></p><br><br>
                        
                        <em class="lh-title">Designed &amp; coded this site with patience &amp; caffeine ☺</em><br><br>
                    </td>      
                </tr>  
            </tbody></table>
          </div>
        </div>
    
        <!-- INTRO -->
        <div id="hide-ns" class="cf fl w-100 w-35-l pl4-l pr5-l">
          <div class="pb4">
              <p class="lh-copy">
                <span class="karla">LEARNING</span><br>
                Animation<br><br>
                <span class="karla">READING</span><br>
                <a href="https://www.goodreads.com/book/show/38354824-we-can-t-breathe" class="text-link link" target="_blank">We Can't Breathe</a><br><br>
                <span class="karla">MAKING</span><br>
                Succulent nursery
              </p>
          </div>
        </div>

    </div>
    </div>   
  </body>
</html>
<commit_msg>added --- to the about page<commit_after><!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
        <title>About - <NAME></title>
        <meta name="author" content="">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/tachyons.css">  
        <link rel="stylesheet" type="text/css" href="/css/fonts.css">    
        <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
        <link rel="icon" type="image/png" href="images/favicon.png" />
  </head>
    
  <body class="ph3 ph6-l ph4-m bg-light-yellow navy"> 
    <header>
    <!-- NAV BAR -->
    <nav class="dt w-100 w-60-ns pt3 pt4-ns">
      <div class="dt-row w-100">
        <p class="fl w-34 w-25-l"><a href="index.html" title="Home" class="link"><img src="images/nav/home-icon.png" width="15"> HOME</a></p>
        <p class="fl w-34 w-25-l"><a href="about.html" title="About Me" class="link"><img src="images/nav/about-icon.png" width="16"> ABOUT</a></p>
        <p class="fl w-30 w-25-l"><a href="journal.html" title="Journal" class="link"><img src="images/nav/journal-icon.png" width="17"> JOURNAL</a></p>   
      </div>
      <div class="dt-row w-100">
        <p class="fl w-34 w-25-l"><a href="https://www.twitter.com/_angelahe" title="Twitter" class="link" target="_blank"><img src="images/nav/twitter-icon.png" width="15"> TWEETS</a></p>
        <p class="fl w-34 w-25-l"><a href="https://www.goodreads.com/angela-he" title="Goodreads" class="link" target="_blank"><img src="images/nav/reading-icon.png" width="14" > READING</a></p>
        <p class="fl w-30 w-25-l"><a href="mailto:<EMAIL>" title="Email" class="link"><img src="images/nav/email-icon.png" width="16" id="center-me"> SAY HELLO</a></p>
      </div> 
    </nav>
    </header>
    
    <!--LOGO only on not large -->
    <div id="hide-large" class="cf fl dt w-100 w-40-l pt4-l pl4-l pt4 pb3"><a href="index.html" class="f2 celebration"><NAME></a></div>  
      
    <div class="row">
    <div class="w-100-ns pv4 pv5-l">
        <!-- ABOUT ME -->
        <div class="cf fl w-100 w-65-l">
          <div class="w-100 w-95-l">
            <table class="collapse"><tbody>
                <!-- POSTS & th padding(?) -->
                <tr>
                    <th class="w-20 bt pr3 pr5-ns title" id="hide-ns">ABOUT</th>
                    <td class="w-80 bt pv3">            
                        <img src="/images/me-nyc.jpg">
                        <p class="lh-title">Hey there!<br><br><!--I'm a restless do-er and creative maker interested in using tech &amp; design to create social change.--> After graduating with computer science &amp; visual arts degrees from Emory University, I'm now designing story-telling products at The Atlantic. In a past life, I was a front-end developer in Seattle tech, data viz designer at an edu lab, and graphic designer for an eccentric tea shop.<br><br>
                            
                        My philosophy as a designer is that technology should be mindfully used to <a href="https://calmtech.com/" target="_blank" class="link text-link">enhance</a> people's lives instead of distract from it. <br><br>
                            
                        In my spare time, I <a href="https://www.goodreads.com/angela-he" target="_blank" class="link text-link">read books,</a> journal, and listen to the 99% Invisible podcast. In other words, my down time still consists of making and learning, and I do it all with a cup of citron honey tea. I'm a firm believer in early mornings, late nights, and being awake in general. <br><br>
                        Feel free to contact me with questions, hellos, and life wisdom. I enjoy <a href="mailto:<EMAIL>" class="link text-link">getting emails,</a> so more power to you. <br><br>
                        Check out my <a href="/AngelaHe-dec18-resume.pdf" class="link text-link" target="_blank">resume.</a></p><br>---<br>
                        
                        <em class="lh-title">Designed &amp; coded this site with patience &amp; caffeine ☺</em><br><br>
                    </td>      
                </tr>  
            </tbody></table>
          </div>
        </div>
    
        <!-- INTRO -->
        <div id="hide-ns" class="cf fl w-100 w-35-l pl4-l pr5-l">
          <div class="pb4">
              <p class="lh-copy">
                <span class="karla">LEARNING</span><br>
                Animation<br><br>
                <span class="karla">READING</span><br>
                <a href="https://www.goodreads.com/book/show/38354824-we-can-t-breathe" class="text-link link" target="_blank">We Can't Breathe</a><br><br>
                <span class="karla">MAKING</span><br>
                Succulent nursery
              </p>
          </div>
        </div>

    </div>
    </div>   
  </body>
</html>

{'fraction_non_alphanumeric': 0.1738872989243067, 'fraction_numerical': 0.02092174084673838, 'mean_word_length': 2.2796116504854367, 'pattern_counts': {'":': 0, '<': 277, '<?xml version=': 0, '>': 277, 'https://': 14, 'lorem ipsum': 0, 'www.': 8, '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': '1482515', 'n_tokens_mistral': 3428, 'n_tokens_neox': 3193, 'n_words': 840}