Rearrange CF home page into two columns using HTML

index.md

@@ -11,9 +11,7 @@ hero_button_text: View latest release # Only displays if hero_image or hero_grad
 hero_button_url: Data/cf-conventions/cf-conventions-1.12/cf-conventions.html # Only displays if hero_image or hero_gradient are provided
 ---
 
-<br>
-
-The CF metadata conventions are designed to promote the processing and sharing of files created with the [NetCDF API][api].
+<br>The CF metadata conventions are designed to promote the processing and sharing of files created with the <a href="https://www.unidata.ucar.edu/software/netcdf">NetCDF API</a>.
 The conventions define metadata that provide a definitive description of what the data in each variable represents, and the spatial and temporal properties of the data.
 This enables users of data from different sources to decide which quantities are comparable, and facilitates building applications with powerful extraction, regridding, and display capabilities.
 The CF convention includes a standard name table, which defines strings that identify physical quantities.
@@ -23,67 +21,96 @@ The use of CF is recommended where applicable by Unidata.
 
 ---
 
-#### [Ask a question &#x2753; about how to use CF][github_askq]
+<!-- From here onwards the formatting of this page is mostly controlled by HTML
+tags, which are ignored by the Markdown processor. It's not clearly documented
+what HTML tags can be used. Experiment shows that all block-level elements must
+be closed, even those which don't have to be closed in HTML e.g. <p> and <li>
+must have </p> and </li>. If they aren't closed, the Markdown processor
+considers following HTML tags to be text. The classes used in the <div>s are
+from Bootstrap (getbootstrap.com).  They allow column-handling which responds
+to the width of the browser window.  Within each row-class <div>, the number of
+columns N in the col-md-N-class <div>s should add up to 12, and the window is
+divided into columns according to the proportions of the Ns. -->
+
+<div class="row">
+<div class="col-md-6">
+
+<h3><a href="https://github.com/orgs/cf-convention/discussions/new?category=q-a-about-using-cf">Ask a question &#x2753; about how to use CF</a></h3>
+
+<h3>Latest release (1.12)</h3>
+
+<a href="Data/cf-conventions/cf-conventions-1.12/cf-conventions.html">HTML</a> 
+<a href="Data/cf-conventions/cf-conventions-1.12/cf-conventions.pdf">PDF</a> 
+
+<h3>Working draft</h3>
+
+<a href="/cf-conventions/cf-conventions.html">HTML</a>
+<a href="/cf-conventions/cf-conventions.pdf">PDF</a>
+
+<h3>Latest vocabularies</h3>
+
+<a href="Data/cf-standard-names/current/build/cf-standard-name-table.htm" class="btn btn-primary btn-lg">Standard names</a>
+<a href="Data/area-type-table/current/build/area-type-table.html" class="btn btn-primary btn-lg">Area types</a>
+<a href="Data/standardized-region-list/standardized-region-list.current.html" class="btn btn-primary btn-lg">Standarized regions</a>
+
+</div>
+<div class="col-md-6">
+
+<h3>Other resources</h3>
+
+See also the links in the navigation bar at the top of this page.
 
-### Latest release (1.12)  
-[HTML][releasedhtml] [PDF][releasedpdf]  
+<br><br><a href="https://github.com/orgs/cf-convention/discussions">CF GitHub Discussions</a>: announcements, discussion forum, questions and answers
 
-### Working draft  
-[HTML][workinghtml] [PDF][workingpdf]
+<br>Proposals for changing CF (GitHub issues):
+<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://github.com/cf-convention/vocabularies/issues">vocabulary</a> (including standard names),
+<a href="https://github.com/cf-convention/cf-conventions/issues">conventions</a>,
+<a href="https://github.com/cf-convention/cf-convention.github.io/issues">website and governance</a>
 
-### Check the latest vocabularies
+<br><a href="https://github.com/cf-convention">CF GitHub organisation</a>
 
-[Standard names][currentnames]{:.btn .btn-primary .btn-lg}
-[Area types][areatypes]{:.btn .btn-primary .btn-lg}
-[Standarized regions][regions]{:.btn .btn-primary .btn-lg}
+<br><a href="faq.html">FAQ</a>
+
+<br><a href="software.html">List of software for working with CF</a>
+
+<br><a href="projects-activities.html">List of projects and activities that use the CF metadata conventions</a>
+
+<br><a href="https://doi.org/10.5194/gmd-10-4619-2017">Paper</a> describing the CF data model and reference software
+
+<br>Overview of CF, presented at 2025 AGU: <a href="https://doi.org/10.5281/zenodo.15015065">DOI</a> <a href="https://zenodo.org/records/15015065/files/2024-12_AGU_CF_OpenSciPrize_presentation.pdf?download=1&preview=">PDF</a>
+
+<br>More detailed <a href="Data/cf-documents/overview/viewgraphs.pdf">presentation</a> and <a href="Data/cf-documents/overview/article.pdf">paper</a> about CF basics
+
+</div>
+</div>
+<br>
 
 ---
 
