<commit_before><!DOCTYPE html>
<html>
  <head>
    <link type="text/css" rel="stylesheet" href="../stylesheets/default.css"/>
    <link type="text/css" rel="stylesheet" href="../stylesheets/blog.css"/>
    <title>
      <NAME>
    </title>
  </head>
  <body>
    <figure id="profile">
      <a href="../index.html"><img src="../imgs/Wireframe-index.png" alt="Profile picture and home button."/></a> <!-- profile picture and link to return home -->
      <!-- used a handy picture as a placeholder -->
    </figure>
    <header>
      <h1><NAME></h1>   <!-- or witty title -->
      <!-- <h2><p>The personal page of <NAME></p></h2> --> <!-- if witty title is used -->
      <section id="header-links">
      <figure class="header-link-imgs"><a href="https://twitter.com/ArinB"><img src="../imgs/Twitter circular logo 24px.png" alt="Twitter"/></a></figure>    <!--!Social Media link 1 -->
      <figure class="header-link-imgs"><a href="https://github.com/jcraigie?tab=repositories"><img src="../imgs/Github.png" alt="Github"/></a></figure>
      </section>
    </header>
    <nav>
      <section><a href=#>About me</a><br /></section>
      <section><a href=#>Projects</a><br /></section>
      <section><a href="/Blog-index.html">Blog</a><br /></section>
      <section><a href=#>LinkedIn</a><br /></section>
      <section><a href=#>Resume</a><br /></section> <!-- specifically mentioned in the wireframing assignment though may be redundant with the linkedin being present -->
      <section><a href="mailto:<EMAIL>">Contact me</a></section>
    </nav>
    <div id="content">
      <h2>Hashs and Objects</h2>
      <h3>2/14/016</h3>
      <p>At first off Ruby Hashes and Javascript objects look very similar to each other. And they are with a few exceptions. Hashs are relatively straightforward data structures<br /> that function much like dictionaries storing a key and a value attached to that key. That value might be a number, a string, an array, or another hash.	</p>
      <p>A decent example of a hash from a previous exercise:</p>
        <p><code>hash = {outer: {inner: {"almost" => {3 => "congrats!"}}}}</code></p>
      <p>Javascript objects on the other hand also store a key and a value attached to that key but in addition to being able to store everything a hash is able to it can also store<br /> functions as a value so that when that key is accessed it runs the function instead of just returning a string for instance. Additionally the way in which objects are<br /> accessed gives them behavior very similar to classes in Ruby.</p>
      <p>An example of a Javascript object:</p>
      
        <p><img src="../imgs/Hulk.PNG" alt="Example of Javascript object."><br /></p>
        
    </div>
    <footer>
      <section id="footer-1"><p>Lorem Ipsum</p></section> <!-- Legal info or similar -->
      <section id="footer-2"><p>Lorem Ipsum</p></section> <!-- Copyright info or similar -->
      <section id="footer-3"><p>All content hand crafted by <a href="mailto:<EMAIL>"><NAME></a></p></section>
    </footer>
  </body>
 
</html>
<commit_msg>Add blog page<commit_after><!DOCTYPE html>
<html>
  <head>
    <link type="text/css" rel="stylesheet" href="../stylesheets/default.css"/>
    <link type="text/css" rel="stylesheet" href="../stylesheets/blog.css"/>
    <title>
      <NAME>
    </title>
  </head>
  <body>
    <figure id="profile">
      <a href="../index.html"><img src="../imgs/Wireframe-index.png" alt="Profile picture and home button."/></a> <!-- profile picture and link to return home -->
      <!-- used a handy picture as a placeholder -->
    </figure>
    <header>
      <h1><NAME></h1>   <!-- or witty title -->
      <!-- <h2><p>The personal page of <NAME></p></h2> --> <!-- if witty title is used -->
      <section id="header-links">
      <figure class="header-link-imgs"><a href="https://twitter.com/ArinB"><img src="../imgs/Twitter circular logo 24px.png" alt="Twitter"/></a></figure>    <!--!Social Media link 1 -->
      <figure class="header-link-imgs"><a href="https://github.com/jcraigie?tab=repositories"><img src="../imgs/Github logo.png" alt="Github"/></a></figure>
      </section>
    </header>
    <nav>
      <section><a href="../about.html">About me</a><br /></section>
      <section><a href="../projects/index.html">Projects</a><br /></section>
      <section><a href="/Blog-index.html">Blog</a><br /></section>
      <section><a href=#>LinkedIn</a><br /></section>
      <section><a href=#>Resume</a><br /></section> <!-- specifically mentioned in the wireframing assignment though may be redundant with the linkedin being present -->
      <section><a href="mailto:<EMAIL>">Contact me</a></section>
    </nav>
    <div id="content">
      <h2>Hashs and Objects</h2>
      <h3>2/14/016</h3>
      <p>At first off Ruby Hashes and Javascript objects look very similar to each other. And they are with a few exceptions. Hashs are relatively straightforward data structures<br /> that function much like dictionaries storing a key and a value attached to that key. That value might be a number, a string, an array, or another hash.	</p>
      <p>A decent example of a hash from a previous exercise:</p>
        <p><code>hash = {outer: {inner: {"almost" => {3 => "congrats!"}}}}</code></p>
      <p>Javascript objects on the other hand also store a key and a value attached to that key but in addition to being able to store everything a hash is able to it can also store<br /> functions as a value so that when that key is accessed it runs the function instead of just returning a string for instance. Additionally the way in which objects are<br /> accessed gives them behavior very similar to classes in Ruby.</p>
      <p>An example of a Javascript object:</p>
      
        <p><img src="../imgs/Hulk.PNG" alt="Example of Javascript object."><br /></p>
        
    </div>
    <footer>
      <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> 
      <!--<section id="footer-2"><p>Lorem Ipsum</p></section> <!-- Copyright info or similar -->
      <!-- <section id="footer-3"><p>All content hand crafted by <a href="mailto:<EMAIL>"><NAME></a></p></section> -->
    </footer>
  </body>
 
</html>

{'fraction_non_alphanumeric': 0.18038419490863658, 'fraction_numerical': 0.007340309230048415, 'mean_word_length': 3.1856209150326795, 'pattern_counts': {'":': 0, '<': 254, '<?xml version=': 0, '>': 257, 'https://': 4, 'lorem ipsum': 0, 'www.': 3, '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': '4782382', 'n_tokens_mistral': 2017, 'n_tokens_neox': 1923, 'n_words': 632}