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 %} |