<commit_before><!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="stylesheets/default.css">
	<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="stylesheets/blog.css">
	<title>Tooconfident's Tech Blog</title>
</head>
<body>

	<header><h1>Blog Title<h1></header>
		<nav>
			<a href="#">Home</a>
			<a href="#">About Me</a>
			<a href="#">Contact Me</a>
		</nav>

<section class=paragraphs>
	<h3>Topic</h3>
		<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 </p>
</section>

<section class="links">
	<h3>Related Links</h3>
		<h5>
			<ul>
				<li><a href="#"><!-- First Link --></a></li>
			</ul>
		</h5>
</section>

<footer>
	<h6>Copyright</h6>
</footer>

</body>

<!-- 
How was it to wireframe and create an HTML page with a pair?
- I really enjoyed the process.We did a good job splitting up the work where he was the driver during the wireframe developement and I took over during the html section.

Did you find wireframing to be helpful to your development process?
- Absolutely. It really gives a better undersstanding of the layour you desire for your page. I'm looking forward to learning how to style a page to look as close to the wireframe as possible.

What did you and your pair decide made a good wireframe? 
- We both liked a clean and structured outline. Ours was pretty simple. For a blog post we felt a clean basic structure with a section for the blog post and a section for related links to the post would be the main focus. 

What new semantic elements did you learn about (if any)?
- You'll see above, <section> <nav> and <article> were three new semantic elements both Wesley and I just learned during our session.
 -->

<img src="../Tooconfident.github.io/imgs/wireframe-blogs.png" />

</html><commit_msg>Update blog template.<commit_after><!DOCTYPE html>
<html>
<head>
  <title>Blog post info</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="../Tooconfident.github.io/stylesheets/default.css">
  <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="../Tooconfident.github.io/stylesheets/blog.css">
</head>
<body>
  <main>
    <h1>Blog Title</h1>
    <h2>Subtitle</h2>
    <h4>Today's Date</h4>
  
    <section class="paragraphs">
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
      </p>
  
    </section>

    <section class="links">
      <h3>Related Links</h3>
        <h5>
          <ul>
            <li><a href="#">
              <img class="related" src="#" alt="#"></a></li>
              <li><a href="#"><img class="related2" src="#" alt="#"></a>
          </ul>
        </h5>
    </section>

  </main>
</body>

  
Status API Training Shop Blog About Pricing
© 2016 GitHub, Inc. Terms Privacy Security Contact Help

<!-- 
How was it to wireframe and create an HTML page with a pair?
- I really enjoyed the process.We did a good job splitting up the work where he was the driver during the wireframe developement and I took over during the html section.

Did you find wireframing to be helpful to your development process?
- Absolutely. It really gives a better undersstanding of the layour you desire for your page. I'm looking forward to learning how to style a page to look as close to the wireframe as possible.

What did you and your pair decide made a good wireframe? 
- We both liked a clean and structured outline. Ours was pretty simple. For a blog post we felt a clean basic structure with a section for the blog post and a section for related links to the post would be the main focus. 

What new semantic elements did you learn about (if any)?
- You'll see above, <section> <nav> and <article> were three new semantic elements both Wesley and I just learned during our session.
 -->

<img src="../Tooconfident.github.io/imgs/wireframe-blogs.png" />

</html>
{'fraction_non_alphanumeric': 0.08788714123560888, 'fraction_numerical': 0.004215988324955408, 'mean_word_length': 3.8913560666137985, 'pattern_counts': {'":': 0, '<': 106, '<?xml version=': 0, '>': 106, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 30, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3696504', 'n_tokens_mistral': 2028, 'n_tokens_neox': 1908, 'n_words': 831}