<commit_before><button class="vzbp-button" id="vzbp-btn-refresh" data-tooltip="Refresh">
	<i class="fa fa-refresh"></i>
</button> 
{{#if source_code}}
<button class="vzbp-button vzbp-button-bigger" id="vzbp-btn-github"onclick="openLink('{{source_code}}')" data-tooltip="Github">
	<i class="fa fa-github"></i>
</button> {{/if}}
<button class="vzbp-button" id="vzbp-btn-codepen" data-tooltip="Codepen">
	<i class="fa fa-codepen"></i>
</button> 
<button class="vzbp-button" id="vzbp-btn-share" data-tooltip="Share">
	<i class="fa fa-paper-plane"></i>
</button>

{{#if control_sizes}}
<hr class="vzbp-hr"/>

<div id="resp-sect" class="collapsible-section open">
	<h2 class="vzbp-subtitle vzbp-collapsible-title">Responsiveness</h2>

	<div class="vzbp-collapsible">

		<button class="vzbp-button vzbp-button-bigger" id="vzbp-btn-portrait" data-tooltip="Portrait">
  			<i class="fa fa-mobile"></i>
  		</button> 
  		<button class="vzbp-button vzbp-button-bigger" id="vzbp-btn-landscape" data-tooltip="Landscp">
  			<i class="fa fa-mobile fa-rotate-90"></i>
  		</button> 
  		<button class="vzbp-button vzbp-button-bigger" id="vzbp-btn-desktop" data-tooltip="Full">
  			<i class="fa fa-desktop"></i>
  		</button> 
  		<button class="vzbp-button" id="vzbp-btn-random" data-tooltip="Random">
  			<i class="fa fa-random"></i>
  		</button>

		<p align="center">
			<input id="vzbp-input-width" type="number" class="vzbp-input"/> x <input id="vzbp-input-height" type="number" class="vzbp-input"/>
		</p>

		<p align="center"><a href="fullscreen/{{ page.filename }}" target="blank">
  			<i class="fa fa-share"></i> Fullscreen page
  		</a> </p>
	</div>
</div>
{{/if}}

{{#if control_state}}
<hr class="vzbp-hr"/>

<div id="state-section-panel" class="collapsible-panel">
	<h2 id="state-section" class="vzbp-subtitle vzbp-collapsible-title">State</h2>
</div>
{{/if}}

<hr class="vzbp-hr"/>

<div id="info-sect" class="collapsible-section open">
	<h2 class="vzbp-subtitle vzbp-collapsible-title">Info</h2>
	<div class="vzbp-collapsible">
		<p>{{description}}</p>
	</div>
</div>

{{#if control_buttons}}
<hr class="vzbp-hr"/>

<div id="butt-sect" class="collapsible-section open">
	<h2 class="vzbp-subtitle vzbp-collapsible-title">Interaction Buttons</h2>

	<div class="vzbp-collapsible">
		{{#if control_buttons.play}}	<commit_msg>PA_68: Naming convention is not followed<commit_after><button class="vzbp-button" id="vzbp-btn-refresh" data-tooltip="Refresh">
	<i class="fa fa-refresh"></i>
</button> 
{{#if source_code}}
<button class="vzbp-button vzbp-button-bigger" id="vzbp-btn-github"onclick="openLink('{{source_code}}')" data-tooltip="Github">
	<i class="fa fa-github"></i>
</button> {{/if}}
<button class="vzbp-button" id="vzbp-btn-codepen" data-tooltip="Codepen">
	<i class="fa fa-codepen"></i>
</button> 
<button class="vzbp-button" id="vzbp-btn-share" data-tooltip="Share">
	<i class="fa fa-paper-plane"></i>
</button>

{{#if control_sizes}}
<hr class="vzbp-hr"/>

<div id="resp-sect" class="collapsible-section open">
	<h2 class="vzbp-subtitle vzbp-collapsible-title">Responsiveness</h2>

	<div class="vzbp-collapsible">

		<button class="vzbp-button vzbp-button-bigger" id="vzbp-btn-portrait" data-tooltip="Portrait">
  			<i class="fa fa-mobile"></i>
  		</button> 
  		<button class="vzbp-button vzbp-button-bigger" id="vzbp-btn-landscape" data-tooltip="Landscp">
  			<i class="fa fa-mobile fa-rotate-90"></i>
  		</button> 
  		<button class="vzbp-button vzbp-button-bigger" id="vzbp-btn-desktop" data-tooltip="Full">
  			<i class="fa fa-desktop"></i>
  		</button> 
  		<button class="vzbp-button" id="vzbp-btn-random" data-tooltip="Random">
  			<i class="fa fa-random"></i>
  		</button>

		<p align="center">
			<input id="vzbp-input-width" type="number" class="vzbp-input"/> x <input id="vzbp-input-height" type="number" class="vzbp-input"/>
		</p>

		<p align="center"><a href="fullscreen/{{ page.filename }}" target="blank">
  			<i class="fa fa-share"></i> Full screen page
  		</a> </p>
	</div>
</div>
{{/if}}

{{#if control_state}}
<hr class="vzbp-hr"/>

<div id="state-section-panel" class="collapsible-panel">
	<h2 id="state-section" class="vzbp-subtitle vzbp-collapsible-title">State</h2>
</div>
{{/if}}

<hr class="vzbp-hr"/>

<div id="info-sect" class="collapsible-section open">
	<h2 class="vzbp-subtitle vzbp-collapsible-title">Info</h2>
	<div class="vzbp-collapsible">
		<p>{{description}}</p>
	</div>
</div>

{{#if control_buttons}}
<hr class="vzbp-hr"/>

<div id="butt-sect" class="collapsible-section open">
	<h2 class="vzbp-subtitle vzbp-collapsible-title">Interaction Buttons</h2>

	<div class="vzbp-collapsible">
		{{#if control_buttons.play}}	
{'fraction_non_alphanumeric': 0.2195382642154767, 'fraction_numerical': 0.00470286447199658, 'mean_word_length': 4.9757343550446995, 'pattern_counts': {'":': 0, '<': 139, '<?xml version=': 0, '>': 139, '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': '4728313', 'n_tokens_mistral': 1959, 'n_tokens_neox': 1913, 'n_words': 316}