<commit_before><!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Aji Slater</title>
  <link rel="stylesheet" href="stylesheets/default.css">
  <link href='https://fonts.googleapis.com/css?family=Titillium+Web:700' rel='stylesheet' type='text/css'>
</head>


<body class="no-marg p-zero bg-offwt">

<header class="wide bg-bar inline-b clearfix p-top-l">
<center>

  <span class="inline-b p-sm align-r"><img src="imgs/avatar1.jpg" alt="" class="avatar-size bd-wt bd-1px avatar-shape"></span>
  <span class="inline-b p-sm p-bot-m">
    <span class="lh-zero br txt-xl Goog-font txt-wt">
      Aji Slater
    </span>
    <span class="lh-zero br txt-l Goog-font txt-lt p-bot-sm">
      Developer, Designer, Content Creator
    </span>
  </span>
  <span class="inline-b p-sm align-l">
    <img src="imgs/avatar2.jpg" alt="" class="avatar-size avatar-shape">
  </span>

</center>
</header>
<main class="clearfix">

  <section class="inline-b wth-lrg p-psm">
    <h2 class="Goog-font text-m marg-top-no">
      Real Developers have Class
    </h2>
    <img src="imgs/blog2.jpg" alt="Graphic Design Ilustration" class="ht-xxl">
    <br><span class="txt-sm Goog-font align-r">
      Image by <a href="https://freerangestock.com/view_photog.php?photogid=2728" class="txt-blk txt-nd link"><NAME></a>
    </span>

    <p>With CSS, a designer will style the elements in their html code with a cascading style sheet. Both classes and ids are used within that document to identify what elements in the html should be applied from the style sheet. But which is better? When should you use one and not the other?</p>
    <a href="blog/css-concepts.html">Link to the rest of the blog post</a>
  </section>

  <aside class="inline-b wth-sm fl-r clearfix">
    <nav>
      <ul class="p-zero">
        <a href="#"><li class="inline-b p-sm wth-lrg marg-bot-sm button Goog-font">Bio</li></a>
        <a href="#"><li class="inline-b p-sm wth-lrg marg-bot-sm button Goog-font">Blogs</li></a>
        <a href="#"><li class="inline-b p-sm wth-lrg marg-bot-sm button Goog-font">Projects</li></a>
        <a href="#"><li class="inline-b p-sm wth-lrg marg-bot-sm button Goog-font">Resume</li></a>
        <a href="#"><li class="inline-b p-sm wth-lrg marg-bot-sm button Goog-font">Contact</li></a>
      </ul>
    </nav>
  </aside>

</main>

<footer class="wide ft-bot bg-bar-f inline-b clearfix p-top-l ht-l">
  <div class="outer-container">
    <div class="inner-container">
      <a href="https://www.linkedin.com/pub/christopher-slater/100/155/403" class="txt-lt Goog-font txt-nd txt-150p marg-r-m">
        LinkedIN
      </a>
      <a href="https://twitter.com/AjiSlater" class="txt-lt Goog-font txt-nd txt-150p marg-r-m">
        Twitter
      </a>
      <a href="https://github.com/aji-slater" class="txt-lt Goog-font txt-nd txt-150p">
        GitHub
      </a>
    </div>
  </div>
</footer>

</body>

</html>
<commit_msg>Fixes merge conflict with 9.7.15<commit_after><!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Aji Slater</title>
  <link rel="stylesheet" href="stylesheets/default.css">
  <link href='https://fonts.googleapis.com/css?family=Titillium+Web:700' rel='stylesheet' type='text/css'>
</head>


<body class="no-marg p-zero bg-offwt">

<header class="wide bg-bar inline-b clearfix p-top-l">
<center>

  <span class="inline-b p-sm align-r"><img src="imgs/avatar1.jpg" alt="" class="avatar-size bd-wt bd-1px avatar-shape"></span>
  <span class="inline-b p-sm p-bot-m">
    <span class="lh-zero br txt-xl Goog-font txt-wt">
      Aji Slater
    </span>
    <span class="lh-zero br txt-l Goog-font txt-lt p-bot-sm">
      Developer, Designer, Content Creator
    </span>
  </span>
  <span class="inline-b p-sm align-l">
    <img src="imgs/avatar2.jpg" alt="" class="avatar-size avatar-shape">
  </span>

</center>
</header>
<main class="clearfix">

  <section class="inline-b wth-lrg p-psm">

    <h2 class="Goog-font text-m marg-top-no">
      Real Developers have Class
    </h2>
    <img src="imgs/blog2.jpg" alt="Graphic Design Ilustration" class="ht-xxl">
    <br><span class="txt-sm Goog-font align-r">
      Image by <a href="https://freerangestock.com/view_photog.php?photogid=2728" class="txt-blk txt-nd link"><NAME></a>
    </span>


    <p>With CSS, a designer will style the elements in their html code with a cascading style sheet. Both classes and ids are used within that document to identify what elements in the html should be applied from the style sheet. But which is better? When should you use one and not the other?</p>
    <a href="blog/css-concepts.html">Link to the rest of the blog post</a>
  </section>

  <aside class="inline-b wth-sm fl-r clearfix">
    <nav>
      <ul class="p-zero">
        <a href="#"><li class="inline-b p-sm wth-lrg marg-bot-sm button Goog-font">Bio</li></a>
        <a href="#"><li class="inline-b p-sm wth-lrg marg-bot-sm button Goog-font">Blogs</li></a>
        <a href="#"><li class="inline-b p-sm wth-lrg marg-bot-sm button Goog-font">Projects</li></a>
        <a href="#"><li class="inline-b p-sm wth-lrg marg-bot-sm button Goog-font">Resume</li></a>
        <a href="#"><li class="inline-b p-sm wth-lrg marg-bot-sm button Goog-font">Contact</li></a>
      </ul>
    </nav>
  </aside>

</main>

<footer class="wide ft-bot bg-bar-f inline-b clearfix p-top-l ht-l">
  <div class="outer-container">
    <div class="inner-container">
      <a href="https://www.linkedin.com/pub/christopher-slater/100/155/403" class="txt-lt Goog-font txt-nd txt-150p marg-r-m">
        LinkedIN
      </a>
      <a href="https://twitter.com/AjiSlater" class="txt-lt Goog-font txt-nd txt-150p marg-r-m">
        Twitter
      </a>
      <a href="https://github.com/aji-slater" class="txt-lt Goog-font txt-nd txt-150p">
        GitHub
      </a>
    </div>
  </div>
</footer>

</body>

</html>

{'fraction_non_alphanumeric': 0.1807290775286668, 'fraction_numerical': 0.011637857265103543, 'mean_word_length': 3.183249821045097, 'pattern_counts': {'":': 0, '<': 169, '<?xml version=': 0, '>': 169, 'https://': 10, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3539171', 'n_tokens_mistral': 2250, 'n_tokens_neox': 2161, 'n_words': 536}