xcat-core/xCAT-UI/js/help/help.js

function loadHelpPage(){
	// Create help tab
    var tab = new Tab();
    tab.init();
    $('#content').append(tab.object());
    
	// Add help content
    var helpForm = $('<div class="form"></div>');
    helpForm.append(
    	'<fieldset>' + 
    		'<legend>Quick Start</legend>' +
    		'<div style="display: inline-table; vertical-align: middle;"><img src="images/help/quick_start.png" style="width: 90%;"></img></div>' +
    		'<ol style="display: inline-table; vertical-align: middle;">' +
            	'<li><a href="configure.php" style="color: blue;">1. Discover hardware</a><br/>Discover all hardware in the cluster. Define them in the xCAT database. Initialize your cluster.</li>' +
            	'<li><a href="index.php" style="color: blue;">2. Verify defined nodes</a><br/>View nodes definition by groups in a table or graphical style.</li>' +
            	'<li><a href="configure.php" style="color: blue;">3. Install compute nodes</a><br/>Copy useful files from DVD onto harddisk. Create Linux images. Install compute nodes in stateful, stateless, and statelite style.</li>' +
            	'<li><a href="provision.php" style="color: blue;">4. Provision nodes</a><br/>Create stateful, stateless, or statelite virtual machines. Install an operating system on a physical machine.</li>' +
            	'<li><a href="monitor.php" style="color: blue;">5. Monitor Cluster</a><br/>Monitor your xCAT cluster using one or more third party monitoring software such as Ganglia, RMC, etc. </li>' +
            '</ol>' +
        '</fieldset>' +
    	'<fieldset>' +
    		'<legend>Advanced</legend>' + 
    		'<div style="display: inline-table; vertical-align: middle;"><img src="images/help/advanced_settings.png" style="width: 90%;"></img></div>' +
    		'<ol style="display: inline-table; vertical-align: middle;">' + 
    			'<li><a href="configure.php" style="color: blue;">a. Edit the xCAT database tables</a></li>' + 
    			'<li><a href="configure.php" style="color: blue;">b. Update the xCAT RPM on the Management Node</a></li>' + 
    		'</ol>' + 
    	'</fieldset>');
    tab.add('helpTab', 'Help', helpForm, false);
}