-## Get involved
+<div class="row">
+<div class="col-md-12">
+
+<h2>Get involved</h2>
 
 CF is developed through open discussion on GitHub.
-If you would like to propose a change, make a suggestion, report a problem or ask a question, please [see here][discussion].
-Changes are decided according to the CF [governance arrangements][governance].
+If you would like to propose a change, make a suggestion, report a problem or ask a question, please <a href="discussion.html">see here</a>.
+Changes are decided according to the CF <a href="governance.html">governance arrangements</a>.
 The CF community embraces a philosophy of producing excellence by maintaining an open and welcoming culture and an environment that promotes debate and inquiry in a respectful, bold and intellectually rigorous fashion.
 
-![CF community at the 2024 conventions workshop](Data/media/images/CF2024_group2_cropped.jpg){: style="max-width:800px; height:auto;" } *CF community at the 2024 conventions workshop*
+</div>
+</div>
+<br>
 
----
+<div class="row">
+<div class="col-md-8">
 
-## Quick links
+<img src="Data/media/images/CF2024_group2_cropped.jpg" style="max-width:100%; height:auto;" alt="Members of the CF community at the 2024 conventions workshop">
 
-See also the links in the navigation bar at the top of this page.
+</div>
+<div class="col-md-4">
+
+<em>Members of the CF community at the 2024 conventions workshop</em>
 
-* [CF GitHub Discussions][github_discussions]: announcements, forum for community discussion, questions and answers
-* Current proposals for changing CF (CF GitHub issues): [vocabulary][github_vocabularies] (including standard names), [conventions][github_conventions], this [website][github_website] (including governance)
-* [CF GitHub organisation][cf_github]
-* [CF FAQ][faq]
-* [List of software for working with CF](software.md)
-* [List of Projects and Activities that Use the CF Metadata Conventions](projects-activities.md)
-* [Paper][cfdmpaper] describing the CF data model and reference software
-* Overview of CF basics
-  * High-level presentation ([DOI](https://doi.org/10.5281/zenodo.15015065), [PDF](https://zenodo.org/records/15015065/files/2024-12_AGU_CF_OpenSciPrize_presentation.pdf?download=1&preview=1) - from 2024 AGU)
-  * More detailed [presentation][viewgraphs] and [paper][article]
-
-[api]: https://www.unidata.ucar.edu/software/netcdf
-[coards]: https://ferret.pmel.noaa.gov/noaa_coop/coop_cdf_profile.html
-[viewgraphs]: Data/cf-documents/overview/viewgraphs.pdf
-[article]: Data/cf-documents/overview/article.pdf
-[discussion]: discussion.md
-[governance]: governance.md
-[faq]: faq.md
-[releasedhtml]: Data/cf-conventions/cf-conventions-1.12/cf-conventions.html
-[releasedpdf]: Data/cf-conventions/cf-conventions-1.12/cf-conventions.pdf
-[workinghtml]: /cf-conventions/cf-conventions.html
-[workingpdf]: /cf-conventions/cf-conventions.pdf
-[currentnames]: Data/cf-standard-names/current/build/cf-standard-name-table.html
-[areatypes]: Data/area-type-table/current/build/area-type-table.html
-[regions]: Data/standardized-region-list/standardized-region-list.current.html
-[cfdmpaper]: https://doi.org/10.5194/gmd-10-4619-2017
-[github_conventions]: https://github.com/cf-convention/cf-conventions/issues
-[github_discuss]: https://github.com/cf-convention/discuss/issues
-[github_vocabularies]: https://github.com/cf-convention/vocabularies/issues
-[github_website]: https://github.com/cf-convention/cf-convention.github.io/issues
-[cf_github]: https://github.com/cf-convention
-[github_discussions]: https://github.com/orgs/cf-convention/discussions
-[github_askq]: https://github.com/orgs/cf-convention/discussions/new?category=q-a-about-using-cf
+</div>
+</div>
+<br>