If you want to include Geneious documents in your tutorial, place them in the same folder as your HTML documents and they will be automatically imported into Geneious Prime as part of the tutorial. If you want to link to them from the tutorial pages, create a hyperlink pointing to the file in the HTML document. For example, to create a link to the file Q03307.geneious in your tutorial folder, we can add the line <a href="Q03307.geneious">Open Q03307 document</a> in our previously made HTML page.
Note: Geneious documents can be exported by selecting the document and clicking File -> Export -> Selected Documents. You must only export one document at a time because of the way the tutorial plugin references each. Selecting several documents and exporting will produce a compound geneious document which the tutorial plugin cannot currently handle. While the plugin can handle any file format that Geneious will import, it is best to import them into Geneious first and then save them as geneious documents. While you can also save them in zipped formats, it is no benefit since the entire tutorial will be zipped when finished.
<html>
<head>
<title>Tutorial document</title>
</head>
<body style="padding: 5px;">
<img src="logo_small.png">
<h2 class="orange">Tutorial document</h2>
This is where you can write some text.<br>
<a href="Q03307.geneious">Open Q03307 document</a><br>
</body>
</html>
To see how this HTML looks click here.
Geneious will automatically pick the correct visualisation for the document you have selected.
In addition to opening single documents, you can use a list of documents separated by a '|' (pipe) character. For example <a href="Fragment1.geneious|Fragment2.geneious">Two documents</a>. Do not put spaces between the document names and the pipe character. This might be useful when demonstrating functions that require multiple input documents such as alignments, trees or in this case contig assembly.
You can see this work by clicking here.