{"id":91,"date":"2018-08-30T09:52:14","date_gmt":"2018-08-30T08:52:14","guid":{"rendered":"http:\/\/ri.itservices.manchester.ac.uk\/csf3\/?page_id=91"},"modified":"2025-07-15T09:34:36","modified_gmt":"2025-07-15T08:34:36","slug":"authorhelp","status":"publish","type":"page","link":"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/software\/applications\/authorhelp\/","title":{"rendered":"Help for Authors"},"content":{"rendered":"<h2>Adding \/ Editing a new Application Page<\/h2>\n<p>Use the template HTML code below to start a new application page after you&#8217;ve installed the app on the CSF.<\/p>\n<p>There are basically four things to do:<\/p>\n<ol>\n<li>Write the main page content, pasting in the template HTML from below.<\/li>\n<li>Set the <em>Page Attributes &#8211;&gt; Parent<\/em> (see right-hand-side panel) to <em>Applications<\/em> or <em>Compilers<\/em> or <em>Libraries<\/em> or <em>Tools<\/em> (to reflect the install area).<\/li>\n<li>Add values for the <em>Custom fields<\/em> (underneath the main editor panel) for <em>RI_Cat<\/em> and <em>RI_Summary<\/em> so that the app automatically appears in the <a href=\"\/csf3\/software\/a-z\/\">A-Z list of apps<\/a> and the list of <a href=\"\/csf3\/software\/applications\/\">applications<\/a> or <a href=\"\/csf3\/software\/compilers\/\">compilers<\/a> or <a href=\"\/csf3\/software\/libraries\/\">libraries<\/a> or <a href=\"\/csf3\/software\/tools\">tools<\/a> pages (see each page for what values to set in the custom field to get an app to appear there).<\/li>\n<li>Use the WordPress Menu Editor to add the page to the <em>software &#8212; &gt; applications<\/em> menu <em>brick<\/em>.<\/li>\n<\/ol>\n<h3>Finding and Editing an Application&#8217;s Page<\/h3>\n<ol>\n<li>If you are currently on the page you wish to edit, simply click on <em>Edit Page<\/em> in the grey bar at the top.\n<li>Otherwise, navigate to the required apps page using the site&#8217;s menus<\/li>\n<li>In the grey WordPress bar click on &#8220;Edit Page&#8221;.<\/li>\n<li>You will now be in the WordPress editor<\/li>\n<\/ol>\n<h3>Writing HTML<\/h3>\n<p>WordPress does not use wiki-style markup. Instead you can use the &#8220;Visual&#8221; Editor for wysiwyg-style editing or use the &#8220;Text&#8221; Editor to write the usual HTML tags (look at the top-right of the edit box &#8211; there are two little tabs to switch between the different styles of editor). I prefer the &#8220;Text&#8221; editor so I can see exactly which tags are being used and where. <\/p>\n<h4>New Application Template Text<\/h4>\n<p>Paste the following in to the editor<\/p>\n<pre>\r\n&lt;h2&gt;Overview&lt;\/h2&gt;\r\n\r\n&lt;a href=\"\"&gt;APP&lt;\/a&gt; is a program to\r\n\r\nVersion N.M is installed on the CSF.\r\n\r\n&lt;h2&gt;Restrictions on use&lt;\/h2&gt;\r\n\r\nDetails of the licence, restrictions, links to licence docs etc\r\n\r\n&lt;h2&gt;Set up procedure&lt;\/h2&gt;\r\n\r\nWe now recommend loading modulefiles within your jobscript so that you have a full record of how the job was run. See the example jobscript below for how to do this. Alternatively, you may load modulefiles on the login node and let the job inherit these settings.\r\n\r\nLoad one of the following modulefiles:\r\n\r\n&lt;pre&gt;\r\nmodule load apps\/path\/to\/module\/n.m\r\n&lt;\/pre&gt;\r\n\r\n&lt;h2&gt;Running the application&lt;\/h2&gt;\r\n\r\nPlease do not run XXX on the login node. Jobs should be submitted to the compute nodes via batch.\r\n\r\n&lt;h3&gt;Serial batch job submission&lt;\/h3&gt;\r\n\r\nCreate a batch submission script (which will load the modulefile in the jobscript), for example:\r\n\r\n&lt;pre&gt;\r\n#!\/bin\/bash --login\r\n#SBATCH -p serial     # (or --partition=) Run on the nodes dedicated to 1-core jobs\r\n#SBATCH -t 4-0        # Wallclock time limit. 4-0 is 4 days. Max permitted is 7-0.\r\n\r\n# Start with a clean environment - modules are inherited from the login node by default.\r\nmodule purge\r\nmodule load apps\/path\/to\/module\/n.m\r\n\r\nAPP arg1 arg2\r\n&lt;\/pre&gt;\r\n\r\nSubmit the jobscript using: \r\n\r\n&lt;pre&gt;sbatch &lt;em&gt;scriptname&lt;\/em&gt;&lt;\/pre&gt;\r\n\r\nwhere &lt;em&gt;scriptname&lt;\/em&gt; is the name of your jobscript.\r\n\r\n&lt;h3&gt;Parallel batch job submission&lt;\/h3&gt;\r\n\r\nIf the app is multicore capable, given an example parallel jobscript, including suitable partition\r\n\r\n&lt;pre&gt;\r\n#!\/bin\/bash --login\r\n#SBATCH -p multicore  # (or --partition=) Run on the AMD 168-core nodes\r\n#SBATCH -n 16         # (or --ntasks=) Number of cores to use.\r\n#SBATCH -t 4-0        # Wallclock time limit. 4-0 is 4 days. Max permitted is 7-0.\r\n\r\n# Start with a clean environment - modules are inherited from the login node by default.\r\nmodule purge\r\nmodule load apps\/path\/to\/module\/n.m\r\n\r\n# You must inform you app how many cores to use. $SLURM_NTASKS will be set to the -n number above.\r\nsomeApp.exe arg1 arg2\r\n# MPI is Slurm-aware so will use the correct number of cores.\r\nmpirun someApp.exe\r\n\r\n&lt;\/pre&gt;\r\n\r\nSubmit the jobscript using: \r\n\r\n&lt;pre&gt;sbatch &lt;em&gt;scriptname&lt;\/em&gt;&lt;\/pre&gt;\r\n\r\nwhere &lt;em&gt;scriptname&lt;\/em&gt; is the name of your jobscript.\r\n\r\n&lt;h2&gt;Further info&lt;\/h2&gt;\r\n\r\n&lt;ul&gt;\r\n  &lt;li&gt;&lt;a href=\"\"&gt;APP website&lt;\/a&gt;&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n\r\n&lt;h2&gt;Updates&lt;\/h2&gt;\r\n\r\nNone.\r\n\r\n<\/pre>\n<h4>HTML hints<\/h4>\n<p>However, there are some rules to simplify things:<\/p>\n<p>Links &#8211; we automatically add an icon to external links. There are two styles:<\/p>\n<ol class=\"gaplist\">\n<li>Icons on external links\n<ul>\n<li>An external \/ off-site link such as <a href=\"https:\/\/www.intel.com\">Intel website<\/a>. Ensure you use the <code>https:\/\/<\/code> protocol in the link tag &#8211; for example\n<pre>&lt;a href=\"https:\/\/www.intel.com\"&gt;Intel website&lt;\/a&gt;<\/pre>\n<\/li>\n<li>A link to another RI website such as <a href=\"https:\/\/ri.itservices.manchester.ac.uk\/rds\">RDS docs<\/a>. Ensure you use <code>&lt;a href=\"https:\/\/ri.itservices.manchester.ac.uk\"&gt;<\/code> at the start of the link tag &#8211; for example\n<pre>&lt;a href=\"https:\/\/ri.itservices.manchester.ac.uk\/redqueen\"&gt;RES docs&lt;\/a&gt;<\/pre>\n<\/li>\n<li>A link within <em>this site<\/em> (no icon applied) such as <a href=\"\/csf3\/software\/applications\/fluent\/\">Fluent help<\/a>. <strong>Do not use<\/strong> <code>https:\/\/ri.itservices.manchester.ac.uk<\/code> in the link tag. <strong>Instead<\/strong> use something like\n<pre>&lt;a href=\"\/csf3\/software\/applications\/fluent\/\"&gt;Fluent help&lt;\/a&gt;<\/pre>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Paragraph tags<\/strong>: <strong>Do not use<\/strong> paragraph tags <code>&lt;p&gt;...&lt;\/p&gt;<\/code> even if writing raw HTML in the &#8220;Text&#8221; editor. WordPress will put them in automatically. You can simply type paragraphs of text (with blank lines above and below) in the both the &#8220;Visual&#8221; editor and &#8220;Text&#8221; editor.<\/li>\n<li><strong>H1 tags<\/strong>: <strong>Do not<\/strong> use a <em>heading 1<\/em> <code>&lt;h1&gt;...&lt;\/h1&gt;<\/code> title. WordPress will add this automatically.<\/li>\n<ul>\n<li>The H1 title is initially set to be the same as the title entered in to the box near the very top of the page (just below the large &#8220;Edit Page&#8221; header). You <strong>can<\/strong> edit this to change the H1 title of the page.<\/li>\n<\/ul>\n<li><strong>Do not<\/strong> edit the &#8220;Permalink&#8221; setting (above the main page editor).<\/li>\n<li><strong>Do <\/strong> change the &#8220;Parent&#8221; setting in the &#8220;Page Attributes&#8221; panel (right hand side). This should be set to &#8220;Applications&#8221; in most cases but could also be &#8220;Compilers&#8221;, &#8220;Libraries&#8221; or &#8220;Tools&#8221;. This will appear in the URL of the page.<\/li>\n<li><strong>Code\/commands<\/strong>: To enter a section of user commands in fixed-width font style use a <code>&lt;pre&gt;<\/code> tag. It will be automatically indented so <strong>do not<\/strong> put spaces in front of each command, especially if giving an example of a jobscript as this introduce errors if the user copies and pastes your code in to their own file.<\/li>\n<li><strong>Code\/commands in lists<\/strong>: Using a <code>&lt;pre&gt;<\/code> tag inside a list works corretly. I generally put the <code>&lt;pre&gt; ... &lt;\/pre&gt;<\/code> <strong>inside<\/strong> the <code>&lt;li&gt; ... &lt;\/li&gt;<\/code> tags, as follows: following:\n<pre>\r\n&lt;ul&gt;\r\n  &lt;li&gt;Here are some commands:\r\n&lt;pre&gt;\r\n.\/myprog   # no spaces at start of this line\r\n.\/date     # nor this one\r\n&lt;\/pre&gt;&lt;\/li&gt;\r\n  &lt;li&gt;More list items...&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n<\/pre>\n<\/li>\n<li><strong>Lists<\/strong>: If doing a list with long list items (like this one!) you can add spacing between each list item by using <code>&lt;ol class=\"gaplist\"&gt;<\/code> or <code>&lt;ul class=\"gaplist\"&gt;<\/code>.<\/li>\n<li><strong>Comments<\/strong>: <strong>Do not<\/strong> use HTML comment tags &lt;&#8211; &#8230; &#8211;&gt; as this breaks WordPress page rendering in most cases. To hide entire lines (possibly more than one) use <code>&lt;div class=\"comment\"&gt; ... &lt;\/div&gt;<\/code>. You can also use this class in a &lt;span&gt; tag to comment out words <em>within<\/em> a single line.<\/li>\n<li>For a <strong>hint<\/strong>, <strong>note<\/strong> or <strong>warning<\/strong>, use <code>&lt;div class=\"<strong>hint<\/strong>\"&gt; ... &lt;\/div&gt;<\/code>\n<div class=\"hint\">This is a &#8220;hint&#8221;<\/div>\n<div class=\"note\">This is a &#8220;note&#8221;<\/div>\n<div class=\"warning\">This is a &#8220;warning&#8221;<\/div>\n<\/li>\n<\/ol>\n<h3>Saving your Edits<\/h3>\n<p>Press &#8220;Update&#8221; on the right-hand-side. You will still be in the editor after WordPress has saved your work but there should be a message at the top of the screen indicating the page was saved.<\/p>\n<p>To view the page select &#8220;View Page&#8221; in the black bar at the top of the screen.<\/p>\n<p>To preview the page before saving select &#8220;Preview Changes&#8221; on the right-hand-side. This usually opens a new window in which to show the preview. Don&#8217;t forget to save your changes back in the original window.<\/p>\n<p>more to come&#8230;.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding \/ Editing a new Application Page Use the template HTML code below to start a new application page after you&#8217;ve installed the app on the CSF. There are basically four things to do: Write the main page content, pasting in the template HTML from below. Set the Page Attributes &#8211;&gt; Parent (see right-hand-side panel) to Applications or Compilers or Libraries or Tools (to reflect the install area). Add values for the Custom fields (underneath.. <a href=\"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/software\/applications\/authorhelp\/\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":86,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"members.php","meta":{"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/wp-json\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":19,"href":"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":10692,"href":"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/wp-json\/wp\/v2\/pages\/91\/revisions\/10692"}],"up":[{"embeddable":true,"href":"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/wp-json\/wp\/v2\/pages\/86"}],"wp:attachment":[{"href":"https:\/\/ri.itservices.manchester.ac.uk\/csf3\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}