<commit_before><!DOCTYPE html>
<html lang="en">

<head>
	<title>Klarence OuYang&rsquo;s Portfolio</title>
	<meta charset="UTF-8">
	<meta name="description" content="Klarence OuYang&rsquo;s Portfolio Website">
	<meta name="keywords" content="portfolio, creative">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Favicon -->
	<link href="images/favicon.ico" rel="shortcut icon" />

	<!-- Google Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i,700" rel="stylesheet">

	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/font-awesome/all.css" />
	<link rel="stylesheet" href="css/style.css" />


	<!--[if lt IE 9]>
	  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-171493612-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-171493612-1');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-171493612-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-171493612-1');
</script>

<!-- Hotjar Tracking Code for www.klarence.net -->
	<script>
		(function(h,o,t,j,a,r){
			h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
			h._hjSettings={hjid:1883300,hjsv:6};
			a=o.getElementsByTagName('head')[0];
			r=o.createElement('script');r.async=1;
			r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
			a.appendChild(r);
		})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
	</script>
</head>

<body>
	<!-- Page Preloader -->
	<div id="preloader">
		<div class="loader"></div>
	</div>

	<!-- header section start -->
	<header class="header-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-3">
					<div class="logo">
						<a class="d-block" href="index.html"><img alt="" src="./images/KOY-designs-logo.png" loading="eager"></a>
						<!-- <h1 class="site-logo">Klarence OuYang Designs</h1> -->
					</div>
				</div>
				<div class="col-lg-8 col-md-9">
					<!--<a href="contact.html" class="site-btn header-btn">Get in touch</a>-->
					<nav class="main-menu">
						<ul>
							<!--<li><a href="index.html">Home</a></li>-->
							<li><a href="about.html">About</a></li>
							<!--<li><a href="work.html">Portfolio</a></li>-->
							<li><a href="slides.html">Slides</a></li>
							<li><a href="contact.html" class="active">Contact</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
		<div class="nav-switch">
			<i class="fa fa-bars" aria-hidden="true"></i>
		</div>
	</header>
	<!-- header section end -->

	<!-- intro section start -->
	<section class="intro-section slides">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<h2 class="section-title">Contact</h2>
				</div>
			</div>
		</div>
	</section>
	<!-- intro section end -->

	<!-- page section start -->
	<section class="page-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 offset-lg-3 contact-text">
					<h2>Let&rsquo;s chat</h2>
					<p>I am always looking for my next challenge. <br />Especially if it has to do with Design,
						Technology, or Usability.</p>
					<!--<p><small>Note to recruiters. </small></p>-->
				</div>
			</div>
			<form class="contact-form" action="https://formspree.io/mqkyqvaj" method="POST">
				<div class="row">
					<div class="col-md-6">
						<label for="name">Name</label>
						<input type="text" name="name" id="name">
						<!--<input type="text" placeholder="Name">-->
					</div>
					<div class="col-md-6">
						<!--<input type="text" placeholder="E-mail">-->
						<label for="email">Email</label>
						<input type="email" name="_replyto" id="email">
					</div>
					<div class="col-md-12">
						<label for="subject">Subject</label>
						<input type="text" name="subject" id="subject">
					</div>
					<!-- <div class="col-md-6">
						<input type="text" placeholder="How did you hear about us?">
					</div> -->
					<div class="col-md-12">
						<label for="message">Message</label>
						<textarea type="text" name="message" placeholder="Tell me what you are thinking"
							id="message"></textarea>
					</div>
				</div><commit_msg>add required fields to contact<commit_after><!DOCTYPE html>
<html lang="en">

<head>
	<title><NAME>&rsquo;s Portfolio</title>
	<meta charset="UTF-8">
	<meta name="description" content="<NAME>&rsquo;s Portfolio Website">
	<meta name="keywords" content="portfolio, creative">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Favicon -->
	<link href="images/favicon.ico" rel="shortcut icon" />

	<!-- Google Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i,700" rel="stylesheet">

	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/font-awesome/all.css" />
	<link rel="stylesheet" href="css/style.css" />


	<!--[if lt IE 9]>
	  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-171493612-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-171493612-1');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-171493612-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-171493612-1');
