<commit_before><!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
		<title>CAMS CyberKey</title>

		<!-- CSS  -->
		<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		<script src="scripts/init.js"></script>
		<link href="favicon.png" rel="shortcut icon"/>
	</head>

	<body>
		<header>
			<nav class="light-blue lighten-1" role="navigation">
				<div class="container">
					<div class="nav-wrapper"><a id="logo-container" href="index" class="brand-logo">CAMS Key Club</a>
						<ul class="right">
							<li><a href="index">Home</a></li>
							<li><a href="events">Events</a></li>
							<li><a href="officers">Officers</a></li>
							<li><a href="bulletin">Bulletin</a></li>
							<li><a href="connect">Connect</a></li>
							<li><a href="about">About</a></li>
							<li><a href="contact">Contact</a></li>
						</ul>

						<ul id="nav-mobile" class="side-nav">
							<li><a href="index">Home</a></li>
							<li><a href="events">Events</a></li>
							<li><a href="officers">Officers</a></li>
							<li><a href="bulletin">Bulletin</a></li>
							<li><a href="connect">Connect</a></li>
							<li><a href="about">About</a></li>
							<li><a href="contact">Contact</a></li>
						</ul>
						<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
					</div>
			</div>
			</nav>
		</header>
		
		<main>
			<div class="section no-pad-bot" id="index-banner">
				<div class="container">
					<h1 class="header center blue-text">Officers</h1>
				</div>
			</div>
			
			<div class="container">
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-male.png">
						</div>
						<div class="col">
							<h5>President: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (310)561-0553<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-female.png">
						</div>
						<div class="col">
							<h5>Co-Vice President: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (???)???-????<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-female.png">
						</div>
						<div class="col">
							<h5>Co-Vice President: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (424)772-0009<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div><div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-male.png">
						</div>
						<div class="col">
							<h5>Secretary: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (???)???-????<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-female.png">
						</div>
						<div class="col">
							<h5>Treasurer: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (310)483-4592<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-female.png">
						</div>
						<div class="col">
							<h5>Bulletin Editor: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (???)???-????<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-female.png">
						</div>
						<div class="col">
							<h5>Co-Historian: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (???)???-????<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-male.png">
						</div>
						<div class="col">
							<h5>Co-Historian: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (???)???-????<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-male.png">
						</div>
						<div class="col">
							<h5>Co-Webmaster: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (???)???-????<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-male.png">
						</div>
						<div class="col">
							<h5>Co-Webmaster: <NAME>-Hoo</h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br><commit_msg>Added Saingyou's and Paul's Numbers<commit_after><!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
		<title>CAMS CyberKey</title>

		<!-- CSS  -->
		<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		<script src="scripts/init.js"></script>
		<link href="favicon.png" rel="shortcut icon"/>
	</head>

	<body>
		<header>
			<nav class="light-blue lighten-1" role="navigation">
				<div class="container">
					<div class="nav-wrapper"><a id="logo-container" href="index" class="brand-logo">CAMS Key Club</a>
						<ul class="right">
							<li><a href="index">Home</a></li>
							<li><a href="events">Events</a></li>
							<li><a href="officers">Officers</a></li>
							<li><a href="bulletin">Bulletin</a></li>
							<li><a href="connect">Connect</a></li>
							<li><a href="about">About</a></li>
							<li><a href="contact">Contact</a></li>
						</ul>

						<ul id="nav-mobile" class="side-nav">
							<li><a href="index">Home</a></li>
							<li><a href="events">Events</a></li>
							<li><a href="officers">Officers</a></li>
							<li><a href="bulletin">Bulletin</a></li>
							<li><a href="connect">Connect</a></li>
							<li><a href="about">About</a></li>
							<li><a href="contact">Contact</a></li>
						</ul>
						<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
					</div>
			</div>
			</nav>
		</header>
		
		<main>
			<div class="section no-pad-bot" id="index-banner">
				<div class="container">
					<h1 class="header center blue-text">Officers</h1>
				</div>
			</div>
			
			<div class="container">
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-male.png">
						</div>
						<div class="col">
							<h5>President: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (310)561-0553<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-female.png">
						</div>
						<div class="col">
							<h5>Co-Vice President: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (???)???-????<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-female.png">
						</div>
						<div class="col">
							<h5>Co-Vice President: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (424)772-0009<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div><div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-male.png">
						</div>
						<div class="col">
							<h5>Secretary: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (???)???-????<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-female.png">
						</div>
						<div class="col">
							<h5>Treasurer: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (310)483-4592<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-female.png">
						</div>
						<div class="col">
							<h5>Bulletin Editor: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (562)314-9222<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-female.png">
						</div>
						<div class="col">
							<h5>Co-Historian: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (???)???-????<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-male.png">
						</div>
						<div class="col">
							<h5>Co-Historian: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (???)???-????<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-male.png">
						</div>
						<div class="col">
							<h5>Co-Webmaster: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
							<b>Phone Number:</b> (310)619-5990<br>
							<b>Quote:</b> "blah blah blah"</p>
						</div>
					</div>
				</div>
				<div class="divider"></div>
				<div class="section">
					<div class="row">
						<div class="col">
							<img class="circle materialboxed" width="140" src="graphics/officers/placeholder-male.png">
						</div>
						<div class="col">
							<h5>Co-Webmaster: <NAME></h5>
							<p class="blue-text"><b>Email:</b> <a href="mailto:<EMAIL>"><EMAIL></a><br>
{'fraction_non_alphanumeric': 0.24081105710814094, 'fraction_numerical': 0.015188335358444714, 'mean_word_length': 2.952280912364946, 'pattern_counts': {'":': 0, '<': 737, '<?xml version=': 0, '>': 737, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, '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': '5724267', 'n_tokens_mistral': 6659, 'n_tokens_neox': 4803, 'n_words': 835}