	<div id="share_links">

	<div id="link_parameter" class='on'>
	<strong><img src="<?php echo $PATH?>front/img/parameter_icon.svg"alt="sn3d.unige.ch" height="24" width="24" />Link parameters</strong>

		<label class="checkbox_wrapper"> Hide user control interface
  			<input type="checkbox" id="interface_checkbox">
  			<span class="checkmark"></span>
		</label>
		<br>

		<label class="checkbox_wrapper"> Play Animation at start
			<input type="checkbox" id="animation_checkbox">
		  	<span class="checkmark"></span>
		</label>
		<br>

		<label class="checkbox_wrapper"> Display in landscape format
			<input type="checkbox" id="format_checkbox">
			<span class="checkmark"></span>
		</label>
		<br>


		<label class="checkbox_wrapper"> Use in production
			<input type="checkbox" id="data_checkbox">
			<span class="checkmark"></span>
			<input  id='context_data' type="text" name="input" value="" placeholder="Provide description (context, course name, contact etc.)">
		</label>

		<div class="highlight">		
			<button id="generate_links" class="execute_btn" title="Generate share links"  >Generate links</button>
		</div>


	</div>

	<div id="link_display" class="off">
	<strong><img src="<?php echo $PATH?>front/img/url_icon.svg"alt="sn3d.unige.ch" height="24" width="24" />Your Link</strong>
	<form data-copy=true class="share_link main">
		<input  class="inputLink" type="text" name="input" value="" readonly>
		<input class="inputCopy" type="button"  value="copy" title="copy link to clipboard">
	</form>

	<strong><img src="<?php echo $PATH?>front/img/iframe_icon.svg"alt="sn3d.unige.ch" height="24" width="24" />Integration Codes</strong>
	<small>Full width</small>
	<form data-copy=true class="share_link">
		<input class="inputLink" type="text" name="input" value="" readonly>	
		<input class="inputCopy" type="button" value="copy" title="copy link to clipboard">	
	</form>

	<small>640px</small>
	<form data-copy=true class="share_link">
		<input class="inputLink" type="text" name="input" value="" readonly>
		<input class="inputCopy" type="button" value="copy" title="copy link to clipboard">
	</form>

	<small>480px</small>
	<form data-copy=true class="share_link">
		<input class="inputLink" type="text" name="input" value="" readonly>
		<input class="inputCopy" type="button" value="copy" title="copy link to clipboard">
	</form>

	<small>320px</small>
	<form data-copy=true class="share_link">
		<input class="inputLink" type="text" name="input" value="" readonly>
		<input class="inputCopy" type="button"  value="copy" title="copy link to clipboard">	
	</form> 
	</div>
	<button id="closeShare" title="fermer les liens de partage"  >X</button>

</div>