JAL-957 standardise formatting for example preamble

diff --git a/examples-jbake/templates/jvl_embedded.ftl b/examples-jbake/templates/jvl_embedded.ftl
index 16e560d..b61c7a9 100644 (file)
--- a/examples-jbake/templates/jvl_embedded.ftl
+++ b/examples-jbake/templates/jvl_embedded.ftl
@@ -1,5 +1,4 @@
-
-<h1>Embedded viewing of Alignments</h1>
+<h2>Embedded viewing of Alignments</h2>
 <p>The alignment below was generated from the following files:
   <ul>
     <li><a href="plantfdx.fa">plantfdx.fa</a> - Alignment file in

diff --git a/examples-jbake/templates/jvl_embeddedWJmol.ftl b/examples-jbake/templates/jvl_embeddedWJmol.ftl
index 0890d12..17aba2a 100644 (file)
--- a/examples-jbake/templates/jvl_embeddedWJmol.ftl
+++ b/examples-jbake/templates/jvl_embeddedWJmol.ftl
@@ -1,4 +1,5 @@
-
+<h2>Structure and Alignment</h2>
+<p>This demo shows how JalviewLite and Jmol can be integrated with the JalviewLite javascript library.</p>
 <center>
  <script>
   jmolApplet("500x500","zap; load FILE '1gaq.txt'; frame 0; select all; wireframe off; spacefill off; cartoons; restrict; center *; set selectionhalos true;select 0","jmolView");

diff --git a/examples-jbake/templates/jvl_examples.ftl b/examples-jbake/templates/jvl_examples.ftl
index 09a74a1..fc21388 100644 (file)
--- a/examples-jbake/templates/jvl_examples.ftl
+++ b/examples-jbake/templates/jvl_examples.ftl
@@ -1,7 +1,8 @@
 
 <p align="left">
-  Try out JalviewLite by pressing one of the buttons below. For more information on how to use the applet in your website, see the <a
-                                                                                                                                     href="appletParameters.html"><strong>applet parameters</strong></a> and other documentation in the links to the left.</p>
+<h2>JalviewLite Button Examples</h2>
+Try out JalviewLite by pressing one of the buttons below.<br/>
+ For more information on how to use the applet in your website, see the <a href="appletParameters.html"><strong>applet parameters</strong></a> and other documentation in the links to the left.</p>
 <div align="center">
   <p>
     <h2>Ferredoxins, chloroplast precursor related UniRef50
@@ -84,4 +85,4 @@
        secondary structure annotation</td>
     </tr>
   </table>
-</div>
\ No newline at end of file
+</div>

diff --git a/examples-jbake/templates/jvl_formComplete.ftl b/examples-jbake/templates/jvl_formComplete.ftl
index 97318b4..cab6cc3 100644 (file)
--- a/examples-jbake/templates/jvl_formComplete.ftl
+++ b/examples-jbake/templates/jvl_formComplete.ftl
@@ -1,6 +1,7 @@
-<strong>Using the <a href="jalviewLiteJs.html">JalviewLite API</a> to fill out forms using data from JalviewLite<br/></strong>
-Click the Javascript buttons below to interact with the Applet
-instance on the page.<br/>
+<h2><a href="jalviewLiteJs.html">JalviewLite API</a> Demo</h2>
+<p>Using the Javascript API to fill out forms using data from JalviewLite
+<br/>Click the Javascript buttons below to interact with the Applet
+instance on the page.</p>
 View the source in your browser to see how it has been done. <br/>
 <a name="api">View the full <a href="jalviewLiteJs.html">JalviewLite API documentation</a>.</a>
 <applet code="jalview.bin.JalviewLite" width="0" height="0"

diff --git a/examples-jbake/templates/jvl_javascriptLaunch.ftl b/examples-jbake/templates/jvl_javascriptLaunch.ftl
index 18b216d..43ae6c2 100644 (file)
--- a/examples-jbake/templates/jvl_javascriptLaunch.ftl
+++ b/examples-jbake/templates/jvl_javascriptLaunch.ftl
@@ -91,6 +91,7 @@ archive="${content.jvl}" width="0" height="0">
 </#if>
 </applet>
 
+<h2>Javascript Launch Button</h2><p>The button below demonstrates how JalviewLite can be launched via a javascript action.</p>
 
   <input type="button" name="Button1" value="Start"
 onClick="startJalview('plantfdx.fa','Button1.alignment','alwvar')"/>

diff --git a/examples-jbake/templates/jvl_linkedapplets_ng.ftl b/examples-jbake/templates/jvl_linkedapplets_ng.ftl
index 96abf47..3bb3749 100644 (file)
--- a/examples-jbake/templates/jvl_linkedapplets_ng.ftl
+++ b/examples-jbake/templates/jvl_linkedapplets_ng.ftl
@@ -17,7 +17,7 @@
     linkJvJmol(jvfollower);
   };
 </script>
-    <strong>JalviewLite Linked Applets Demo<br></strong>
+    <h2>JalviewLite Linked Applets Demo</h2>
     <p>The two applets below use <a href="jalviewLiteJs.html">JalviewLite's javascript API</a> to exchange events about the currently selected region and mouse position in the alignment.
     </p>
        <script>