<commit_before><!DOCTYPE html>
<html>
<head>
	<link href="styles.css" rel="stylesheet" type="text/css" />
	<link href="temp.css" rel="stylesheet" type="text/css" />
	<link href="icons/qromp-icons.css" rel="stylesheet" type="text/css" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script type="text/javascript" src="http://cdn.jsdelivr.net/ace/1.1.01/min/ace.js" charset="utf-8"></script>
	<script type="text/javascript" src="http:////cdnjs.cloudflare.com/ajax/libs/mathjs/0.18.1/math.min.js"></script>
	<script type="text/javascript" src="qromp.js"></script>
	<script type="text/javascript" src="visualizer.js"></script>
	<script type="text/javascript" src="setup.js"></script>
	<title>qromp - learnable quantum programming</title>
</head>
<body>
	<div id="header">
		<div id="banner">
			<span id="title">qromp</span>
			<span id="tagline">learnable quantum programming</span>
		</div><!--		
 --><div id="header-menu">
			<span id="load">load</span>
			<span id="save">save</span>
			<span id="about">about</span>
		</div>
	</div>
	<div id="app">
  	 	<div id="visualizer">
  			<div id="visualizer-buffer">
	  			<span id="numQubits">qubits</span>
	  			<div class="button" id="remove-qubit">-</div>
	  			<div class="button" id="add-qubit">+</div>
	  		</div>
	  		<div id="qubitElements"></div>
  		</div>
  		<div id="editor">
  	 		<div id="reference">
	  	 		<div id="reference-content">
		  	 		<h3>reference</h3>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				qnot<i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				cnot<i class="icon icon-qubit"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				srn<i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				nand<i class="icon icon-qubit"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				hadamard<i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				u-theta<i class="icon icon-angle"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				cphase<i class="icon icon-angle"></i><i class="icon icon-qubit"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				u2<i class="icon icon-angle"></i><i class="icon icon-angle"></i><i class="icon icon-angle"></i><i class="icon icon-angle"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				swap<i class="icon icon-qubit"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				measure<i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				end
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				oracle<i class="icon icon-qubit"></i>...
		  	 			</div>
		  	 		</div>
	  	 		</div><!--
	  	 	 --><div class="button" id="reference-handle"><i class="icon icon-arrow"></i></div>
  	 		</div><!--
  	 	 --><div id="codeArea"></div>
  	 	</div>
		<div id="diagram">
			<div id="partsBin"></div>
			<div id="circuit"></div>
		</div>
	</div>
	<div id="guide">
		<div id="guide-menu">
			<h1>lessons</h1>
			<a class="guide-link button" data-target="#l-start">getting started</a>
			<a class="guide-link button" data-target="#l-quantum-computers">on quantum computers</a>
			<a class="guide-link button" data-target="#l-qubits">on qubits</a>
			<a class="guide-link button" data-target="#l-gates">on quantum gates</a>
			<a class="guide-link button" data-target="#l-oracles">on oracles</a>
			<a class="guide-link button" data-target="#l-grovers">Grover's algorithm</a>
			<h1>examples</h1>
			<a class="guide-link button" data-target="#e-deutsch-jozsa">Deutsch-Jozsa algorithm</a>
			<a class="guide-link button" data-target="#e-grovers">Grover's algorithm</a>
			<a class="guide-link button" data-target="#e-shors">Shor's algorithm</a>
		</div>
		<div class="hidden" id="guide-detail">
			<a class="button" id="guide-back"><i class="icon icon-arrow flip-h"></i> lessons & examples</a>
			<h2 id="guide-item-title">getting started</h2>
			<div class="guide-item" id="l-start">
				Welcome to qromp, a quantum programming environment designed to help you learn all about stuff...
				<div class='example-list'>
				Click on an example (feature incomplete):
					<ul>
						<li class='example'>((u2 1 0.3 1.6 1 0))</li>
						<li class='example'>((hadamard 0))</li>
						<li class='example'>((u-theta 0.6 0))</li>
						<li class='example'>((hadamard 2)<br>
(hadamard 1)<br>
(u-theta 0.785398 0)<br>
(nand 2 1 0)<br>
(hadamard 2)<br>
(cnot 2 1)<br>
(hadamard 2)<br>
(u-theta 1.570796 1)<br>
(u-theta 1.570796 2))</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>
</html><commit_msg>updated example syntax<commit_after><!DOCTYPE html>
<html>
<head>
	<link href="styles.css" rel="stylesheet" type="text/css" />
	<link href="temp.css" rel="stylesheet" type="text/css" />
	<link href="icons/qromp-icons.css" rel="stylesheet" type="text/css" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script type="text/javascript" src="http://cdn.jsdelivr.net/ace/1.1.01/min/ace.js" charset="utf-8"></script>
	<script type="text/javascript" src="http:////cdnjs.cloudflare.com/ajax/libs/mathjs/0.18.1/math.min.js"></script>
	<script type="text/javascript" src="qromp.js"></script>
	<script type="text/javascript" src="visualizer.js"></script>
	<script type="text/javascript" src="setup.js"></script>
	<title>qromp - learnable quantum programming</title>