</script>

<!-- Hotjar Tracking Code for www.klarence.net -->
	<script>
		(function(h,o,t,j,a,r){
			h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
			h._hjSettings={hjid:1883300,hjsv:6};
			a=o.getElementsByTagName('head')[0];
			r=o.createElement('script');r.async=1;
			r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
			a.appendChild(r);
		})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
	</script>
<!--    <script src="https://www.google.com/recaptcha/api.js" async defer></script>-->
<!--	<script>-->
<!--		window.onload = function() {-->
<!--          let el = document.getElementById('g-recaptcha-response');-->
<!--          if (el) {-->
<!--            el.setAttribute('required', 'required');-->
<!--          }-->
<!--        }-->
<!--	</script>-->
<!--    <style>-->
<!--        #g-recaptcha-response {-->
<!--            display: block !important;-->
<!--            position: absolute;-->
<!--            margin: -50px 0 0 0 !important;-->
<!--            z-index: -999999;-->
<!--            opacity: 0;-->
<!--        }-->
<!--    </style>-->
</head>

<body>
	<!-- Page Preloader -->
	<div id="preloader">
		<div class="loader"></div>
	</div>

	<!-- header section start -->
	<header class="header-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-3">
					<div class="logo">
						<a class="d-block" href="index.html"><img alt="" src="./images/KOY-designs-logo.png" loading="eager"></a>
						<!-- <h1 class="site-logo">Klarence OuYang Designs</h1> -->
					</div>
				</div>
				<div class="col-lg-8 col-md-9">
					<!--<a href="contact.html" class="site-btn header-btn">Get in touch</a>-->
					<nav class="main-menu">
						<ul>
							<!--<li><a href="index.html">Home</a></li>-->
							<li><a href="about.html">About</a></li>
							<!--<li><a href="work.html">Portfolio</a></li>-->
							<li><a href="slides.html">Slides</a></li>
							<li><a href="contact.html" class="active">Contact</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
		<div class="nav-switch">
			<i class="fa fa-bars" aria-hidden="true"></i>
		</div>
	</header>
	<!-- header section end -->

	<!-- intro section start -->
	<section class="intro-section slides">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<h2 class="section-title">Contact</h2>
				</div>
			</div>
		</div>
	</section>
	<!-- intro section end -->

	<!-- page section start -->
	<section class="page-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 offset-lg-3 contact-text">
					<h2>Let&rsquo;s chat</h2>
					<p>I am always looking for my next challenge. <br />Especially if it has to do with Design,
						Technology, or Usability.</p>
					<!--<p><small>Note to recruiters. </small></p>-->
				</div>
			</div>
			<form class="contact-form" action="https://formspree.io/mqkyqvaj" method="POST">
				<div class="row">
					<div class="col-md-6">
						<label for="name">Name</label>
						<input type="text" name="name" id="name" required>
						<!--<input type="text" placeholder="Name">-->
					</div>
					<div class="col-md-6">
						<!--<input type="text" placeholder="E-mail">-->
						<label for="email">Email</label>
						<input type="email" name="_replyto" id="email" required>
					</div>
					<div class="col-md-12">
						<label for="subject">Subject</label>
						<input type="text" name="subject" id="subject" required>
					</div>
					<!-- <div class="col-md-6">
						<input type="text" placeholder="How did you hear about us?">
					</div> -->
					<div class="col-md-12">
						<label for="message">Message</label>
						<textarea type="text" name="message" placeholder="Tell me what you are thinking"
							id="message" required></textarea>
					</div>
				</div>
<!--				<div class="g-recaptcha" data-sitekey="<KEY>"></div>-->
{'fraction_non_alphanumeric': 0.23588829471182413, 'fraction_numerical': 0.02059813824519707, 'mean_word_length': 3.2114261884904085, 'pattern_counts': {'":': 0, '<': 347, '<?xml version=': 0, '>': 347, 'https://': 15, 'lorem ipsum': 0, 'www.': 7, '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': '3567257', 'n_tokens_mistral': 4315, 'n_tokens_neox': 3623, 'n_words': 661}