<commit_before>  <div class="container next-meeting">
    <h1>
      <span id="next-meeting" class="mega-octicon octicon-calendar"></span>
      Next Meeting: <span id="next-meeting-date">8/30/16</span>
    </h1>
    <div class="presentation">
      <span><%= mega_octicon('clock') %> 7:00 PM <span>-</span></span>
      <span><span id="meeting-topic">Meteor Chat Tutorial</span> with <span id="meeting-speaker"><NAME></span></span>
    </div>
  </div>
</section>

<section class="dark">
  <div class="container">
    <div class="info-column">
      <%= mega_octicon('organization') %>
      <h2>WHO WE ARE</h2>
      <p>The Collegiate Web Developers Group is a collection of students, graduates and alumni at the Ohio State University who are making an effort to improve the web. We work hard to make ourselves, and others, better developers.</p>
    </div>

    <div class="info-column">
      <%= mega_octicon('person') %>
      <h2>HOW CAN I JOIN?</h2>
      <p>If you are an OSU student who wants to get involved in web development this club is for you. It doesn't matter if you are an experienced developer or a beginner. CWDG offers something for all skill levels.</p>
    </div>

    <div class="info-column">
      <%= mega_octicon('checklist') %>
      <h2>MEETING TIMES</h2>
      <p>Meeting times are every Tuesday at 7:00pm in Dreese Labs, Room 260. These meetings entail a talk, possibly from a guest speaker, and working on projects. <a href="http://eepurl.com/GBJFv">Join the mailing list</a> to see what is coming up.</p>
    </div>
  </div>
</section>

<section class="officers">
  <div class="container">
    <section class="officer-blocks">
      <h2>Officers</h2>
      <div class="officers">
        <div class="officer-panel">
          <h3>President:<br/><NAME></h3>
          <%= image_tag 'officers/john_simerlink_tshirt.jpg' %>
        </div>
        <div class="officer-panel">
          <h3>Vice President:<br/><NAME></h3>
          <%= image_tag 'officers/alex_fuhr.jpg' %>
        </div>
        <div class="officer-panel">
          <h3>Treasurer:<br/><NAME></h3>
          <%= image_tag 'officers/jack_moore.jpg' %>
        </div>
        <div class="officer-panel">
          <h3>Secretary:<br/><NAME></h3>
          <%= image_tag 'officers/marwan_nakhaleh.jpg' %>
        </div>
        <div class="officer-panel">
          <h3>Website Maintainer:<br/><NAME></h3>
          <%= image_tag 'officers/shaffanMustafa.jpg' %>
        </div>
    </section>
  </div>
</section>

<section id='getting-started' class="dark red" style="background: <%= geo_pattern_image('getting started', color: '#7A3332') %>"><commit_msg>Trying to fix the spacing by changing the order in which the officers' pictures are displayed<commit_after>  <div class="container next-meeting">
    <h1>
      <span id="next-meeting" class="mega-octicon octicon-calendar"></span>
      Next Meeting: <span id="next-meeting-date">8/30/16</span>
    </h1>
    <div class="presentation">
      <span><%= mega_octicon('clock') %> 7:00 PM <span>-</span></span>
      <span><span id="meeting-topic">Meteor Chat Tutorial</span> with <span id="meeting-speaker"><NAME></span></span>
    </div>
  </div>
</section>

<section class="dark">
  <div class="container">
    <div class="info-column">
      <%= mega_octicon('organization') %>
      <h2>WHO WE ARE</h2>
      <p>The Collegiate Web Developers Group is a collection of students, graduates and alumni at the Ohio State University who are making an effort to improve the web. We work hard to make ourselves, and others, better developers.</p>
    </div>

    <div class="info-column">
      <%= mega_octicon('person') %>
      <h2>HOW CAN I JOIN?</h2>
      <p>If you are an OSU student who wants to get involved in web development this club is for you. It doesn't matter if you are an experienced developer or a beginner. CWDG offers something for all skill levels.</p>
    </div>

    <div class="info-column">
      <%= mega_octicon('checklist') %>
      <h2>MEETING TIMES</h2>
      <p>Meeting times are every Tuesday at 7:00pm in Dreese Labs, Room 260. These meetings entail a talk, possibly from a guest speaker, and working on projects. <a href="http://eepurl.com/GBJFv">Join the mailing list</a> to see what is coming up.</p>
    </div>
  </div>
</section>

<section class="officers">
  <div class="container">
    <section class="officer-blocks">
      <h2>Officers</h2>
      <div class="officers">
        <div class="officer-panel">
          <h3>President:<br/><NAME></h3>
          <%= image_tag 'officers/john_simerlink_tshirt.jpg' %>
        </div>
        <div class="officer-panel">
          <h3>Vice President:<br/><NAME></h3>
          <%= image_tag 'officers/alex_fuhr.jpg' %>
        </div>
        <div class="officer-panel">
          <h3>Treasurer:<br/><NAME></h3>
          <%= image_tag 'officers/jack_moore.jpg' %>
        </div>
        <div class="officer-panel">
          <h3>Website Maintainer:<br/><NAME></h3>
          <%= image_tag 'officers/shaffanMustafa.jpg' %>
        </div>
        <div class="officer-panel">
          <h3>Secretary:<br/><NAME></h3>
          <%= image_tag 'officers/marwan_nakhaleh.jpg' %>
        </div>
    </section>
  </div>
</section>

<section id='getting-started' class="dark red" style="background: <%= geo_pattern_image('getting started', color: '#7A3332') %>">
{'fraction_non_alphanumeric': 0.16307177389364075, 'fraction_numerical': 0.014503532911863145, 'mean_word_length': 3.0261976047904193, 'pattern_counts': {'":': 0, '<': 195, '<?xml version=': 0, '>': 195, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '76953', 'n_tokens_mistral': 1902, 'n_tokens_neox': 1756, 'n_words': 461}