</head>
<body>
	<div id="header">
		<div id="banner">
			<span id="title">qromp</span>
			<span id="tagline">learnable quantum programming</span>
		</div><!--		
 --><div id="header-menu">
			<span id="load">load</span>
			<span id="save">save</span>
			<span id="about">about</span>
		</div>
	</div>
	<div id="app">
  	 	<div id="visualizer">
  			<div id="visualizer-buffer">
	  			<span id="numQubits">qubits</span>
	  			<div class="button" id="remove-qubit">-</div>
	  			<div class="button" id="add-qubit">+</div>
	  		</div>
	  		<div id="qubitElements"></div>
  		</div>
  		<div id="editor">
  	 		<div id="reference">
	  	 		<div id="reference-content">
		  	 		<h3>reference</h3>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				qnot<i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				cnot<i class="icon icon-qubit"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				srn<i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				nand<i class="icon icon-qubit"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				hadamard<i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				u-theta<i class="icon icon-angle"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				cphase<i class="icon icon-angle"></i><i class="icon icon-qubit"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				u2<i class="icon icon-angle"></i><i class="icon icon-angle"></i><i class="icon icon-angle"></i><i class="icon icon-angle"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				swap<i class="icon icon-qubit"></i><i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				measure<i class="icon icon-qubit"></i>
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				end
		  	 			</div>
		  	 		</div>
		  	 		<div class="reference-line">
		  	 			<div class="button reference-button">?</div><div class="reference-item">
		  	 				oracle<i class="icon icon-qubit"></i>...
		  	 			</div>
		  	 		</div>
	  	 		</div><!--
	  	 	 --><div class="button" id="reference-handle"><i class="icon icon-arrow"></i></div>
  	 		</div><!--
  	 	 --><div id="codeArea"></div>
  	 	</div>
		<div id="diagram">
			<div id="partsBin"></div>
			<div id="circuit"></div>
		</div>
	</div>
	<div id="guide">
		<div id="guide-menu">
			<h1>lessons</h1>
			<a class="guide-link button" data-target="#l-start">getting started</a>
			<a class="guide-link button" data-target="#l-quantum-computers">on quantum computers</a>
			<a class="guide-link button" data-target="#l-qubits">on qubits</a>
			<a class="guide-link button" data-target="#l-gates">on quantum gates</a>
			<a class="guide-link button" data-target="#l-oracles">on oracles</a>
			<a class="guide-link button" data-target="#l-grovers">Grover's algorithm</a>
			<h1>examples</h1>
			<a class="guide-link button" data-target="#e-deutsch-jozsa">Deutsch-Jozsa algorithm</a>
			<a class="guide-link button" data-target="#e-grovers">Grover's algorithm</a>
			<a class="guide-link button" data-target="#e-shors">Shor's algorithm</a>
		</div>
		<div class="hidden" id="guide-detail">
			<a class="button" id="guide-back"><i class="icon icon-arrow flip-h"></i> lessons & examples</a>
			<h2 id="guide-item-title">getting started</h2>
			<div class="guide-item" id="l-start">
				Welcome to qromp, a quantum programming environment designed to help you learn all about stuff...
				<div class='example-list'>
				Click on an example (feature incomplete):
					<ul>
						<li class='example'>u2 1 0.3 1.6 1 0</li>
						<li class='example'>hadamard 0</li>
						<li class='example'>u-theta 0.6 0</li>
						<li class='example'>hadamard 2<br>
hadamard 1<br>
u-theta 0.785398 0<br>
nand 2 1 0<br>
hadamard 2<br>
cnot 2 1<br>
hadamard 2<br>
u-theta 1.570796 1<br>
u-theta 1.570796 2</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
{'fraction_non_alphanumeric': 0.21157518890641866, 'fraction_numerical': 0.011126795648924687, 'mean_word_length': 3.0429674387378314, 'pattern_counts': {'":': 0, '<': 497, '<?xml version=': 0, '>': 497, 'https://': 0, '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': '1022616', 'n_tokens_mistral': 5362, 'n_tokens_neox': 4585, 'n_words': 791}