Generate HTML

cf-convention · Nov 15, 2023 · c3141ad · c3141ad
1 parent 4658804
commit c3141ad
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/Data/cf-standard-names/current/build/cf-standard-name-table.html b/Data/cf-standard-names/current/build/cf-standard-name-table.html
@@ -5,19 +5,28 @@
 <title>
         cf-standard-name-table.html
     </title>
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
 <style>
+        body {
+          margin: 0 8px;
+        }
+
         details summary { 
             cursor: pointer;
         }
 
         details summary:hover{
-            color: #234;
+            color: #ffe6d3;
         }
 
         details summary > * {
             display: inline;
         }
 
+        .category-table td {
+          padding: 4px;
+        }
+
         .standard-name-summary {
             padding-top: 2px;
             padding-bottom: 2px;
@@ -303,8 +312,10 @@ <h2>Search</h2>
 <tr><td valign="top">
 <input id="filter_text" name="filter_text" size="40" onkeydown="if (event.keyCode==13) applyFilter(document.getElementById('filter_text').value);" type="text">  
                                     <input value="Search Standard Names" id="btn_search" onclick="applyFilter(document.getElementById('filter_text').value);" type="button">  
-                                    <input value="Show All Standard Names" id="btn_show_all" onclick="clearFilter();return false;" type="button"><br><label><input type="radio" name="logical_operator" id="logical_operator_and" value="AND" checked> AND</label><label><input type="radio" name="logical_operator" id="logical_operator_or" value="OR"> OR</label> (separate search terms with spaces)
-                                    <br><label><input id="must_search_help_text" name="must_search_help_text" type="checkbox"> Also search help text</label><br><label><input id="must_search_aliases" name="must_search_aliases" type="checkbox" checked> Also search aliases text</label><br><label><input id="must_search_units_only" name="must_search_units_only" type="checkbox" onchange="filterConstraints(this)">Only search canonical units</label>
+                                    <input value="Show All Standard Names" id="btn_show_all" onclick="clearFilter();return false;" type="button"><br><label><input type="radio" name="logical_operator" id="logical_operator_and" value="AND" checked> AND</label> 
+
+                                              <label><input type="radio" name="logical_operator" id="logical_operator_or" value="OR"> OR</label> (separate search terms with spaces)
+                                    <br><label><input id="must_search_help_text" name="must_search_help_text" type="checkbox"> Also search help text</label><br><label><input id="must_search_aliases" name="must_search_aliases" type="checkbox" checked> Also search aliases text</label><br><label><input id="must_search_units_only" name="must_search_units_only" type="checkbox" onchange="filterConstraints(this)"> Only search canonical units</label>
 </td></tr>
 <tr><td><details><summary>Advanced searches</summary>
                                         To look for standard names you can use either:
@@ -327,7 +338,7 @@ <h2>Search</h2>
                     Found <span id="filter_matches_num"></span> standard names matching query: <span id="filter_matches_query"></span>
 </div>
 <h2>View by Category</h2>
-<table cellpadding="4" cellspacing="0" border="1">
+<table class="category-table">
 <tr>
 <td><a href="javascript:void(0)" onclick="document.getElementById('filter_text').value='aerosol dry.*deposition wet.*deposition production emission mole';                                 document.getElementById('logical_operator_or').click();                                 document.getElementById('btn_search').onclick();">Atmospheric Chemistry</a></td>
 <td><a href="javascript:void(0)" onclick="document.getElementById('filter_text').value='air_pressure atmosphere.*vorticity atmosphere.*streamfunction wind momentum.*in_air gravity_wave ertel geopotential omega atmosphere.*dissipation atmosphere.*energy atmosphere.*drag atmosphere.*stress surface.*stress';                                 document.getElementById('logical_operator_or').click();                                 document.getElementById('btn_search').onclick();">Atmosphere Dynamics</a></td>
@@ -344,6 +355,7 @@ <h2>View by Category</h2>
 </table>
 </div>
 <table id="standard_name_table" width="100%">
+<p><i>In the table below, click on a standard-name to show or hide its description and help text.</i></p>
 <th width="76%" class="table-header">Standard Name</th>
 <th width="8%" class="table-header">Canonical Units</th>
 <th width="8%" class="table-header">AMIP</th>