47 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
		
		
			
		
	
	
			47 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
|   | {% extends "base.html" %} | ||
|  | 
 | ||
|  | <!-- Main container --> | ||
|  | {% block content %} | ||
|  | 
 | ||
|  | <!-- Wrap everything in a container--> | ||
|  | <div class="container"> | ||
|  | 
 | ||
|  | <!-- heading --> | ||
|  | <h3>SSH file generator</h3> | ||
|  | 
 | ||
|  | <!-- Instructions --> | ||
|  | <div class="alert alert-primary" role="alert"> | ||
|  |     <h4 class="alert-heading">Instructions</h4> | ||
|  |     After flashing your microSD card with Raspberry Pi OS, click on Download SSH file. <br> | ||
|  |     Place the generated file in the /BOOT folder to enable ssh.<br> | ||
|  |     At the next boot, ssh will be enabled and this file will be deleted. | ||
|  |     <hr> | ||
|  |     You can now access the Raspberry Pi via it's IP address using a SSH Client of your choice.<br> | ||
|  |     If you don't know the IP address, you can try using: raspberrypi.local<br> | ||
|  | </div> | ||
|  | 
 | ||
|  | <!-- Create a hidden div to prevent a fully empty file --> | ||
|  | <div id='ssh' hidden># nothing in here</div> | ||
|  | 
 | ||
|  | <div class="form-group"> | ||
|  |     <button type="button" class="btn btn-primary" onclick="getHTML('ssh.txt', 'ssh', 'text/plain')">Download SSH file</button> | ||
|  | </div> | ||
|  | 
 | ||
|  | <script> | ||
|  | function getHTML(filename, id, mimeType) { | ||
|  | var elHtml = document.getElementById(id).innerText; | ||
|  | if (navigator.msSaveBlob) { | ||
|  |   navigator.msSaveBlob(new Blob([elHtml], { type: mimeType + ';charset=utf-8;' }), filename); | ||
|  | } else { | ||
|  |     var link = document.createElement('a'); | ||
|  |     mimeType = mimeType || 'text/plain'; | ||
|  |     link.setAttribute('download', filename); | ||
|  |     link.setAttribute('href', 'data:' + mimeType  +  ';charset=utf-8,' + encodeURIComponent(elHtml)); | ||
|  |     link.click(); | ||
|  | }} | ||
|  | </script> | ||
|  | 
 | ||
|  | 
 | ||
|  | </div> | ||
|  | 
 | ||
|  | {% endblock %} |